Как ограничить rotation объекта в three.js?

194

06 апреля 2017, 20:07

Я загрузил и вывел объект, подключил управление с помощью trackballcontrols.

Мне нужно, что бы при манипуляциях мышкой объект крутился только по оси Х, а все остальные оси, зум, перенос объекта с помощью пкм были отключены.

Как это сделать? Возможно в trackballcontrols можно как то поменять методы для этого. Спасибо!

controls = new THREE.TrackballControls( camera );
controls.rotateSpeed = 10;
controls.noZoom = true;
controls.noPan = true;

Answer 1

Нашел решение, легко кастомизируется.

https://jsfiddle.net/MadLittleMods/n6u6asza/

var isDragging = false;

if(isDragging) {
    var deltaRotationQuaternion = new three.Quaternion()
        .setFromEuler(new three.Euler(
            toRadians(deltaMove.y * 0),
            toRadians(deltaMove.x * 1),
            0,
            'XYZ'
        ));
    cube.quaternion.multiplyQuaternions(deltaRotationQuaternion, cube.quaternion);
}
previousMousePosition = {
    x: e.offsetX,
    y: e.offsetY
};});

$(document).on('mouseup', function(e) {
isDragging = false;});