现在做什么三.getWorldRotation已经消失了

Question

在之前版本的Three.js中，我使用的是getWorldRotation()

  const sourceObject3D = sourceEntity.object3D

  // Rotation
  {
    const sourceAngle = three.Math.radToDeg(
      sourceObject3D.getWorldRotation().y
    )

    const prevAngle = three.Math.radToDeg(
      targetEntity.object3D.getWorldRotation().y
    )

现在已弃用。

我试图用getWorldQuaternion()替换它

var quaternion = new three.Quaternion()
sourceEntity.object3D.getWorldQuaternion( quaternion )
var vector = new three.Vector3()
vector.applyQuaternion( quaternion )
const sourceAngle = three.Math.radToDeg(vector.y)

var tquaternion = new three.Quaternion()
targetEntity.object3D.getWorldQuaternion( tquaternion )
var tvector = new three.Vector3()
tvector.applyQuaternion( tquaternion )

const prevAngle = three.Math.radToDeg(tvector.y)

然而，targetEntity Quaterion始终是Quaternion {_x: 0, _y: 0, _z: 0, _w: 1}

那为什么会这样？这是替换getWorldRotation()的正确方法

Answer 1

object3Ds旋转由THREE.Euler对象（source）表示。

如果您使用它而不是Vector3，您的计算应该可以正常工作。

var quaternion = new three.Quaternion()
sourceEntity.object3D.getWorldQuaternion( quaternion )

let rotation = new THREE.Euler()
rotation.setFromQuaternion(quaternion)

在我的fiddle中查看。