You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.7 KiB
65 lines
1.7 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="ko">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>사용자 지정 혼합 방정식 상수</h1>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
모든 재질 타입에 사용할 수 있습니다. 먼저 THREE.CustomBlending에 머티리얼의 혼합 모드를 설정하고, 필요한 혼합방정식, 소스 인자, 표적 인자를 추가합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>코드 예제</h2>
|
||
|
|
|
||
|
|
<code>
|
||
|
|
const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
|
||
|
|
material.blending = THREE.CustomBlending;
|
||
|
|
material.blendEquation = THREE.AddEquation; //default
|
||
|
|
material.blendSrc = THREE.SrcAlphaFactor; //default
|
||
|
|
material.blendDst = THREE.OneMinusSrcAlphaFactor; //default
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>예제</h2>
|
||
|
|
<p>[example:webgl_materials_blending_custom materials / blending / custom ]</p>
|
||
|
|
|
||
|
|
<h2>Blending Equations</h2>
|
||
|
|
<code>
|
||
|
|
THREE.AddEquation
|
||
|
|
THREE.SubtractEquation
|
||
|
|
THREE.ReverseSubtractEquation
|
||
|
|
THREE.MinEquation
|
||
|
|
THREE.MaxEquation
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>소스 인자</h2>
|
||
|
|
<code>
|
||
|
|
THREE.ZeroFactor
|
||
|
|
THREE.OneFactor
|
||
|
|
THREE.SrcColorFactor
|
||
|
|
THREE.OneMinusSrcColorFactor
|
||
|
|
THREE.SrcAlphaFactor
|
||
|
|
THREE.OneMinusSrcAlphaFactor
|
||
|
|
THREE.DstAlphaFactor
|
||
|
|
THREE.OneMinusDstAlphaFactor
|
||
|
|
THREE.DstColorFactor
|
||
|
|
THREE.OneMinusDstColorFactor
|
||
|
|
THREE.SrcAlphaSaturateFactor
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>표적 인자</h2>
|
||
|
|
<p>
|
||
|
|
모든 소스 인자는 <code>THREE.SrcAlphaSaturateFactor</code>를 제외하고 표적 인자로 사용할 수 있습니다
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>소스 코드</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|