three.js 相机缓慢拖动

如果你想让three.js的相机缓慢拖动，可以使用以下代码：

首先，定义一些变量：

var mouseDown = false;
var mouseX = 0;
var mouseY = 0;
var lastMouseX = 0;
var lastMouseY = 0;
var cameraRotationSpeed = 0.5;

然后，在鼠标按下和移动事件中，记录鼠标的位置和状态：

document.addEventListener('mousedown', function(event) {
    event.preventDefault();
    mouseDown = true;
    lastMouseX = event.clientX;
    lastMouseY = event.clientY;
});

document.addEventListener('mousemove', function(event) {
    event.preventDefault();
    if (mouseDown) {
        mouseX = event.clientX;
        mouseY = event.clientY;
    }
});

document.addEventListener('mouseup', function(event) {
    event.preventDefault();
    mouseDown = false;
});

最后，在渲染循环中，根据鼠标的位置和状态更新相机的位置：

function render() {
    if (mouseDown) {
        var deltaX = mouseX - lastMouseX;
        var deltaY = mouseY - lastMouseY;
        camera.rotation.y -= deltaX * cameraRotationSpeed;
        camera.rotation.x -= deltaY * cameraRotationSpeed;
        lastMouseX = mouseX;
        lastMouseY = mouseY;
    }
    renderer.render(scene, camera);
    requestAnimationFrame(render);
}

这样就可以实现相机缓慢拖动的效果了。