相关疑难解决方法(0)

threejs如何围绕对象自己的中心旋转,而不是围绕世界中心

在此输入图像描述

场景中的两个对象.立方体旋转轴应该是立方体的中心,这是我的期望.

但鞋模的旋转轴是世界的y轴.

我的原始代码是.

cube.rotation.y += 0.01;
shoe.rotation.y += 0.01;
Run Code Online (Sandbox Code Playgroud)

我在stackoverflow中找到了一个解决方案,如下所示:

cube.rotation.y += 0.01;
var pivot = new THREE.Object3D();
pivot.add(shoe);
pivot.rotation.y += 0.01;
Run Code Online (Sandbox Code Playgroud)

但它不起作用.然后,我改变鞋子的位置.

cube.rotation.y += 0.01;
var pivot = new THREE.Object3D();
shoe.position.set(-5,0,0);
pivot.add(shoe);
pivot.rotation.y += 0.01;
Run Code Online (Sandbox Code Playgroud)

现在结果更好,但仍然不完美.而且由于鞋子的型号很多,我无法确定每种鞋型的不同位置.

rotation three.js

45
推荐指数
3
解决办法
3万
查看次数

标签 统计

rotation ×1

three.js ×1