Skybox questions

1. A concise explanation of the problem you're experiencing.

Hey! I have a quick question about skybox. Do the images used have to be a specific size? Whenever I try to change the SkyBox it just decides not to render one at all.

Also is it possible to use a static image in the background instead of using a skybox so the globe could rotate freely while the image remains the same?

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.

I am trying to render a globe with a skybox that appears to be under water. A static image would be ideal but if I could use a collection of pictures to give the illusion that the globe was underwater that would work too.

4. The Cesium version you're using, your operating system and browser.

I am running Cesium 1.39 in Chrome.

To use a static image in the background you can render Cesium with transparency and place a background image div below the cesium container.

Live demo:

var viewer = new Cesium.Viewer(‘cesiumContainer’, {

skyBox : false,

skyAtmosphere : false,

contextOptions : {

webgl: {

alpha: true




viewer.scene.backgroundColor = Cesium.Color.TRANSPARENT;


@import url(../templates/bucket.css); #background { background-image: url(''); }