We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Html elements embedding

Tagged: div, embed, Html, iframe

This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago by Yuri Kovelenov.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
2018-02-14 at 8:05 am #2149

stefano_basili
Participant

Hi,

I’d like to put in my scene some models representing some machines. Each machine has a display. I’d like to put an html element (like a div or iframe) over the machine display. In this way I can display values on the “html display” without the need to write in the 3d model.

Would that be possible?

Thank you,
Stefano

2018-02-14 at 8:30 am #2150

Yuri Kovelenov
Staff

I think this can be done with Verge3D (which exposes Three.js API), although requires some programming. See for example http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/

Chief 3D Verger | LinkedIn | Twitter

2018-02-14 at 1:01 pm #2151

stefano_basili
Participant

Thank you very much!!!

I’ll try it and, if I succeed I’ll post a project example!

Thank you again,

have a nice day,
Stefano

2018-02-19 at 9:12 am #2215

stefano_basili
Participant

Hi again,

I found that the object I was looking for is CSS3dRenderer. The problem is that I don’t understand how I’m supposed to integrate it with the model generated by Verge3d.

I created a new application with the (fantastic) Verge3D application manager, then I tried to append the CSS3dRenderer directly to the container element or to the canvas that Verge3d attaches under the container element but nothing happened.

Could you give me some direction?.

Thanks!

Stefano

2018-02-19 at 10:52 am #2218

Yuri Kovelenov
Staff

Hi,

Did you try if it works with the vanilla Three.js?

Chief 3D Verger | LinkedIn | Twitter
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.