как установить рабочий диапазон для управления орбитой в трех js

#javascript #three.js

#javascript #three.js

Вопрос:

Я пытаюсь создать куб ориентации в ThreeJS, и я создал 2 сцены с двумя видовыми экранами и камерами и их собственными элементами управления.

ссылка на скрипку

 var controls = new THREE.OrbitControls( view.camera, container.domElement );
 

поскольку вы можете запустить скрипку и увидеть, что элементы управления орбитой для основной сцены работают очень плавно, а диапазон в большей степени зависит от размера элемента DOMElement.

то же самое не происходит в сцене меньшего размера, потому что у меня один рендерер, и у меня нет измененного DOMElement для прикрепления к сцене меньшего размера. поскольку его элементы управления подключены к основному DOM, именно поэтому он не вращается свободно.

Как я могу решить эту проблему, чтобы куб в маленькой сцене имел больший диапазон для поворота внутри.

смотрите эту ссылку, но для этого средства визуализации установлено значение меньшего размера.

Ответ №1:

Как я могу решить эту проблему, чтобы куб в маленькой сцене имел больший диапазон для поворота внутри.

Если я вас правильно понимаю, вы должны быть в состоянии достичь этого, установив OrbitControls.rotateSpeed более высокое значение, как в следующем примере:

https://jsfiddle.net/2asqm9zn/

Комментарии:

1. Спасибо за ответ. Но я решил эту проблему, создав новый DIV вокруг этой кубической сцены и теперь работая над ее синхронизацией. Но спасибо за эту информацию. Это действительно полезно для дальнейших случаев.