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

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

image

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

However:

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

Where is the issue?

Can you send a screenshot?

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

after clicking

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:

Ah, here’s the answer I think:

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.

2 Likes