threejs点击事件_threejs 点击事件

实际原理为获取相机和鼠标点击时的位置，发出一条射线实现的

需要用到的变量除camera外：

    //获取鼠标坐标
    var mouse=new THREE.Vector2();
    var raycaster=new THREE.Raycaster();

初始化中实现对点击事件的监听:

        //点击模型
        window.addEventListener('click',onmodelclick);

使用的函数：

    //获取在射线上的接触点
    function onmodelclick(event){
        mouse.x=(event.clientX/window.innerWidth)*2-1;
        mouse.y=-(event.clientY/window.innerHeight)*2+1;
 
        raycaster.setFromCamera(mouse, camera);
        const intersects = raycaster.intersectObjects(scene.children);
        console.log(intersects);
    }

作用：console.log会获取到射线所接触到的模型的所有点，并可获取到距离该点的距离，相交点，点所在的模型，则课根据用途进行后续操作