三个js:扩大raycaster区域

时间:2019-05-17 17:40:58

标签: javascript three.js

我正在使用raycaster来确定鼠标悬停在哪些对象上。对于Lines,有一个linePrecision(我认为默认情况下将其设置为1)。因此,当鼠标靠近某条线而又不在该条线上时,光线投射器将返回该对象。但是,对于形状/网格,鼠标必须非常精确。在raycaster检测到相交之前,它必须在形状/网格内部(从而返回对象)。

更具体地说,我在three.js中将文本呈现为形状,并且我试图使它们可悬停/可选。如果我使用的字体太轻(与粗体相反),则在检测到鼠标之前,鼠标必须完全位于字体内(即,如果鼠标位于“ o”字符的孔中,则raycaster不会将文本检测为悬停)。因此,文本选择令用户感到沮丧。

有没有办法获得与raycaster vs线相同的效果(如果鼠标靠近则检测相交),但是对于raycaster vs形状/网格?

我尝试调整raycaster.linePrecision,但没有用。

0 个答案:

没有答案