代码之家 › 专栏 › 技术社区 › Michael IV

在世界空间中保持局部旋转不变

three.js javascript

Michael IV · 技术社区 · 6 年前

我有一个网,它是一个 Object3D 是现场的一个孩子。

这个 对象3D 是旋转的,假设沿着X轴旋转90度。

子对象没有应用旋转,并且在其局部空间中保持Y向上和Z向前进。

作为3.js API的一个noob,我的问题是:什么是最有效的方法(在计算方面)来保持孩子的旋转与世界的y一致?

也就是说,如果它的父对象沿着X轴旋转了90度,那么它的子对象的局部旋转应该被更新,以便它的上方向向量仍然指向全局Y轴?

我可以得到物体的世界四元数来得到局部和全局旋转之间的区别,然后在局部进行调整吗?

好吧,我发现的最简单的技巧是反转父元素的四元数并将其应用于子元素,这样它的局部旋转在世界空间中保持不变:

        var inv = mesh.parent.quaternion.clone(); 
        inv.conjugate();
        mesh.quaternion.copy(inv);

1 回复 | 直到 6 年前

WestLangley 6 年前

mesh.quaternion.copy( mesh.parent.quaternion ).conjugate();

onBeforeRender()

var func = function() {

    var v = new THREE.Vector3();

    return function func() {

        v.setFromMatrixPosition( this.matrixWorld );
        this.matrixWorld.makeTranslation( v.x, v.y, v.z );

        // or you could do this, instead
        //this.quaternion.copy( this.parent.quaternion ).conjugate();
        //this.updateMatrixWorld();

    };

}();

mesh.onBeforeRender = func;

推荐文章

Adam Turaj · 反应三纤维场景背景比原始图像更亮

2 年前

ajai.s · 根据用户偏好改变网络a帧中的化身

2 年前

Burak Ertan · 如何使数组中的向量不改变其值?

2 年前

Yücel Sabah · 三JS-绝对更改加载网格的顶点坐标(扭曲网格)并使用该顶点

2 年前

Jojo · 三js-多元素-webgl

2 年前

Lucho · 三分钟后。js如何将相机添加到glb骨架中的头骨?

2 年前

Zalan Szakacs · 如何导入字符串值(x、y、z)以生成三个几何体。js?

6 年前

JoakimNyland · 使用外部链接将纹理应用于WebGL中的3D模型[已关闭]

6 年前

Brian Dolan · 如何影响三维力图中的链接距离?

6 年前

GAURANG KORANT · 如何使用非平面形状(曲面)的threejs绘制具有三维点(x、y、z)的形状几何体

6 年前