# Scene.clearColor not working in Multiple Canvases?

**URL:** <https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798>\
**Category:** Questions\
**Created:** [July 29, 2023, 10:55am UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798 "2023-07-29T10:55:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bemuse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bemuse/32/22704_2.png) [@Bemuse](https://forum.babylonjs.com/u/Bemuse)\
**Post date:** [July 29, 2023, 10:55am UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798/1 "2023-07-29T10:55:19Z")

</div>

[https://codepen.io/dmystk/pen/jOMZxeo](https://codepen.io/dmystk/pen/jOMZxeo)

I added the code to that codes.

```auto
scene.clearColor = new BABYLON.Color4(0, 0, 0, 0)

```

Scene.clearColor doesn’t seem to work with Color4  
But Color3 works well.

What am I missing?

---

<div class="post-metadata">

**Author:** ![Takemura](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/takemura/32/25836_2.png) [@Takemura](https://forum.babylonjs.com/u/Takemura)\
**Post date:** [July 29, 2023, 4:04pm UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798/2 "2023-07-29T16:04:52Z")

</div>

The 4th parameter is the alpha value, so i would expect this to be 100% transparent. If you want to create black, you have to use alpha = 1:

```auto
scene.clearColor = new BABYLON.Color4(0, 0, 0, 1)

```

---

<div class="post-metadata">

**Author:** ![Bemuse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bemuse/32/22704_2.png) [@Bemuse](https://forum.babylonjs.com/u/Bemuse)\
**Post date:** [July 31, 2023, 10:35am UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798/3 "2023-07-31T10:35:41Z")

</div>

Thanks for replying.  
Actually, what I wanted was a transparent background.  
Is there a reason for clearing the scene like this when using new BABYLON.Color4(0, 0, 0, 0)?

 ![1](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/2/52bf24f13f7dcb4f9679333ab1ab3a6bed84eb19.png)

---

<div class="post-metadata">

**Author:** ![Takemura](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/takemura/32/25836_2.png) [@Takemura](https://forum.babylonjs.com/u/Takemura)\
**Post date:** [July 31, 2023, 11:28am UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798/4 "2023-07-31T11:28:04Z")

</div>

You need to additionally set canvas background color to transparent:

 ![transparent canvas](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/9/5/95da85c01348efd512d3d5c5f45d7199168fab89.png)

You may also set background color to transparent of renderCanvas0 and renderCanvas1 if you wish.

---

<div class="post-metadata">

**Author:** ![Bemuse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bemuse/32/22704_2.png) [@Bemuse](https://forum.babylonjs.com/u/Bemuse)\
**Post date:** [August 4, 2023, 11:02am UTC](https://forum.babylonjs.com/t/scene-clearcolor-not-working-in-multiple-canvases/42798/5 "2023-08-04T11:02:02Z")

</div>

Thank you!!!