Skip to content

Clamped to ground billboard rendering issues in top-down view #13146

@jonathan-hepp

Description

@jonathan-hepp

What happened?

The latest changes seem to have affected the way billboards are rendered, particularly when clamped to ground and on a top-down view. Once you start zooming in on the map, the billboard starts to flicker, parts of it get cut out and it can even disappear completely in certain cases.
If the camera is tilted in any angle this issue does not happen. As soon as you set the camera to top-down view again the same rendering problems are back.

Image Image

I understand that setting the vertical origin property to BOTTOM should prevent the clamped to ground billboard from cutting out at the middle so, to make sure that the issue is not related to that, the example on Sandcastle includes verticalOrigin: Cesium.VerticalOrigin.BOTTOM.

This issue also seems to be more prominent on certain maps, therefore the sandcastle is set to use the Google satellite imagery.

Reproduction steps

  1. Add an entity with a billboard whose heightReference property is set to Cesium.HeightReference.CLAMP_TO_GROUND
  2. As you zoom in on the map, the billboard will start to show rendering issues, cutting out parts of the image or even disappearing entirely
  3. Tilt the camera at any angle and the billboard is rendered again without any issues

Sandcastle example

https://sandcastle.cesium.com/#c=bVJhb9owEP0rVj4lE3PSslFKUzRKpQ2JLlXL9ikSMvYRrDk2sh2qbOK/z3GSFtR+sn1+793du+PlXmmLPiFi0BwMr0q01apEeUD9Kw9ucslb0DORjBJjBfSYt4jH5ZIqaSw6cHgBjW6RhJdOFf/2sbDXnStpCZeg8yByzJaBeUkK0PWS1KANJoyFHXtx8oGb5I9aHTgDPTO1pGEuUZ9noWQH7iEePzMG7IKFw/EwuRhfRoNcRpEvOZfbSlLLlUQu4R0XYqOIZmGE/jWyby1iBlQQDeEprNVAXcsYpOWWQ1u75yO0V4Y38pNTO+ZEW3cjcujLu4dCA5jw89VXnIyTy9FogIbX+Hp0lSRfmmIboU2fdII6aYS8YxM3Coxjfzdxm2G9VIVaqwNoQWq8l0UeDHqSC1pOicg0L7irqx/RWRjfZatV9vBK2gEvdvYJtqBBUnhl/TiP4/ly9vC4XmXr70/Zr5/3Hf/oz2Nj17F1/dzsm2AQpMbWAqYN8Fu3cpUWoevMQrkXxBkWbyr6ByymxjRSadxTUsYPiLPbD/YLuakZ4362lRDP/K/b1WkaO/wZTSjCuCyy1rAGsruYLtsgxjiN3fM9yyolNkSfKP4H

Environment

Browser: Chrome
CesiumJS Version: 1.137
Operating System: Ubuntu

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions