threejs进阶下：交互

优先更新个人博客，求关注~~
个人博客：https://jinglecjy.github.io/

Raycaster

THREE.Raycaster是threejs中比较重要的一个类，可以用于物体选择和碰撞检测。实现原理是生成一条从显示的起点到重点的一条射线，检测与射线相交的物体集合。

new Raycaster(origin, direction, near, far)

• origin：光线投射的起点向量
• direction：光线投射的方向向量，归一化
• near：投射近点，用于限制光线的起点，不能为负，缺省为0
• far：投射远点，用于限制光线的终点，不能小于near，缺省为无穷大

setFromCamera(coords, camera)

用一个新的原点和方向向量来更新射线，参数说明如下。

• coords：鼠标的归一化二维坐标，归一化方法如下：

  mouse.x = (e.clientX / window.innerWidth) * 2 -1;
  mouse.y = - (e.clientY / window.innerHeight) * 2 + 1;