javascript - THREE.js - CameraContros 和camera.up 向量

标签 javascript three.js

我正在使用 CameraControls (camera-controls) 包来管理 Three.js 上的相机

当空间为 Y 轴向上时 (camera.up.set(0,1,0)),它工作得很好,但是当设置 Z 轴时 (camera.up.set(0,0,1))它按预期停止工作。

有什么线索可以让 CameraControls 包在 z 轴上工作吗?

最佳答案

我尝试更改矢量(场景对象/相机/轨道控制/THREE.Object3D.DefaultUp) - 恕我直言,它带来的问题多于好处。 我还尝试使用轮换(这里很多人推荐,在“discourse”和“clara.io”) - 但它不起作用。

最后,我最终只修改了原始坐标。您可以在客户端或服务器端执行此操作。 在我的场景中(我认为这也是你的情况),解决方案是将现实世界坐标转换为 Threejs 场景空间坐标,反之亦然,如下所示:

threeX: -1 * worldX,
threeY: worldZ,
threeZ: worldY

关于javascript - THREE.js - CameraContros 和camera.up 向量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52238120/

相关文章:

javascript - Rails Controller 不接受 JSON?

javascript - 这个ajax函数有什么问题吗?

javascript - react 条件渲染

javascript - 使用 JavaScript/JQuery 将 HTML 重新添加到 DIV 中

three.js - 将带有纹理的简单模型从 Blender 导出到 Three.js

javascript - jQuery 切换最近的信息

javascript - 在 three.js 中的球体上使用纹理

javascript - 将 OrbitalControl 添加到 Three.js 会导致 TypeError

javascript - 透明 PNG 中可见图像的最顶部和最底部坐标

three.js - 如何在三个js中不倾斜的情况下向上移动相机