javascript - 三.js:全局旋转

标签 javascript three.js rotation transform

我想沿 x 轴围绕原点 0,0,0 旋转场景中的所有对象。但是,设置 obj.rotation.x += 0.1;不沿原点旋转,而是沿对象的中心旋转。如何实现对象围绕原点的所需旋转?我觉得应该有一个简单的方法,但在官方文档或网上找不到任何方法。

最佳答案

不是将对象添加到场景中,而是将它们添加到 THREE.Group() 对象中:

var group = new THREE.Group();
scene.add(group);
...
var mesh1 = new THREE.Mesh(...);
group.add(mesh1);
var mesh2 = new THREE.Mesh(...);
group.add(mesh2);
//and so on with meshes

然后在渲染循环中:

group.rotation.x += 0.1;

Threejs.r84

关于javascript - 三.js:全局旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42348202/

相关文章:

javascript:class.property 与 class.prototype.property 模拟静态属性

javascript - 如果 Redux 异步 thunk 操作包含 promise ,那么它们是否应该始终返回 promise

ios - iAD - adBannerView 旋转

c++ - 在 OpenGL 中旋转一个对象在它自己的轴上

javascript - 单击按钮添加行

javascript - 如何在不知道第一个元素是什么标签的情况下获取它?

javascript - Collada 模型面孔在 three.js 中无法正确显示

javascript - 如何避免由于 WebGL 中世界坐标不精确而导致的渲染伪影?

javascript - 三.js 纹理加载器多张图片

ios - 如何在 iOS 7/8 的应用程序启动时获取初始设备方向?