threeJS 鼠标拖动 不拖动视角 而是拖动场景

在Three.js中，如果你想要通过鼠标操作来移动场景而不是改变相机视角，你需要使用`OrbitControls`插件以外的方式。你可以创建一个自定义的手动平移函数，例如：

// 获取场景对象
var scene = yourScene;

// 创建一个空的Raycaster对象，用于检测鼠标点击位置
var raycaster = new THREE.Raycaster();

function onDocumentMouseMove(event) {
  // 阻止浏览器默认的滚动行为
  event.preventDefault();
  
  // 获取鼠标的屏幕坐标
  var mouse = {x: (event.clientX / window.innerWidth) * 2 - 1, y: -(event.clientY / window.innerHeight) * 2 + 1};
  
  // 更新视口中的Raycaster
  raycaster.setFromCamera(mouse, renderer.domElement);
  
  // 检测鼠标点击在哪些对象上
  var intersects = raycaster.intersectObjects(scene.children);
  
  if (intersects.length > 0) {
    // 如果有交点，说明鼠标位于场景内的某个物体上，移动这个物体
    var intersectedObject = intersects[0].object;
    // 这里你可以设置移动量和方向，比如按照鼠标偏移的距离移动
    intersectedObject.position.x += mouse.x * movementSpeed;
    intersectedObject.position.y -= mouse.y * movementSpeed;
    // 渲染更新后的场景
    renderer.render(scene, camera);
  }
}

document.addEventListener('mousemove', onDocumentMouseMove);

在这个例子中，我们监听鼠标移动事件，计算出鼠标相对于屏幕的位置，并尝试找到这个位置下的最近物体。然后，我们移动选定的对象，而不是相机。记得替换`yourScene`为实际的场景对象，并设置合适的`movementSpeed`值。