使平面在ThreeJS中可拖动

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

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) {
        // 如果有交互，将平面的位置更新为交互点的位置
        plane.position.copy(intersects[0].point);
    }
}

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

function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}

animate();