Adding Text on a 3D model

[aiswaryapramod]

@elalish @jasondavies @demarijm @Beilinson Is it's possible to add text over a 3D model using Model Viewer?

[elalish]

Absolutely - we're just an HTML element after all, so you can layer other HTML on top or under us to your heart's content with standard CSS. You can even make elements follow a 3D hotspot on your model. See examples like https://modelviewer.dev/examples/augmentedreality/#transparentBackground and https://modelviewer.dev/examples/annotations/index.html

[elalish]

For decals, try drawing on a Canvas2D for your texture: https://modelviewer.dev/examples/scenegraph/#animatedTexturesExample

[aiswaryapramod]

ok its working. but ,While using the above method to add text over a 3D model, I noticed that there's a default black background color for the text. However, I don't require any background color. How can I remove it?

[elalish]

CSS

[aiswaryapramod]

how is it possible? can you show me an example?

[elalish]

It's just standard HTML web design. I'd recommend taking an online course on CSS - there's a lot to it.