Control 3D Tileset Transparency and Elevation

1. A concise explanation of the problem you’re experiencing.

Any function(s) or examples code(s) can control the 3D Tileset 1) Transparency? 2) Elevation?

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

We would like to overlay 2 3D tilesets but one is in transparency and control the elevation of tileset in front of the others.

4. The Cesium version you’re using, your operating system and browser.

Cesium. 1.38

For adjusting the elevation you could look at the 3D Tiles Adjust Height (local) demo.

Setting the translucency isn’t directly possible yet, but I opened an issue for it here:

Hi Sean,

This issue wants us to pass alpha separately instead of sending it in as rgba right?

Something like this:

function setStyle() { = new Cesium.Cesium3DTileStyle({

alpha: {

conditions: [

["${height} >= 300", 0.2]



    // OR

    alpha: 0.2




So, any thoughts on how I can merge the alpha into the rgba color value (except string manipulation)?

Correct me if I’m wrong. Pretty new here.

I just closed that issue, realizing it was not the right approach. You’ll still need to use the color property to set the alpha, and I don’t have any good suggestions if your alpha style is much different than your color style. I opened an issue in the 3d-tiles repo: Is this the type of situation you’re facing?