How can I update transparency of the loaded tileset?

CesiumJS
1

Hello @Team,
I have been looking for a way to update the transparency of the point cloud tileset using API.
till now I could not found anything much significant.
one of the way I found is that I can set color of the point cloud with the alpha value but this approach changes color of my entire point cloud and implementing it does not make any sense since I need original colors to point cloud.

tileset.style = new Cesium.Cesium3DTileStyle({
    color: "rgba(255, 255, 255, " + alpha + ")",
});

alpha can vary between 0 to 1.

please pitch in your thoughts on this, looking for your help !!
Thank you !!.

2

Hello,
You can access the point’s color with ${COLOR}. To mess with alpha, you can multiply the color by white with an alpha value:

tileset.style = new Cesium.Cesium3DTileStyle({
  color: "${COLOR} * rgba(255, 255, 255, .25)",
});

sandcastle

Read more about point clouds styling here 3d-tiles/specification/Styling at main · CesiumGS/3d-tiles · GitHub

1 Like
3

Hello @Erixen_Cruz
thank you for your reply.
I need to preserve the point’s color.

In this process all of my point cloud color will get change, it is not feasible for me.
@sam.rothstein @Gabby_Getz .

Thanks you.

4

Hi,

You can tweak it and use it like so;

color: "rgba ( ${COLOR.r}*255, ${COLOR.g}*255, ${COLOR.b}*255, "+ opacity +")"

Cheers,

Alex

1 Like