I’ve been using MSDF fonts in my project and everything is working well except for the raycaster detection.
I’m asking here to figure out if some custom raycaster work needs to be done or if there are any better alternatives to render text with the raycaster.
As of now, I have the text rendering the same way as the ‘three-bmfont-text’ example from GitHub: GitHub - Jam3/three-bmfont-text: renders BMFont files in ThreeJS with word-wrapping. I also have a standard raycaster set up which detects all of the objects on my scene with no problems except the rendered msdf text.
Has anyone else encountered this problem before or am I missing something with text rendering and raycasting? I’m pretty new to Three.js and WebGL so any tips and pointers would be much appreciated.