three.js 3d模型拖动后的坐标

three.js 是一个基于 WebGL 的 JavaScript 3D 渲染库，它允许你在网页上创建交互式的 3D 模型。当你在 three.js 中处理 3D 模型并允许用户拖动时，通常会涉及到鼠标事件监听和对象的位置更新。

当你监听到 `mousedown` 和 `mousemove` 事件时，可以计算鼠标的相对位置，并将其转换成模型的全局空间坐标。这里的关键在于使用场景的 `raycaster` 和 `mouse` 对象，它们可以帮助你找到鼠标指针下的物体以及其准确位置。

以下是一个简单的示例代码片段：

// 获取鼠标拾取信息
function onMouseMove(event) {
    // 确保按住左键
    if (event.button !== 0) return;

    // 获取鼠标在窗口内的屏幕坐标
    const mouse = new THREE.Vector2(
        event.clientX / window.innerWidth,
        event.clientY / window.innerHeight
    );

    // 投影到场景视图空间
    raycaster.setFromCamera(mouse, camera);

    // 找到最近的可见对象
    const intersects = raycaster.intersectObjects(scene.children, true);

    if (intersects.length > 0) {
        // 更新对象的位置
        const object = intersects[0].object;
        object.position.x = // 新的x坐标
        object.position.y = // 新的y坐标
        object.position.z = // 新的z坐标
    }
}

// 将这个函数添加到你的事件监听列表中
document.addEventListener('mousemove', onMouseMove);