javascript - 使用 THREE.js 方法计算相机偏航 Angular 的正确方法是什么?

标签 javascript rotation three.js quaternions

如何使用内置的 THREE.js 方法计算 3D 场景中对象旋转(偏航)的 2D(鸟瞰图)表示?

我使用 How to derive "standard" rotations from three.js when using quaternions? 中的解决方案可以正常工作。 (与 http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToEuler/ 相同);但如果可用的话,我更愿意使用内置方法。

最佳答案

要使用自然偏航(航向)、俯仰和滚动来定向相机,请设置:

camera.rotation.order = 'YXZ'. // the default is `XYZ`

现在您可以像这样设置相机的方向:

camera.rotation.set( pitch_radians, yaw_radians, roll_radians );

因此,camera.rotation.y 将以弧度为单位的偏航(航向)。

此方法同样适用于任何 Three.js Object3D

有关 Three.js 中对象旋转的更多信息,请参阅 this answer .

三.js r.69

关于javascript - 使用 THREE.js 方法计算相机偏航 Angular 的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27753101/

相关文章:

javascript - onclick 移动谷歌地图中心点

安卓动画 "Rolling in"

javascript - 如何旋转和平移 html5 Canvas 路径,使最后一个点位于中心

algorithm - 如何像在 MotionBuilder 中一样计算旋转

three.js - 如何在 TypeScript 中使用 three.js 加载 OBJ 模型

javascript - 使用 jquery + ajax 的进度条(最多 30 秒)

javascript - 循环查询结果并使用 QueryChainer 对每个结果运行另一个查询

javascript - 通过鼠标移动绘制的矩形会在鼠标移动时不断绘制自身,同时显示之前的矩形

javascript - Three.js - 渲染对象始终位于顶部

javascript - boundingSphere 为 null - TextGeometry、ThreeJS