three.js的各种材质
2017-07-13 15:06
411 查看
three.js中的包含的材质的种类有很多,大体上有:
MeshBaseMaterial(网格基础材质)、MeshLamberMaterial(网格朗伯材质)、MeshPhongMaterial(网格Phong式材质)、ShaderMaterial(着色器材质)、LineBasicMaterial(直线基础材质)、LineDashedMaterial(虚线材质)、MeshDepthMaterial(网格深度材质)、MeshNormalMaterial(网格法向材质)、MeshFaceMaterial(网格面材质)
1.MeshBaseMaterial(网格基础材质)是一种非常简单的材质,这种材质不会考虑光照的影响。使用这种材质网格备渲染成简单的平面多边形,并且可以显示几何体的线框。
2.MeshDepthMaterial(网格深度材质)使用该材质的物体的外观不是由某个材质属性决定的,而是由物体到相机的距离决定的,离相机越近越亮,离相机越远越暗。该材质的属性很少,没有设置物体颜色的属性。如果想改变物体的颜色,就需要创建多材质的物体。
3.MeshNormalMaterial(网格法向材质)通过法向量来映射RGB颜色。每个法向量不同的面都会赋予不同的颜色。
4.MeshFaceMaterial(网格面材质)可以为几何体每一个面指定不同的材质。比如一个立方体有六个面你可以为每个面指定一个材质。
5.MeshLambertMaterial(网格朗伯材质)用于创建看上去暗淡的、不光亮的表面,可以对光源产生阴影的效果。
6.MeshPhongMaterial(网格phong式材质)用于创建光亮表面的材质。可以产生阴影的效果。
7.ShaderMaterial(着色器材质)该材质是最复杂的一种材质,可以使用自己定制的着色器。
MeshBaseMaterial(网格基础材质)、MeshLamberMaterial(网格朗伯材质)、MeshPhongMaterial(网格Phong式材质)、ShaderMaterial(着色器材质)、LineBasicMaterial(直线基础材质)、LineDashedMaterial(虚线材质)、MeshDepthMaterial(网格深度材质)、MeshNormalMaterial(网格法向材质)、MeshFaceMaterial(网格面材质)
1.MeshBaseMaterial(网格基础材质)是一种非常简单的材质,这种材质不会考虑光照的影响。使用这种材质网格备渲染成简单的平面多边形,并且可以显示几何体的线框。
2.MeshDepthMaterial(网格深度材质)使用该材质的物体的外观不是由某个材质属性决定的,而是由物体到相机的距离决定的,离相机越近越亮,离相机越远越暗。该材质的属性很少,没有设置物体颜色的属性。如果想改变物体的颜色,就需要创建多材质的物体。
3.MeshNormalMaterial(网格法向材质)通过法向量来映射RGB颜色。每个法向量不同的面都会赋予不同的颜色。
4.MeshFaceMaterial(网格面材质)可以为几何体每一个面指定不同的材质。比如一个立方体有六个面你可以为每个面指定一个材质。
5.MeshLambertMaterial(网格朗伯材质)用于创建看上去暗淡的、不光亮的表面,可以对光源产生阴影的效果。
6.MeshPhongMaterial(网格phong式材质)用于创建光亮表面的材质。可以产生阴影的效果。
7.ShaderMaterial(着色器材质)该材质是最复杂的一种材质,可以使用自己定制的着色器。
相关文章推荐
- Three.js学习之Lamber材质和Phong材质
- three.js 04-03 之联合材质
- three.js 04-08 之 ShaderMaterial 材质
- three.js 04-07 之 MeshPhongMaterial 材质
- three.js使用四:加载有材质和纹理的模型
- three.js 04-01 之 MeshBasicMaterial 材质
- Three.JS 发光球体,材质纹理,缩放移动动画,教程
- three.js自学之旅(6)—— 各种模型探究(1)
- 使用Three.js的材质
- Three.js开发指南---使用three.js里的各种光源
- 20 Three.js实现场景所有物体使用相同的材质
- three.js 04-02 之 MeshDepthMaterial 材质
- 35 Three.js的融合材质
- 【Three.js探寻八】——法向材质与材质的纹理贴图
- THREE.JS的材质material一些注意的属性
- 33 Three.js的材质THREE.MeshBasicMaterial
- three.js 04-06 之 MeshLambertMaterial 材质
- three.js自学之旅(7)—— 各种模型探究(2)
- 37 Three.js高级材质THREE.MeshPhongMaterial