When the scene clearColor is transparent, overlapping with other elements causes color blending

Questions
1

Scene.clearColor = new Color4(1, 1, 0, 0);

image

2

Dude, how should we know what is what on this screenshot?

However:

image
image1668×1318 116 KB

3

I didn’t express myself clearly. For example, when a red element overlaps with the background, it blends into yellow.

4

image
image1638×1466 66 KB

Where is the issue?

Can you send a screenshot?

5

You can click on the scene, and when the canvas is over the red square, the area of the square will turn yellow.

before clicking

image
image802×568 3.17 KB

after clicking

image
image898×713 5.72 KB

6

Granted it does seem like odd behaviour, but if the clear color is 100% transparent anyway, why not just scene.clearColor = new BABYLON.Color4(0, 0, 0, 0) which doesn’t exhibit the same problem as scene.clearColor = new BABYLON.Color4(1, 1, 0, 0)?

Still, it’d be worth investigating the reason for this … I’m at a loss :slight_smile:

7

Ah, here’s the answer I think:

8

This seems to be an issue only on Windows.

I’m on MAC, Chrome and it works without any tweaks. This is why I couldn’t see what @ZoeLeee was talking about.