Hi all, I am working on an app which allows the user to drag-and-drop a 2D text widget on top of an object. This text widget needs to be customisable, so you can change It’s color, font, scale, rotation. You will have a thumbnail button in the corners of the widget that work as hotspots to start …

[image] Sander87: What I am struggling now is how to link the functionality to the hotspots of the text widgets and let the code find and use the coördinates of the 3D model to know when a user clicks which hotspots and how to translate it in the 3D space. I’m not sure I understand what you a…

HI Mugen, thanks for your reply. I’m sorry if it wasn’t very clear, please refer to the following video to see what I am looking for: https://youtu.be/4LSYTg_KvtM It is an example of what I want to achieve, on a 3D model. Thanks!

Handling editable text is a very deep topic. Instead of building your own editable text control, try have a text control in a sidebar using the DOM (regular form inputs). Whenever an input changes then you re-render the non-editable text on the model. You can draw flat text on the model using a can…

Thanks a lot prisoner, exactly what I was looking for! Do you know a way to make the customisation happen on the 3D model itself? So I would like to skip having to use the side canvas but make text turn, scale, rotate,… when you click the hotspots on the 3D model itself. Thank you!

Unfortunately, I know nothing about that way (but it doesn’t mean that way doesn’t exist :slight_smile:).

How to put an interactive text widget on top of your 3D object?

Questions

prisoner849 November 6, 2018, 6:58am 5

Topic		Replies	Views
How to create 3d text model and can dynamically change the text content？ Questions textures , materials , geometry	4	3933	September 9, 2023
Text over 3D model Questions models , materials , text	1	525	February 8, 2024
I am tring to 3 models dynamic text input box annotation,upto gltf models i loaded. dynamic annotation i am able to do Questions gui	2	2195	September 4, 2019
Add text to a geometric figure THREE JS Questions	3	839	March 1, 2018
How to add a text box after specific areas on the 3D object? Questions	1	376	March 3, 2021

How to put an interactive text widget on top of your 3D object?

Related topics