# Remove blue atmosphere / surface when tilting view / camera

**URL:** <https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630>\
**Category:** CesiumJS\
**Created:** [September 27, 2016, 8:58am UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630 "2016-09-27T08:58:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andries\_Olivier](https://avatars.discourse-cdn.com/v4/letter/a/da6949/32.png) [@Andries\_Olivier](https://community.cesium.com/u/Andries_Olivier)\
**Post date:** [September 27, 2016, 8:58am UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/1 "2016-09-27T08:58:20Z")

</div>

Hi,

I'm trying to remove the blue atmosphere / surface that becomes visible when you tilt the camera and looking at the surface from the side?

The following settings does not seem to do the trick:

var viewer = new Cesium.Viewer("cesiumContainer", {  
&nbsp;&nbsp;&nbsp;&nbsp;timeline: false,  
&nbsp;&nbsp;&nbsp;&nbsp;animation: false,  
&nbsp;&nbsp;&nbsp;&nbsp;baseLayerPicker: false,  
&nbsp;&nbsp;&nbsp;&nbsp;fullscreenButton: false,  
&nbsp;&nbsp;&nbsp;&nbsp;geocoder: true,  
&nbsp;&nbsp;&nbsp;&nbsp;selectionIndicator: false,  
&nbsp;&nbsp;&nbsp;&nbsp;infoBox: false,  
&nbsp;&nbsp;&nbsp;&nbsp;sceneModePicker: false,  
&nbsp;&nbsp;&nbsp;&nbsp;navigationHelpButton: true,  
&nbsp;&nbsp;&nbsp;&nbsp;navigationInstructionsInitiallyVisible: false  
});

viewer.scene.skyBox.show = false;  
viewer.scene.sun.show = false;  
viewer.scene.moon.show = false;  
viewer.scene.skyAtmosphere.show = false;

viewer.scene.backgroundColor = Cesium.Color.BLACK;  
viewer.scene.globe.baseColor = Cesium.Color.BLACK;  
viewer.scene.fxaa = false;

viewer.scene.globe.depthTestAgainstTerrain = false;  
viewer.scene.globe.enableLighting = false;  
viewer.scene.globe.showWaterEffect = false;  
viewer.scene.imageryLayers.removeAll();

This can illustrated in sandcastle here:

> **[Cesium Sandcastle](https://sandcastle.cesium.com/index.html?src=Camera.html&label=Showcases)**
>
> The Cesium Sandcastle provides an interactive environment for testing Cesium code.

And select "Fly to Rectangle". Once loaded, CTRL + Left Mouse to to tilt the camera.. Not sure what effect it is, since skyAtmosphere is disabled.

Is there perhaps a property I've missed somewhere?

Any pointers or advice would be greatly appreciated.

Cheers,  
Andries

---

<div class="post-metadata">

**Author:** ![Andries\_Olivier](https://avatars.discourse-cdn.com/v4/letter/a/da6949/32.png) [@Andries\_Olivier](https://community.cesium.com/u/Andries_Olivier)\
**Post date:** [September 27, 2016, 9:06am UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/2 "2016-09-27T09:06:33Z")

</div>

Perhaps the attached pic illustrates it better:

 ![demo.png](https://global.discourse-cdn.com/cesium/original/2X/e/e045b3a366b421f168f217a42afb65f352c37d53.png)

---

<div class="post-metadata">

**Author:** ![hannah](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/hannah/32/4509_2.png) [@hannah](https://community.cesium.com/u/hannah)\
**Post date:** [September 27, 2016, 2:29pm UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/3 "2016-09-27T14:29:01Z")

</div>

Hello,

I think you’re looking for this option:

var viewer = new Cesium.Viewer(‘cesiumContainer’, {  
skyAtmosphere: false  
});

``

You can see all of the available options in the viewer documentation: [http://cesiumjs.org/Cesium/Build/Documentation/Viewer.html](http://cesiumjs.org/Cesium/Build/Documentation/Viewer.html)

Best,

Hannah

---

<div class="post-metadata">

**Author:** ![Andries\_Olivier](https://avatars.discourse-cdn.com/v4/letter/a/da6949/32.png) [@Andries\_Olivier](https://community.cesium.com/u/Andries_Olivier)\
**Post date:** [September 27, 2016, 2:46pm UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/4 "2016-09-27T14:46:49Z")

</div>

Hi Hannah, thanks for the response. Figured out it was actually the fog ([https://cesiumjs.org/Cesium/Build/Documentation/Fog.html](https://cesiumjs.org/Cesium/Build/Documentation/Fog.html)) on the scene I had to disable:

viewer.scene.fog.enabled = false;

Works like magic! Would be great to have a color property on the fog class as mentioned here:

> <https://github.com/CesiumGS/cesium/issues/4195>
>
> So instead of this:
> We could have something like this:
> This is just a simple PhotoShop so not at all physically correct. Perhaps...

That’s the only reason I’m disabling it for now…

Anyway, much appreciated!

---

<div class="post-metadata">

**Author:** ![hannah](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/hannah/32/4509_2.png) [@hannah](https://community.cesium.com/u/hannah)\
**Post date:** [September 27, 2016, 2:52pm UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/5 "2016-09-27T14:52:34Z")

</div>

Ah okay. Thanks for following up! I added a link to your post to that issue so we can track how many people are asking for that feature.

Best,

Hannah

---

<div class="post-metadata">

**Author:** ![sean\_lilley](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/sean_lilley/32/2083_2.png) [@sean\_lilley](https://community.cesium.com/u/sean_lilley)\
**Post date:** [October 19, 2018, 9:07pm UTC](https://community.cesium.com/t/remove-blue-atmosphere-surface-when-tilting-view-camera/4630/6 "2018-10-19T21:07:16Z")

</div>

Quick update here: fog and ground atmosphere color can now be controlled with

viewer.scene.globe.atmosphereHueShift  
viewer.scene.globe.atmosphereSaturationShift  
viewer.scene.globe.atmosphereBrightnessShift

``

This functionality will be included in Cesium 1.51 on November 1st.