я используюSplineCurve3 чтобы построить линию только по осям X и Y, у меня есть куб, успешно анимирующий вдоль этой линии, используяspline.getPoint(t) где t 0-1 во времени. Я пытаюсь сориентировать куб на линию через вектор вверх, который является Y, используя скалярное произведение.

Это почти выровнено, но очень немного вне. Я думал, что я буду использовать точечное произведение вектора Y и тангенса текущей точки в качестве угла, на который повернуть кватернион.

Вот моя функция рендеринга:

function render() {

    var updateMatrix = new THREE.Matrix4(); 
    updateMatrix.setPosition(spline.getPoint(t));

    var angle = new THREE.Vector3(0,1,0).dot(spline.getTangent(t).normalize());

    var quat = new THREE.Quaternion;
    quat.setFromAxisAngle(new THREE.Vector3(0,0,1), angle);
    updateMatrix.setRotationFromQuaternion(quat);

    marker.rotation.getRotationFromMatrix(updateMatrix);
    marker.matrixWorld = updateMatrix;

    t = (t >= 1) ? 0 : t += 0.002;

    renderer.render(scene, camera); 
}

А вот скрипка, демонстрирующая мою проблему, может кто-нибудь сказать мне, где я ошибаюсь с аспектом вращения?

Вы можете редактировать мой -пример jsfiddle