enable see through background on web export? (desktop works!)

Help
, , , ,
1

Godot Version

4.6.2-stable

Question

hallo. I am atttempting to export a version this game I work on to web, and I would like to get the background to the game see through, to show another uh webgl work to show behind the game engine.

however though I could get the game to work on dedsktop and not show a background ( per pixel see through, viewport see through, window see through)

the web version does not show a see through background? they show a solid white bg, though I have exported and not had an envirnment node, or also environment node made to clear color and canvas? , neither worked.

I found this thread:

https://forum.godotengine.org/t/godot-4-web-export-is-true-transparency-over-html-video-possible-with-3d-worldenvironment/131186https://forum.godotengine.org/t/godot-4-web-export-is-true-transparency-over-html-video-possible-with-3d-worldenvironment/131186

however not defining see through body tag did not work either. canvas has a !important see through css rule, and also the boot splash does, which does work, however on game start the bg is made solid white, and is only cleared again if the game program is concluded (game stops after a certain check is reached)

any help to fix this would be great, I would like to make a web version this game available, so thanks!

2

I don’t think that it’s possible to get transparent window in web export,that will show the user’s desktop background.

3

hallo, thanks for the reply! to clarify, I mean uh a see-through canvas for the game? so uh elements (other canvas / divs) are visible behind the engine?

I have looked to make all elements background-color: transparent !important, however this only works for the uh splash screen, the engine screen shows a white bg?

I know this is from the engine, cause if the program stops executing, the intended background is shown!

4

Can you please explain it properly? It’s just too vague and complex to understand.

5

hi!

uh I would like to show a second “canvas” behind the engine export canvas in web browser.

for desktop I have uh see through backgrounds enabled, which work fine, however for the web export version they produce a white background?

I have looked on a lot different configurations, and could not find how to acheive this effect.

”per pixel see through”, ‘window see through’ and ‘viewport see through’ are all enabled, and I have also check to see if the environment was causing this, which is probably not? if clear colour is made the sky colour (or canvas), the bg shoes solid white, not see through.

I have also made active the css instructions I mentioned in the previous post.

any help would be appreciated.