threejs 随鼠标移动

你可以使用Three.js中的raycaster来实现随鼠标移动的效果。具体来说，你需要监听鼠标移动事件，将鼠标的位置转换为Three.js中的坐标系，并使用raycaster来检测鼠标是否与场景中的物体相交。以下是一个简单的示例代码：

// 创建一个射线投射器
var raycaster = new THREE.Raycaster();

// 监听鼠标移动事件
document.addEventListener('mousemove', onMouseMove, false);

function onMouseMove(event) {
  // 将鼠标位置转换为Three.js中的坐标系
  var mouse = new THREE.Vector2();
  mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
  mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;

  // 更新射线投射器的位置和方向
  raycaster.setFromCamera(mouse, camera);

  // 检测射线是否与场景中的物体相交
  var intersects = raycaster.intersectObjects(scene.children);

  if (intersects.length > 0) {
    // 如果相交，则做出相应的操作
    // 例如将物体的颜色改变
    intersects[0].object.material.color.set(0xff0000);
  }
}

在这个示例中，我们监听了鼠标移动事件，并将鼠标位置转换为Three.js中的坐标系。然后，我们使用射线投射器来检测鼠标是否与场景中的物体相交。如果相交，则可以做出相应的操作。在这个示例中，我们将物体的颜色改变为红色。你可以根据自己的需求来做出相应的操作。