threejs点击模型发光特效

要实现three.js中点击模型发光特效，可以使用以下步骤：

1. 创建一个着色器材质，并设置emissive属性为需要的颜色。

var material = new THREE.MeshBasicMaterial({
    color: 0xffffff,
    emissive: 0xff0000,
    emissiveIntensity: 0.5,
    side: THREE.DoubleSide //设置为双面可见
});

2. 将需要发光的模型的材质设置为该着色器材质。

var mesh = new THREE.Mesh(geometry, material);

3. 监听场景的鼠标点击事件，当点击到需要发光的模型上时，将该模型的材质的emissive属性设置为需要的颜色，并设置emissiveIntensity属性为大于0的值。

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

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

    var raycaster = new THREE.Raycaster();
    raycaster.setFromCamera(mouse, camera);

    var intersects = raycaster.intersectObjects(scene.children, true);

    if (intersects.length > 0) {
        var selectedObject = intersects[0].object;

        selectedObject.material.emissive.setHex(0xff0000);
        selectedObject.material.emissiveIntensity = 1;
    }
}

4. 在渲染循环中更新需要发光的模型的材质的emissiveIntensity属性，使其在点击后逐渐减小到0。

function animate() {
    requestAnimationFrame(animate);

    //更新模型的emissiveIntensity
    mesh.material.emissiveIntensity = Math.max(0, mesh.material.emissiveIntensity - 0.05);

    renderer.render(scene, camera);
}

以上就是在three.js中实现点击模型发光特效的步骤。