Adding Text to Scene with ThreeJS Editor


How do I go about adding texts in the scene using the ThreeJS editor? Or creating object interactions?

I am more familiar with scripting. However, I am trying to create a tutorial for VR development and wanted to use the editor as a starting point as it is easy for beginners.


Do you mean adding HTML text directly in the three.js editor scene? Not possible, since only WebGLRenderer is used there.

What you can do though is either export the scene and apply HTML overlays externally / add troika / add uikit/ add three-mesh-ui; or, staying within the editor, you can create text geometry or draw text on a CanvasTexture (just keep in mind that last option comes with quite severe resolution limitations, you’d need to make sure text doesn’t blur whenever user comes too close or too far from the texture.)