Colors appear drastically different between 3D and 2D

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

Colors appear to be very different for the same geometry in 3D and 2D

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

var color = null;

var feature = null;

var geometry = null;

var polygon = null;

var scene = null;

var viewer = null;

viewer = new Cesium.Viewer(‘cesiumContainer’);

scene = viewer.scene;

color = Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.WHITE);

polygon = new Cesium.PolygonGeometry.fromPositions({

perPositionHeight: true,

positions: Cesium.Cartesian3.fromDegreesArrayHeights([

-94.0, 37.0, 50000,

-87.0, 37.0, 10000,

-87.0, 32.0, 15000,

-94.0, 32.0, 10000


vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT


geometry = new Cesium.GeometryInstance({

attributes: {

color: color




feature = new Cesium.Primitive({

geometryInstances: geometry,

appearance: new Cesium.PerInstanceColorAppearance()



3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

While in 2D polygon items are not as noticeable as the are in 3D

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

O.S. Windows 7, Browser: Chrome 66.0.3359.181

Attached are screen shots showing the different Scene Modes

Sorry forgot to specify Cesium version. This appears in Cesium 1.46, but I do not think it is limited to 1.46. The problem was reported to my team on Cesium 1.42.

I believe this is the same issue as