上层是显示fgui,下层显示场景,如何做到点击ui不触发点击场景??

尝试使用fgui-three,,3d场景中有个轨道控制器,轨道控制器用canvas侦听pointerEvent来实现操作,
上层是ui界面,ui中的鼠标事件是docment侦听mouseEvent/touchEvent来实现操作,
 
我期望的效果:ui显示3D场景的上面,所以我尝试了两个方式,1、使用同一个canvas。先渲染3D场景,不清除,再渲染ui,,2,分别使用两个canvas,ui的canvas设置背景透明,固定定位在3D场景的canvas前面,。。。至此,两种方式均能实现期望的显示效果。
 
然后问题就来了,,,使用方式一,因为事件是同一个canvas触发的,,所以无论点的是不是UI,都会触发场景操作,,方式二,,两个canvas,只有上层canvas可以触发点击事件,下层的不会触发,设置pointer-Events:none,则只能触发下层事件。。。
 
怎么才能判断点击是否在UI上?,,怎么终止轨道控制器的事件触发?
 
如果这个问题不解决,fairygui还能和threejs一起使用吗??
已邀请:

要回复问题请先登录注册