Transparent embedded website

This topic has 2 replies, 2 voices, and was last updated 18 hours, 41 minutes ago by vklein.

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

Author

Posts
2025-07-30 at 9:20 am #83407

vklein
Customer

The create plane with html is cool but it would be even cooler if the “texture” of the website would be transparent where the html site is transparent, showing the 3d scene behind the html-plane.
Just trying to create a sort of gallery with semi transparent html websites as pictures on the walls. They will be a quiz game and some sort of animated history timeline with free standing texts and images scrolling by. Need it as html for configurable, sharp texts (the CM system of my customer’s e-learning system will set them). Sadly 2D html canvas elements won’t cut it in the walkable 3D world.

2025-07-30 at 9:53 am #83408

Mikhail Luzyanin
Staff

Watch this tutorial it may help.

Co-founder and lead graphics specialist at Soft8Soft.

2025-07-30 at 12:55 pm #83410

vklein
Customer

Please guys, my problem isn’t the scrolling nor do I need a superimposed 2D html text over the canvas. I need html as texture on 3d objects with opacity. Because we want to have existing websites (with transparent background) visible on walls and other 3d objects as we animate the camera through the scene.
I also have a strange problem where the website sometimes don’t want to catch the mouse. Seams to be a problem if the camera is closing in, might be a raycast collision with something in my scene before it reach the html canvas or whatever you are using to decide if the mouse position links to the 3d scene or the html canvas.

Inside the html site, there will be scrolling, but this I’ve solved so far by using window.scrollTo(x, y);
Author

Posts