Control 3D Tileset Transparency and Elevation

CesiumJS
1

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

2

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: https://github.com/AnalyticalGraphicsInc/cesium/issues/5899

3

Hi Sean,

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

Something like this:

function setStyle() {

tileset.style = 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.

4

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: https://github.com/AnalyticalGraphicsInc/3d-tiles/issues/266. Is this the type of situation you’re facing?