123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <base href="../../../" />
- <script src="list.js"></script>
- <script src="page.js"></script>
- <link type="text/css" rel="stylesheet" href="page.css" />
- </head>
- <body>
- <h1>材质常量(Material Constants)</h1>
- <p class="desc">
- 由这些常量定义的属性对所有的材质类型都生效,除了Texture Combine Operations只应用于
- [page:MeshBasicMaterial.combine MeshBasicMaterial],[page:MeshLambertMaterial.combine MeshLambertMaterial]和[page:MeshPhongMaterial.combine MeshPhongMaterial]。<br />
- </p>
- <h2>面</h2>
- <code>
- THREE.FrontSide
- THREE.BackSide
- THREE.DoubleSide
- </code>
- <p>
- 定义了哪一边的面将会被渲染 —— 正面,或是反面,还是两个面都渲染。
- 默认值是[page:Constant FrontSide](只渲染正面)。
- </p>
- <h2>颜色</h2>
- <code>
- THREE.NoColors
- THREE.FaceColors
- THREE.VertexColors
- </code>
- <p>
- [page:Constant NoColors] 是默认值,且会将材质的颜色应用到所有面。<br />
- [page:Constant FaceColors] 根据每个[page:Face3 Face3]的[page:Color Color]值来对面进行着色。<br />
- [page:Constant VertexColors] 根据每个 [page:Face3 Face3]的vertexColors(顶点颜色)值来对面进行着色。 这是一个包含有三个[page:Color Color]的数组,数组中每一项都对应着面中的每一个顶点。<br />
- 请查看示例:[example:webgl_geometry_colors geometry / colors]。
- </p>
- <h2>混合模式</h2>
- <code>
- THREE.NoBlending
- THREE.NormalBlending
- THREE.AdditiveBlending
- THREE.SubtractiveBlending
- THREE.MultiplyBlending
- THREE.CustomBlending
- </code>
- <p>
- 这些值控制着源和目标材质中,被发送到WebGLRenderer,来给WebGL使用的包含有RGB和Alpha数据的混合方程。<br />
- 默认值是[page:Constant NormalBlending]。<br />
- 请注意,[page:Constant CustomBlending]必须被设置为自定义混合方程([page:CustomBlendingEquation Custom Blending Equations])常量中的值。<br />
- 请查看示例:[example:webgl_materials_blending materials / blending]。<br />
- </p>
- <h2>深度模式</h2>
- <code>
- THREE.NeverDepth
- THREE.AlwaysDepth
- THREE.LessDepth
- THREE.LessEqualDepth
- THREE.GreaterEqualDepth
- THREE.GreaterDepth
- THREE.NotEqualDepth
- </code>
- <p>
- 材质使用这些深度函数来比较输入像素和缓冲器中Z-depth的值。
- 如果比较的结果为true,则将绘制像素。<br />
- [page:Materials NeverDepth] 永远不返回true。<br />
- [page:Materials AlwaysDepth] 总是返回true。<br />
- [page:Materials LessDepth] 当输入像素Z-depth小于当前缓冲器Z-depth时,返回true。<br />
- [page:Materials LessEqualDepth] 为默认值,当输入像素Z-depth小于或等于当前缓冲器Z-depth时,返回true。<br />
- [page:Materials GreaterEqualDepth] 当输入像素Z-depth大于或等于当前缓冲器Z-depth时,返回true。 <br />
- [page:Materials GreaterDepth] 当输入像素Z-depth大于当前缓冲器Z-depth时,返回true。<br />
- [page:Materials NotEqualDepth] 当输入像素Z-depth不等于当前缓冲器Z-depth时,返回true。<br />
- </p>
- <h2>纹理结合操作</h2>
- <code>
- THREE.MultiplyOperation
- THREE.MixOperation
- THREE.AddOperation
- </code>
- <p>
- 这些常量定义了物体表面颜色与环境贴图(如果存在的话)相结合的结果,
- 用在[page:MeshBasicMaterial.combine MeshBasicMaterial]、[page:MeshLambertMaterial.combine MeshLambertMaterial]和[page:MeshPhongMaterial.combine MeshPhongMaterial]当中。<br />
- [page:Constant MultiplyOperation] 是默认值,它将环境贴图和物体表面颜色进行相乘。<br />
- [page:Constant MixOperation] 使用反射率来混和两种颜色。uses reflectivity to blend between the two colors.<br />
- [page:Constant AddOperation] 用于对两种颜色进行相加。</p>
- <h2>源代码</h2>
- [link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
- </body>
- </html>
|