javascript - 我的代码有什么问题吗? (Threejs聚光灯阴影)

标签 javascript webgl three.js

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

阴影看起来很奇怪,并且光线没有看向给定的坐标(我尝试了 light.target.position.setlight.lookAt)

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

提前致谢,

最佳答案

这是错误的:

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

position 是一个Vector3,您将其替换为一个Object,失去了它的所有方法(灯光可能依赖的方法)。

这样做:

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

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

关于javascript - 我的代码有什么问题吗? (Threejs聚光灯阴影),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10742097/

相关文章:

javascript - 浏览器多人网络策略——这看起来是一个可行的解决方案吗?

javascript - 线框立方体几何

javascript - 三个js销毁渲染器

javascript - 如何让一个div全屏?

javascript - 谷歌地图标记中的未知语法

webgl - bufferData - 使用参数差异

javascript - Three.js - 释放内存

javascript - 检查对象是否立即继承自构造函数

javascript - Axios 拦截器重试原始请求并访问原始 promise

glsl - webgl 着色器调试/性能/成本