javascript - 如何在 Three.js 中拖动场景

Question

当我向左或向右拖动鼠标时，我想拖动场景，而不旋转相机。

我试过了

camera.position.x = mouseX;  
camera.position.y = mouseY;  

但是场景旋转了

我尝试更改场景中的位置 - 场景旋转。

如何拖动场景？

Answer 1

您可以尝试使用(在定义相机之后)

controls = new THREE.RollControls(camera);
controls.movementSpeed = 10;
controls.lookSpeed = 1;
controls.rollSpeed = 0;
controls.autoForward = false;

将其包含在 html 中后:

<script type="text/javascript" src="three.js/examples/js/controls/RollControls.js"></script>

此外，您还必须更改 onWindowResize 事件以添加

controls.handleResize();

以及要添加的 render() 函数

controls.update(clock.getDelta());

以及要添加的 init() 函数

clock = new THREE.Clock();