在反应三渲染器中没有使用ThreeJS施放阴影

时间:2016-11-25 21:08:54

标签: reactjs three.js

我在我的场景中投下阴影时遇到了麻烦。我采取的步骤:

  1. shadowMapEnabled属性添加到R​​eact3元素
  2. 我场景中的定向灯逐字显示属性see here in the react-three-renderer example
  3. 场景中的所有三个网格(一个立方体和两个平面)都有castShadow和receiveShadow
  4. 我在下面的图像中有一个黑色的立方体,以显示定向光从哪里消失。

    enter image description here

    Here's a gist of my code。 (缩写)

1 个答案:

答案 0 :(得分:1)

尝试减少阴影相机的近似值,它看起来太高了。如果您可以提供完整示例,则可能更容易诊断发生了什么

另外尝试将另一个对象放在" lookAt"光的目标,这应该有助于确定它将面向哪个方向