How to create transparent background in viewer

Questions
1

Hi. I’m struggling to force scene background to transparent in babylon js viewer for few hours.

For now, my code looks like this:
https://pastebin.com/rjRfnkb1

Is there any parameter that allow me to completely turn off scene background, make it transparent and display only the object that I loaded?
Thank you in advance.

2

Pinging @RaananW

3

I don’t know the viewer, but you can try:

<clear-color r="1" g="0" b="0" a="0"></clear-color>
1 Like
4

I tried, but clear color don’t do anything. It’s still showing default deep purple color from “extends=“minimal”” or gray gradient from “extends=“default””

5

Seems to work - A Pen by Raanan Weber

1 Like
6

You’re right.
Strange.

image
image1198×608 7.84 KB

This is what I’m getting. Maybe it’s a problem with Wordpress.

7

if you want to share a non-working example, we will be able to help further :slight_smile:

8

Now I literally copy pasted that example above and replaced the object.
http://vfxstudio.pl/babylon-js/

9

You probably need to open the page for public views -

image
image1175×957 170 KB

10

should be okay now

11

Seems like a few
were added to the code without any need -

 <babylon extends="minimal"><br />
            <model url="/obj/spuckschutz1.glb"><br />
                <scaling x="1" y="1" z="1"></scaling><br />
            </model><br />
            <camera><br />
                <behaviors><br />
                    <auto-rotate type="0"></auto-rotate><br />
                </behaviors><br />
            </camera><br />
          <scene><br />
        <clear-color r="1" g="0", b="0" a="0"></clear-color><br />
    </scene><br />
        </babylon>

The parser fails (my guess is that it can’t find a top-level babylon BR object and stops). Remove those
and it will work correctly

1 Like
12

It was a problem with wordpress default editor (even “text” mode wasn’t enough).
Now it works. Thank you so much.
One more question. Is it possible to remove that black border around the scene (after left mouse click)?

13

I’m think this is the focused border css definition, but I’m not entirely sure. Check forcing the border to 0 I can check later if I can find a different solution