three.js 物体要使用光线投射技术,计算是否点击位置与物体有交叉

发布时间 2023-10-24 19:35:25作者: jialiangzai

原生 DOM 还用原生的 DOM 点击事件,要注意开启 pointerEvents
CSS3DRenderer 是一个新的渲染器,需要在渲染循环调用并适配
labelRenderer.domElement.style.pointerEvents = 'none' // 让标签触发鼠标交互事件
three.js 物体要使用光线投射技术,计算是否点击位置与物体有交叉

(需要注意屏幕坐标要转成 WebGL 设备坐标,因为 three.js 内使用设备坐标来计算物体位置)