Hey, I want a input form in a 3d cube object. It should act like a normal HTML. Thanks for help! What options are available? Example: 3D: [image] 2D: [image]

Made a small example. So it is possible, but the CSS3D appears quite sensible to the css used. Cube input (threeml.org)

Have you tried using CSS3DRenderer for this use case? https://threejs.org/examples/css3d_youtube

css3drenderer. but it can be hard to use because you’ll be dealing with two separate scenes. in react this would be trivial and you’d have the ability to use real world components, for instance antd forms: r3f basic demo (forked) - CodeSandbox the problem remains that HTML is always in front. your …

I have this problem because i want to put a shipping label on a 3d package. And there then as an example would like to change the first name on the 3d model.

related How to set the options correctly in the select element? (CSS3DObject) Do we need the intermediate object. (.css3dObject.) MixedHtmlCssWebGl GradientsMaterialColor

Wow, thank you very much. Would be cool if you upload the code to codepen or something so I can use it. I am very grateful for what nice people there are on this forum.

I used a custom library which allows a declarative way to create the panels in ThreeJS, so I could quickly try your proposal. The actual work is done in the handleHtmlPlaneGeometry() function in the threeml.js library ( threemlorg/threeml: Serviceable 3D (github.com) , but this function handles mult…

HTML element (input form) live to threejs

Questions

awonnink March 24, 2021, 6:00pm 6

I use the CSS3D renderer in this example SpaceX control room (threeml.org). However, I am changing the z-index for the i-frame that is in the forefront.

Topic		Replies	Views
Implementing HTML into three js Questions html , css3drenderer	4	8185	May 9, 2023
Html in a 3d environment Questions html	2	970	June 21, 2024
Editable notes in threejs Questions html-overlay	2	852	November 11, 2019
Is there a way to apply HTML on top of a geometry/mesh Questions html-overlay , geometry	5	5156	June 13, 2022
HTML on different faces of cube Questions materials , sprites	13	8401	February 3, 2021

HTML element (input form) live to threejs

Related topics