Threejs 光照渲染

一、繪製的對象黑不溜秋

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

法向量問題

　　法線是垂直於咱們想要照亮的物體表面的向量。法線表明表面的方向所以他們爲光源和物體的交互建模中具備決定性做用。每個頂點都有一個關聯的法向量。

　　若是一個頂點被多個三角形共享，共享頂點的法向量等於共享頂點在不一樣的三角形中的法向量的和。N=N1+N2；

　　因此若是不作任何處理，直接將3維物體的點傳遞給BufferGeometry，那麼因爲法向量被合成，通過片元着色器插值後，就會獲得這個黑不溜秋的效果

解決辦法：

geometry.computeFaceNormals();