ThreeJS-3D教学七-交互

在threejs中想要选中一个物体,点击或者鼠标悬浮,又或者移动端的touch事件,核心都是通过new THREE.Raycaster完成的。这里用到了一个概念,即我们点击时的 屏幕坐标 转换为 three中的3D坐标。
先看效果图:
ThreeJS-3D教学七-交互_第1张图片
代码是:




  
  Title
  


具体思路代码中都有注释,实在不懂也没关系,函数一封装先用着就是,后面慢慢理解!

你可能感兴趣的:(three,3d,交互,three,javascript,前端)