在three.js中需要鼠标悬停时的工具提示

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

var raycaster = new THREE.Raycaster();
function render() {
    raycaster.setFromCamera(mouse, camera);
    var intersects = raycaster.intersectObjects(scene.children, true);
    if (intersects.length > 0) {
        // 鼠标与物体相交时的处理逻辑
        // 可以在此处显示工具提示
    }
    renderer.render(scene, camera);
}

var tooltipElement = document.createElement('div');
tooltipElement.style.position = 'absolute';
tooltipElement.style.background = 'rgba(0, 0, 0, 0.7)';
tooltipElement.style.color = '#fff';
tooltipElement.style.padding = '5px';
tooltipElement.style.borderRadius = '5px';
tooltipElement.style.pointerEvents = 'none';
document.body.appendChild(tooltipElement);

var css2dRenderer = new THREE.CSS2DRenderer();
css2dRenderer.setSize(window.innerWidth, window.innerHeight);
css2dRenderer.domElement.style.position = 'absolute';
css2dRenderer.domElement.style.top = '0';
document.body.appendChild(css2dRenderer.domElement);

function render() {
    raycaster.setFromCamera(mouse, camera);
    var intersects = raycaster.intersectObjects(scene.children, true);
    if (intersects.length > 0) {
        var object = intersects[0].object;
        tooltipElement.innerHTML = '工具提示内容';
        tooltipElement.style.left = (event.clientX + 10) + 'px';
        tooltipElement.style.top = (event.clientY + 10) + 'px';
        css2dRenderer.render(scene, camera);
    }
    renderer.render(scene, camera);
}