Make HTML div follow a Mesh on scene

Hi all. I currently have setup a scene with the solar system representation in it.

I have setup a raycaster so the object interacts whenever its hovered. For now it just makes the mesh a little darker to interpret interaction to the user.
What I would like to do, is also have some text represented next to the mesh (in this case, giving away the name of the planet being hovered). Problem is, these meshes are constantly rotating and moving in position. How would I go about creating a div that follows those meshes in real time? Is this even possible?

The first thought that comes is about this example: three.js examples

2 Likes

Thanks a lot, this is exactly what I needed! Much appreciated