three.js控制平移

在使用Three.js控制平移时，可以使用orbit controls插件或者自定义鼠标移动事件来实现。 使用orbit controls插件时，可以通过鼠标拖拽来平移模型。这个效果相对于轨迹球插件更加灵活，能够清晰地控制模型的上下左右移动。 如果想自定义鼠标移动事件实现平移，可以按照以下步骤进行操作： 首先，在确定了平面之后，可以使用射线和平面的交点来确定对应的三维坐标点。通过以下代码可以实现该功能： function screenTOWorld(clientX,clientY) { var worldPoint=new THREE.Vector3(); var rect = renderer.domElement.getBoundingClientRect(); mousePoint.x = ( ( clientX - rect.left ) / rect.width ) * 2 - 1; mousePoint.y = - ( ( clientY - rect.top ) / rect.height ) * 2 + 1; raycaster.setFromCamera( mousePoint, camera ); var screenPlane=setPlane(); raycaster.ray.intersectPlane(screenPlane,worldPoint); return worldPoint; } 接下来，可以使用鼠标移动事件来实现平移功能。以下是一个示例代码： function mouseMove(event) { event.preventDefault(); if(mouseDown) { var intersection = screenTOWorld(event.clientX, event.clientY); offset.subVectors(intersection,lastIntersection); var point=offset.add(lastPoint); object.position.copy(point); } } 在这个示例代码中，当鼠标移动时，会计算出当前鼠标位置和上一次鼠标位置之间的差值，并将差值加到模型的位置上，实现平移效果。