在Three.JS中为场景添加最大移动到onMouseMove

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

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

function onMouseMove(event) {
    event.preventDefault();

    var mouse = new THREE.Vector2();
    mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
    mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

    // 将鼠标位置转换为Three.js场景中的坐标
    var raycaster = new THREE.Raycaster();
    raycaster.setFromCamera(mouse, camera);

    // 获取与鼠标位置相交的物体
    var intersects = raycaster.intersectObjects(scene.children);

    if (intersects.length > 0) {
        // 找到最近的相交物体
        var intersect = intersects[0];

        // 将物体移动到鼠标位置
        cube.position.copy(intersect.point);
    }
}