How to make Photorealistic 3D tiles translucent?

I would like to overlap with the Google photorealistic 3D tile and the existing 3D city model colored by the specified attribute.
However, the volume and position of the two 3D tiles are different, and it is not displayed properly, so I want to make the two tiles translucent.
Do you know how to make the photorealistic 3D tile translucent?

Hi @knek, you can use a Cesium3DTileStyle to set the transparency. For a photogrammetry tileset like Google’s Photorealistic 3D Tiles, you can set a transparent color:

  tileset.style = new Cesium.Cesium3DTileStyle({
    color: 'color("white", 0.9)'
  });

Here’s a quick demonstration in a Sandcastle example.

The results may be a little confusing. You will start to see tiles on the backside of the globe. But it may be enough for your use case, to show the alignment between two tilesets.

2 Likes