Make HTML div follow a Mesh on scene

Questions
1

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

image
image747×395 38.5 KB

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?

2

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

2 Likes
3

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