three.js入门系列之材质

Posted 2021-01-27 桔子桑

一、基础网孔材料

MeshBasicMaterial

图示（光源是(0,1,0)处的点光源）：

二、深度网孔材料

MeshDepthMaterial

（由于只是改了材料名，代码将不重复贴出）

在这里，有必要提一下远景相机的属性了：

大概就是这么个意思，下面，我们把上述两个参数改为3,4看一下效果：

为什么要提一下相机的参数呢，因为该种材料的物体，离相机越近就越显示白色，越远的话则显示黑色，所以初始化的时候，相机看得非常远（0.03,400）所以看到的全是黑色的正方体边框，接下来，我们调整一下相机的视椎体近面（near）和远面（far）两个属性值为（2,20）：

三、联合材质

顾名思义，就是一个物体包含了多种材质的特性：

拓展类的添加后续将会贴出方法，请看效果先：

很显然，上述联合材质继承了之前提到的两种材质所拥有的特性。

四、法向量网孔材料

MeshNormalMaterial

效果如下：

五、兰伯特网孔材料

MeshLambertMaterial（用于暗淡、不光亮表面）

六、待续