12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- <!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>
|