從點光源照明有奇怪的文物在我的模型three.js

Question

考慮這個簡單的房子3D模型。它有一個簡單的Cube unwrap應用幾個平鋪紋理。

當我在它前面添加一個點光源，房子看起來正常，但周圍地面（這是一個大的地形網格的一部分）是未點亮。

屋內網狀，照明被施加滑稽，不知何故與所述頂點而不是計算並正確地添加顏色。請注意如何照明不擴散均勻，但實際上你可以看到一個多邊形有：

我想這就是爲什麼龐大的地形網格是忽略了光，是因爲多邊形是非常巨大而且只有幾個頂點。看起來光線需要附近的頂點才能顯示。

這裏是巨大的地形網格的無光照部分：

我添加淡淡的道：

通知光源放置怎麼不直接旁邊的一個頂點：

當我把燈放在靠近頂點時，效果突然變得超強烈

當我把光在中間有勉強的效果

我怎樣才能讓我的模型有均勻的光無處不在，無論模型的大小與它的頂點量？

Answer 1

找到它最終由於@WestLangley

我之前使用MeshLambertMaterial，現在我切換到PhongMaterial並設置material.perPixel爲true。

另外不要忘記設置material.needsUpdate爲true，如果你動態添加燈！ （與我一樣）

Answer 2

你必須停止做每個頂點照明，並開始做每片段照明。你需要一個片段着色器來獲取點的位置和法線，以及光照位置/方向，並執行各種照明計算。