Three 之 three.js （webgl）鼠标/手指通过射线移动物体的简单整理封装

Three 之 three.js （webgl）鼠标/手指通过射线移动物体的简单整理封装

目录

Three 之 three.js （webgl）鼠标/手指通过射线移动物体的简单整理封装

一、简单介绍

二、实现原理

三、注意事项

四、效果预览

五、案例实现步骤

六、关键代码

---

一、简单介绍

Three js 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。

本节介绍， three.js （webgl） 中，PC 端移动通过鼠标移动物体，移动端通过手指交互移动物体的整理，主要是通过对应的touchstart、touchmove、touchend ，以及 Threejs 中的 Raycaster 。其中，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。