How to implement HUD image in Canvas

CesiumJS
1

Is there any way to implement a 2D image layer above the 3D scene in just one Canvas?

2

Hi Tristan,

Although Cesium doesn’t have direct support for this, it’s possible – but it is unnecessary in most cases. The easiest thing would be to just overlay normal html elements over the viewer renders.

Best,

  • Rachel
3

Hi Rachel,

We are trying to use billboard whose size is same with canvas to realize this effect.

4

Tristan, there’s no need to use a billboard or any Cesium-specific construct for this, you can just overlay an image on top of Cesium via HTML. Here’s an example: http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/screenFrame.html

5

Hi Amato,

There is good effect by this way, but we want render all element on just canvas so that we can parse content background to generate video...