我的代码出了什么问题? (Threejs聚光灯影)

时间:2012-05-24 17:02:41

标签: javascript webgl three.js

我在Three.js中创建了一个场景,在一个平面上有两个立方体。 spotLight位于左上角,应该看给定坐标50,0,-50。

阴影看起来很奇怪,光线看不到给定的坐标(我试过light.target.position.setlight.lookAt

链接:http://jsfiddle.net/5gNvr/

提前致谢,

2 个答案:

答案 0 :(得分:5)

这是错误的:

cube.position = {
    x: -50,
    y: 15,
    z: 50
};

位置是一个 Vector3 ,你将它替换为 Object ,失去了它的所有方法(光可能依赖它)。

请改为:

cube.position.set( -50, 15, 50 );

这可能会也可能不会解决您的问题。

答案 1 :(得分:3)

尝试将灯光的fov增加到75.

light.shadowCameraFov = 75;