我正在使用aframe和ar.js构建AR应用程序。它包含一个交互式按钮,当看到Hiro标记时,该按钮会弹出。自然,要与该按钮进行交互,我必须实现单独的光线投射器和光标。直到我调整网页大小之前,它都能正常工作。这会以某种方式使光线投射器的方向发生位移,并使光线投射器无法识别按钮的新位置。但是,光线投射器仍能够与按钮在其原始位置进行交互(在调整大小之前)。我不确定这是错误还是可以解决的问题。
我尝试了各种解决方案,包括涉及更新raycaster的解决方案(请参见Update Three.js Raycaster After CSS Tranformation),但无济于事。
最终对我有用的解决方案是删除旧的raycaster,然后插入新的raycaster。这似乎有些笨拙,所以我希望那里有更好的解决方案。