Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质配有效果图)

Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质有效果图)

目录

Three 之 three.js （webgl）涉及的各种材质简单说明(常用材质配有效果图)

一、简单介绍

二、各种材质说明

1、MeshBasicMaterial 基础网格材质

2、MeshDepthMaterial 深度网格材质

3、MeshDistanceMaterial 距离网格材质

4、MeshLambertMaterial Lambert网格材质

5、MeshMatcapMaterial

6、MeshNormalMaterial 法线网格材质

7、MeshPhongMaterial Phong网格材质

8、MeshPhysicalMaterial 物理网格材质

9、MeshStandardMaterial 标准网格材质

10、MeshToonMaterial 卡通网格材质

11、PointsMaterial 点材质

12、RawShaderMaterial 原始着色器材质

13、ShaderMaterial 着色器材质

14、ShadowMaterial 阴影材质

15、SpriteMaterial 点精灵材质

16、LineBasicMaterial 基础线条材质

17、LineDashedMaterial 虚线材质

---

一、简单介绍

Three js 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。

本节介绍， three.js （webgl）中有各种材质，不同材质又有不同的效果，这里做简单的介绍，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。

Materail 材料的抽象基类。

材料描述物体的外观。它们是以一种(主要)与渲染无关的方式定义的，所以如果你决定使用不同的渲染器，你不必重写材料。

以下属性和方法可以被所有其他材质类型继承(尽管它们可能有不同的默认值)。

属性 ：

.alphaTest:Float

设置要在运行alpha测试时使用的alpha值。如果不透明度低于这个值，材质将不会被渲染。默认值为0。

<