Question

Three.js r76

我正在为一个稍微不同的问题构建一个JSFiddle示例，但现在无法将阴影CameraHelper放在正确的位置以继续设置我的演示。

聚光灯辅助工具似乎工作正常，但阴影相机辅助工具似乎停在(0, 0, 0)并向下看z轴。

有人能看到我出错的地方吗？谢谢。

JS Fiddle of Shadow Camera Helper seemingly in the wrong place

代码：

spt.position.set(0, 1000, 1000);

  spt.castShadow = true;
  spt.angle = 0.3;
  spt.exponent = 2.0;
  spt.penumbra = 0.05;
  spt.decay = 1;
  spt.distance = 3000;
  spt.shadow.mapSize.width = 512;
  spt.shadow.mapSize.height = 512;
  spt.shadow.camera.near = 10;
  spt.shadow.camera.far = 6000;
  spt.shadowCameraHelper = new THREE.CameraHelper(spt.shadow.camera);
  lightHelper = new THREE.SpotLightHelper(spt);

  scene.add(spt.shadowCameraHelper);
  scene.add(lightHelper);
  scene.add(spt);

Answer 1

您需要在渲染器中启用阴影才能使CameraHelper生效：

renderer.shadowMap.enabled = true;

https://jsfiddle.net/n57kjtcs/17/

Three.js Spotlight ShadowCameraHelper位置不正确

1 个答案: