Skybox questions

CesiumJS
1

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.

2

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: https://cesiumjs.org/Cesium/Apps/Sandcastle/?src=Hello%20World.html&label=Showcases&gist=26d49d64fd1f32a014a382b075b7442e

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('http://www.publicdomainpictures.net/pictures/130000/velka/underwater-blank-scenery.jpg'); }

Loading...

``