Transparent Cesium3DTileset Point Cloud fails Depth Test against a primitive

CesiumJS
1

Greetings Community!

I added a point cloud to the cesium ion and rendered the corresponding asset as a Cesium3DTileset in CesiumJS. I also rendered a triangle using Cesium’s Primitive API and positioned it above the point cloud.

When I make the point cloud transparent using the color property of Cesium3DTileStyle (style) property of the Cesium3DTileset, the points of the Cesium3DTileset Point Cloud appear to be floating above the triangle primitive.

Sandcastle Example depicting the situation

2

Set the appearance’s translucency to false:

 appearance: new Cesium.PerInstanceColorAppearance({
        // ...
        translucent: false,
      }),

This way, the red triangle is not occluded by translucent points rendered behind it. However, point rendered in front of it still don’t take the red color into account, so there is more to investigate. I hope this helps you!

grafik
grafik560×295 42.3 KB