Почему тень не в том месте? (Three.js)

Question

У меня есть зеленый самолет и красный куб над ним. Свет - направленный свет.

Почему тень в неположенном месте? Код: http://jsfiddle.net/pD8dn/

---

Edit:

Если я изменю light.shadowBias то тень на плоскости правильно, но тень на кубе некорректной:

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

Заранее благодарен,

Answer 1

Это один из самых распространенных артефактов для теневых карт, это называется «Peter Panning».

Обходной путь добавить некоторый небольшой уклон для тестирования глубины:

light.shadowBias = 0.001; 

Точное значение смещения должно быть настроены для каждой сцены (и, к сожалению, иногда вы не сможете избавиться от всех артефакты повсюду, настройка теневых карт - это больше искусства, чем наука).

Это то, что работает для вашего примера:

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