WebGLRenderer & CSS3DRenderer in one

Hey guys, I am really new to threejs wanted to ask, how I am supposed to handle two renderer variants in one. In my current script, I am loading an glb data and know i want to add text. im really confused, cause i made 2 differents projects and both are having scenes, cameras and renderers.

I can only show my file like that cause it loads the glb file from my pc
https://jsfiddle.net/qnh08gm3/

Maybe this tiny example could help you :thinking: ? (Also includes CSS elements occlusion, in case you’d like HTML elements to “hide” behind 3D objects.)

Maybe, this example from the Collection of examples from discourse.threejs.org can help.

GradientsMaterialColor

Links in source code

1 Like

See also
How to set the options correctly in the select element? (CSS3DObject)

MixedHtmlCssWebGl