使用Three.js如何沿指定平面移动对象？

var planeGeometry = new THREE.PlaneGeometry(width, height);
var planeMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00, side: THREE.DoubleSide });
var plane = new THREE.Mesh(planeGeometry, planeMaterial);
scene.add(plane);

var geometry = new THREE.BoxGeometry(width, height, depth);
var material = new THREE.MeshBasicMaterial({ color: 0x0000ff });
var object = new THREE.Mesh(geometry, material);
scene.add(object);

object.position.set(x, y, z);

var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();

function onMouseMove(event) {
    // 计算鼠标在平面上的位置
    mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
    mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

    // 更新射线的起点和方向
    raycaster.setFromCamera(mouse, camera);

    // 获取射线和平面的交点
    var intersects = raycaster.intersectObject(plane);

    if (intersects.length > 0) {
        // 移动对象到交点位置
        object.position.copy(intersects[0].point);
    }
}

document.addEventListener('mousemove', onMouseMove, false);