javascript - Three.js怎么才可以对每一个mesh绑定事件？

Question

需要兼容移动端事件，之前找到了一个事件库，可惜绑定touch事件会失败

有对threejs了解的大大吗？

Answer 1

首先获取点击的位置，然后转换成3d的坐标，使用raycaster 向坐标发射一个射线，如果击中了表示点击成功。大概思路是这个，three.js有demo的。

Answer 2

threejs中的所有元素都是在canvas中创建的，所以不可能绑定任何事件，应该把事件绑定在document上，然后通过raycaster来检测scene中的object3d对象。
https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_cubes.html