How to prevent the transparent object in front from being affected by the transparent object behind

CesiumJS
1

image

image
image629×617 36.8 KB

Want the transparent object in front not to be affected by the transparent object behind

2

Hi @Shunrai1,

Would you mind providing a minimal Sandcastle example that reproduces your use case?

Depending on the exact result you are looking for, this may have to do with the fact that CesiumJS uses order-independent translucency by default.

Thanks,
Gabby

3

Hello,
Do you have the address for this demo? Thanks.

image
image698×492 84.8 KB

4

The URL from the screenshot works in principle:

https://bagnell.github.io/cesium/Apps/Sandcastle/gallery/OIT.html

(The globe itself won’t show, and it’s using an old version of Cesium, so it may not be soooo heplful, but maybe you’ll find what you’re looking for…)