How to make Cesium Entity invisible but interact with picking

CesiumJS
1

Basically the opposite to this question

I am trying to have an invisible bounding box for an underground KML layer to make it easy to navigate in underground, e.g. tilt, rotate the layer. It works great when I have a bounding box over the layer with material with a solid colour, e.g. Cesium.Color.Red.

Everything works nicely , a screenshot below

image
image1477×385 95.7 KB

This invisible layer is only for interaction purpose, I want to hide it visually. However, if I change the bounding box’s alpha value, e.g. Cesium.Color.BLACK.withAlpha(0), the whole navigation gets messed up. I believe this is todo with how Cesium pick ray works? If an entity is transparent, then it will not interact with pick ray?

Are there any ways to get around this?

Thank you.

3

Hi there,

To enable translucent picking, set viewer.scene.pickTranslucentDepth = true. Please note that there can be a performance implication as more passes are needed to enable this feature.

1 Like