Threejs 光照渲染

一、绘制的对象黑不溜秋

首先了解一下，渲染的原理和机制

法向量问题

　　法线是垂直于咱们想要照亮的物体表面的向量。法线表明表面的方向所以他们为光源和物体的交互建模中具备决定性做用。每个顶点都有一个关联的法向量。

　　若是一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不一样的三角形中的法向量的和。N=N1+N2；

　　因此若是不作任何处理，直接将3维物体的点传递给BufferGeometry，那么因为法向量被合成，通过片元着色器插值后，就会获得这个黑不溜秋的效果

解决办法：

geometry.computeFaceNormals();