javascript - なぜ影が間違った場所にあるのですか？（Three.js）

Question

私は緑の飛行機とその上に赤い立方体を持っています。ライトは指向性ライトです。

なぜ影が間違った場所にあるのですか？コード： http： //jsfiddle.net/pD8dn/

---

編集：

変更するlight.shadowBiasと、平面上の影は正しくなりますが、立方体上の影は正しくありません。

http://jsfiddle.net/pD8dn/4/

前もって感謝します、

Answer 1

これは、シャドウマップの最も一般的なアーティファクトの1つであり、「ピーターパンニング」と呼ばれます。

回避策は、深度テストに小さなバイアスを追加することです。

light.shadowBias = 0.001;

バイアスの正確な値は、シーンごとに調整する必要があります（残念ながら、すべてのアーティファクトを取り除くことができない場合があります。シャドウマップの調整は、科学よりも芸術です）。

これはあなたの例でうまくいくものです：

http://jsfiddle.net/pD8dn/2/