【Three.js】十、three.js场景中物体的选择

利用THREE.Raycaster(光线投射)进行物体的选择。

使用方式：

let vector = new THREE.Vector2((event.clientX/window.innerWidth) * 2 -1,(event.clientY/window.innerHeight) * 2 + 1);
let raycaster = new THREE.Raycaster();
// 使用一个新的原点和方向来更新射线。
raycaster.setFromCamera(vector, camera);
// 检测所有在射线与这些物体之间，包括或不包括后代的相交部分。返回结果时，相交部分将按距离进行排序，最近的位于第一个）
// .intersectObjects ( objects : Array, recursive : Boolean, optionalTarget : Array ) : Array
// objects —— 检测和射线相交的一组物体。
// recursive —— 若为true，则同时也会检测所有物体的后代。否则将只会检测对象本身的相交部分。默认值为false。
// optionalTarget ——