CustomBlendingEquations.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. <h1>自定义混合方程常量(Custom Blending Equation Constants)</h1>
  12. <p>
  13. 这个常量可以用于所有的材质类型。首先将材质的混合模式设置为THREE.CustomBlending,然后设置所需要的混合方程、源因子和目标因子。
  14. </p>
  15. <h2>代码示例</h2>
  16. <code>
  17. var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
  18. material.blending = THREE.CustomBlending;
  19. material.blendEquation = THREE.AddEquation; //default
  20. material.blendSrc = THREE.SrcAlphaFactor; //default
  21. material.blendDst = THREE.OneMinusSrcAlphaFactor; //default
  22. </code>
  23. <h2>例子</h2>
  24. <p>[example:webgl_materials_blending_custom materials / blending / custom ]</p>
  25. <h2>混合方程</h2>
  26. <code>
  27. THREE.AddEquation
  28. THREE.SubtractEquation
  29. THREE.ReverseSubtractEquation
  30. THREE.MinEquation
  31. THREE.MaxEquation
  32. </code>
  33. <h2>源因子</h2>
  34. <code>
  35. THREE.ZeroFactor
  36. THREE.OneFactor
  37. THREE.SrcColorFactor
  38. THREE.OneMinusSrcColorFactor
  39. THREE.SrcAlphaFactor
  40. THREE.OneMinusSrcAlphaFactor
  41. THREE.DstAlphaFactor
  42. THREE.OneMinusDstAlphaFactor
  43. THREE.DstColorFactor
  44. THREE.OneMinusDstColorFactor
  45. THREE.SrcAlphaSaturateFactor
  46. </code>
  47. <h2>目标因子</h2>
  48. <p>
  49. 所有的源因子的值,在目标因子中都是有效的。除了:<code>THREE.SrcAlphaSaturateFactor</code>
  50. </p>
  51. <h2>源代码</h2>
  52. <p>
  53. [link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
  54. </p>
  55. </body>
  56. </html>