Transparent Background issues!

This topic has 7 replies, 3 voices, and was last updated 5 years, 9 months ago by Yuri Kovelenov.

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

Author

Posts
2018-12-11 at 10:45 pm #9779

PD
Customer

Please help!

I have been trying to get the background transparent as described below, but to no avail!
“transparent background” – makes the background transparent so that the underlying parts of a web page become visible through the WebGL canvas.

From my understanding all that is required is to check the transparent background within the configure application menu. It seems to change the background from gray to white, but not transparent!

Seriously am I missing something?

Also I have tried it with newly created applications with the same result!

Thanks,
PD

2018-12-12 at 7:24 am #9786

Yuri Kovelenov
Staff

Hi!

PD wrote:

It seems to change the background from gray to white, but not transparent!

The color changed to white because the underlying web page is blank. Try adding some text or images to the .html to find that the canvas is actually transparent. Or better, embed your app in another html document with an iframe, as described here.

Chief 3D Verger | LinkedIn | Twitter

2018-12-12 at 2:10 pm #9805

PD
Customer

Hi Yuri,

Yes, sorry I should have explained that I already tried overlaying it as you suggested. See the attached image.

In the current image there are two frames, the above frame displays a transparent background, but is achieved using different WebGL software. As for the one below, it’s using Verge3D with the Transparent Background enabled but not working.

Both are set up exactly the same using embed <iframe> code method in regards to the HTML editor.

As stated before, I can’t explain the behavior?

Thanks,
PD

2018-12-12 at 2:14 pm #9807
Yuri Kovelenov
Staff
I see. Can you try editing your_app.css file: remove the line
```
background-color: #FFF;
```
Chief 3D Verger | LinkedIn | Twitter
2018-12-12 at 2:27 pm #9808

PD
Customer

Hey Yuri!

Excellent that worked!

Thanks,
PD

2018-12-12 at 2:32 pm #9809

Yuri Kovelenov
Staff

Great!

Chief 3D Verger | LinkedIn | Twitter

2019-02-10 at 5:28 pm #11237

Charlie George
Customer

Where can I find the configure application menu? I am trying to make my background transparent also.

www.charliegeorge.dev

2019-02-11 at 7:22 am #11251

Yuri Kovelenov
Staff

here you go https://www.soft8soft.com/docs/manual/en/introduction/Puzzles.html#Initialization

Chief 3D Verger | LinkedIn | Twitter
Author

Posts