Three.js - Есть простой способ изменить поворот вращения Object3D?

Question

Есть ли простой способ смены поворота THREE.Object3D? Точка по умолчанию - это точка положения Object3d.

У меня есть группа (реализована как THREE.Object3D) объектов, и я хочу повернуть все объекты вместе, вокруг THREE.Vector3 точки, которые можно изменить во время выполнения.

Примечание: положение группы не может быть изменено.

Я попытался это (с Derte Trdelnik помощь), но он не работает:

someButton.onClick(function() { 

    var object = editor.selected; 
    if (!object instanceof THREE.Object3D) return; 

    var pivot = new THREE.Vector3(100, 0, 0); 
    var vectorToPivot = object.position.sub(pivot); 
    var moveToPivot = new THREE.Matrix4().makeTranslation(vectorToPivot.x, 
                  vectorToPivot.y, vectorToPivot.z); 
    var rotation = new THREE.Matrix4().makeRotationZ(Math.PI); 
    var inverseMove = new THREE.Matrix4().makeTranslation(-vectorToPivot.x,-vectorToPivot.y, -vectorToPivot.z); 

    var matrix = inverseMove.clone().multiply(rotation).multiply(moveToPivot); 
    object.applyMatrix(matrix); 

    editor.signals.objectChanged.dispatch(object); 

}); 

Спасибо заранее!

Answer 1

вы не должны изменить положение, просто создать матрицу, которая делает то, что вы хотите:

var vectorToPivot = object.position.sub(pivot); 
var moveToPivot = new THREE.Matrix4().makeTranslation(vectorToPivot.x, 
                 vectorToPivot.y,vectorToPivot.z); 
var rotation = new THREE.Matrix().makeRotationX(Math.PI/2); 
var inverseMove = new THREE.Matrix().makeTranslation(-vectorToPivot.x, 
                -vectorToPivot.y,-vectorToPivot.z); 

var matrix = inverseMove.clone().multiply(rotation).multiply(moveToPivot); 
object.applyMatrix(matrix);