@cesium/engine 1.1.0 → 2.0.0

package/Source/Shaders/DepthPlaneFS.glsl

@@ -1,4 +1,4 @@
-varying vec4 positionEC;
+in vec4 positionEC;
 
 void main()
 {
@@ -25,7 +25,7 @@ void main()
     czm_raySegment intersection = czm_rayEllipsoidIntersectionInterval(ray, ellipsoid_center, czm_ellipsoidInverseRadii);
     if (!czm_isEmpty(intersection))
     {
-        gl_FragColor = vec4(1.0, 1.0, 0.0, 1.0);
+        out_FragColor = vec4(1.0, 1.0, 0.0, 1.0);
     }
     else
     {

package/Source/Shaders/DepthPlaneFS.js

@@ -1,5 +1,5 @@
 //This file is automatically rebuilt by the Cesium build process.
-export default "varying vec4 positionEC;\n\
+export default "in vec4 positionEC;\n\
 \n\
 void main()\n\
 {\n\
@@ -26,7 +26,7 @@ void main()\n\
     czm_raySegment intersection = czm_rayEllipsoidIntersectionInterval(ray, ellipsoid_center, czm_ellipsoidInverseRadii);\n\
     if (!czm_isEmpty(intersection))\n\
     {\n\
-        gl_FragColor = vec4(1.0, 1.0, 0.0, 1.0);\n\
+        out_FragColor = vec4(1.0, 1.0, 0.0, 1.0);\n\
     }\n\
     else\n\
     {\n\

package/Source/Shaders/DepthPlaneVS.glsl

@@ -1,6 +1,6 @@
-attribute vec4 position;
+in vec4 position;
 
-varying vec4 positionEC;
+out vec4 positionEC;
 
 void main()
 {

package/Source/Shaders/DepthPlaneVS.js

@@ -1,7 +1,7 @@
 //This file is automatically rebuilt by the Cesium build process.
-export default "attribute vec4 position;\n\
+export default "in vec4 position;\n\
 \n\
-varying vec4 positionEC;\n\
+out vec4 positionEC;\n\
 \n\
 void main()\n\
 {\n\

package/Source/Shaders/EllipsoidFS.glsl

@@ -1,13 +1,7 @@
-#ifdef WRITE_DEPTH
-#ifdef GL_EXT_frag_depth
-#extension GL_EXT_frag_depth : enable
-#endif
-#endif
-
 uniform vec3 u_radii;
 uniform vec3 u_oneOverEllipsoidRadiiSquared;
 
-varying vec3 v_positionEC;
+in vec3 v_positionEC;
 
 vec4 computeEllipsoidColor(czm_ray ray, float intersection, float side)
 {
@@ -89,11 +83,10 @@ void main()
     // If the viewer either is inside or can see inside, compute insideFaceColor, with normals facing inward.
     vec4 insideFaceColor = (outsideFaceColor.a < 1.0) ? computeEllipsoidColor(ray, intersection.stop, -1.0) : vec4(0.0);
 
-    gl_FragColor = mix(insideFaceColor, outsideFaceColor, outsideFaceColor.a);
-    gl_FragColor.a = 1.0 - (1.0 - insideFaceColor.a) * (1.0 - outsideFaceColor.a);
+    out_FragColor = mix(insideFaceColor, outsideFaceColor, outsideFaceColor.a);
+    out_FragColor.a = 1.0 - (1.0 - insideFaceColor.a) * (1.0 - outsideFaceColor.a);
 
-#ifdef WRITE_DEPTH
-#ifdef GL_EXT_frag_depth
+#if (defined(WRITE_DEPTH) && (__VERSION__ == 300 || defined(GL_EXT_frag_depth)))
     t = (intersection.start != 0.0) ? intersection.start : intersection.stop;
     vec3 positionEC = czm_pointAlongRay(ray, t);
     vec4 positionCC = czm_projection * vec4(positionEC, 1.0);
@@ -105,8 +98,7 @@ void main()
     float n = czm_depthRange.near;
     float f = czm_depthRange.far;
 
-    gl_FragDepthEXT = (z * (f - n) + f + n) * 0.5;
-#endif
+    gl_FragDepth = (z * (f - n) + f + n) * 0.5;
 #endif
 #endif
 }

package/Source/Shaders/EllipsoidFS.js

@@ -1,14 +1,8 @@
 //This file is automatically rebuilt by the Cesium build process.
-export default "#ifdef WRITE_DEPTH\n\
-#ifdef GL_EXT_frag_depth\n\
-#extension GL_EXT_frag_depth : enable\n\
-#endif\n\
-#endif\n\
-\n\
-uniform vec3 u_radii;\n\
+export default "uniform vec3 u_radii;\n\
 uniform vec3 u_oneOverEllipsoidRadiiSquared;\n\
 \n\
-varying vec3 v_positionEC;\n\
+in vec3 v_positionEC;\n\
 \n\
 vec4 computeEllipsoidColor(czm_ray ray, float intersection, float side)\n\
 {\n\
@@ -90,11 +84,10 @@ void main()\n\
     // If the viewer either is inside or can see inside, compute insideFaceColor, with normals facing inward.\n\
     vec4 insideFaceColor = (outsideFaceColor.a < 1.0) ? computeEllipsoidColor(ray, intersection.stop, -1.0) : vec4(0.0);\n\
 \n\
-    gl_FragColor = mix(insideFaceColor, outsideFaceColor, outsideFaceColor.a);\n\
-    gl_FragColor.a = 1.0 - (1.0 - insideFaceColor.a) * (1.0 - outsideFaceColor.a);\n\
+    out_FragColor = mix(insideFaceColor, outsideFaceColor, outsideFaceColor.a);\n\
+    out_FragColor.a = 1.0 - (1.0 - insideFaceColor.a) * (1.0 - outsideFaceColor.a);\n\
 \n\
-#ifdef WRITE_DEPTH\n\
-#ifdef GL_EXT_frag_depth\n\
+#if (defined(WRITE_DEPTH) && (__VERSION__ == 300 || defined(GL_EXT_frag_depth)))\n\
     t = (intersection.start != 0.0) ? intersection.start : intersection.stop;\n\
     vec3 positionEC = czm_pointAlongRay(ray, t);\n\
     vec4 positionCC = czm_projection * vec4(positionEC, 1.0);\n\
@@ -106,8 +99,7 @@ void main()\n\
     float n = czm_depthRange.near;\n\
     float f = czm_depthRange.far;\n\
 \n\
-    gl_FragDepthEXT = (z * (f - n) + f + n) * 0.5;\n\
-#endif\n\
+    gl_FragDepth = (z * (f - n) + f + n) * 0.5;\n\
 #endif\n\
 #endif\n\
 }\n\

package/Source/Shaders/EllipsoidVS.glsl

@@ -1,8 +1,8 @@
-attribute vec3 position;
+in vec3 position;
 
 uniform vec3 u_radii;
 
-varying vec3 v_positionEC;
+out vec3 v_positionEC;
 
 void main()
 {

package/Source/Shaders/EllipsoidVS.js

@@ -1,9 +1,9 @@
 //This file is automatically rebuilt by the Cesium build process.
-export default "attribute vec3 position;\n\
+export default "in vec3 position;\n\
 \n\
 uniform vec3 u_radii;\n\
 \n\
-varying vec3 v_positionEC;\n\
+out vec3 v_positionEC;\n\
 \n\
 void main()\n\
 {\n\

package/Source/Shaders/FXAA3_11.glsl

@@ -48,8 +48,8 @@
 //       #define FxaaTexTop(t, p) texture2DLod(t, p, 0.0)
 //       #define FxaaTexOff(t, p, o, r) texture2DLod(t, p + (o * r), 0.0)
 //           with
-//       #define FxaaTexTop(t, p) texture2D(t, p)
-//       #define FxaaTexOff(t, p, o, r) texture2D(t, p + (o * r))
+//       #define FxaaTexTop(t, p) texture(t, p)
+//       #define FxaaTexOff(t, p, o, r) texture(t, p + (o * r))
 // * FXAA_QUALITY_PRESET is prepended in the javascript code. We may want to expose that setting in the future.
 // * The following parameters to FxaaPixelShader are unused and can be removed:
 //       fxaaConsolePosPos
@@ -269,8 +269,8 @@
 #define FxaaTex sampler2D
 
 #define FxaaSat(x) clamp(x, 0.0, 1.0)
-#define FxaaTexTop(t, p) texture2D(t, p)
-#define FxaaTexOff(t, p, o, r) texture2D(t, p + (o * r))
+#define FxaaTexTop(t, p) texture(t, p)
+#define FxaaTexOff(t, p, o, r) texture(t, p + (o * r))
 
 FxaaFloat FxaaLuma(FxaaFloat4 rgba) { return rgba.y; }
 

package/Source/Shaders/FXAA3_11.js

@@ -77,8 +77,8 @@ export default "/**\n\
 //       #define FxaaTexTop(t, p) texture2DLod(t, p, 0.0)\n\
 //       #define FxaaTexOff(t, p, o, r) texture2DLod(t, p + (o * r), 0.0)\n\
 //           with\n\
-//       #define FxaaTexTop(t, p) texture2D(t, p)\n\
-//       #define FxaaTexOff(t, p, o, r) texture2D(t, p + (o * r))\n\
+//       #define FxaaTexTop(t, p) texture(t, p)\n\
+//       #define FxaaTexOff(t, p, o, r) texture(t, p + (o * r))\n\
 // * FXAA_QUALITY_PRESET is prepended in the javascript code. We may want to expose that setting in the future.\n\
 // * The following parameters to FxaaPixelShader are unused and can be removed:\n\
 //       fxaaConsolePosPos\n\
@@ -298,8 +298,8 @@ export default "/**\n\
 #define FxaaTex sampler2D\n\
 \n\
 #define FxaaSat(x) clamp(x, 0.0, 1.0)\n\
-#define FxaaTexTop(t, p) texture2D(t, p)\n\
-#define FxaaTexOff(t, p, o, r) texture2D(t, p + (o * r))\n\
+#define FxaaTexTop(t, p) texture(t, p)\n\
+#define FxaaTexOff(t, p, o, r) texture(t, p + (o * r))\n\
 \n\
 FxaaFloat FxaaLuma(FxaaFloat4 rgba) { return rgba.y; }\n\
 \n\

package/Source/Shaders/GlobeFS.glsl

@@ -105,26 +105,26 @@ uniform float u_lambertDiffuseMultiplier;
 uniform float u_vertexShadowDarkness;
 #endif
 
-varying vec3 v_positionMC;
-varying vec3 v_positionEC;
-varying vec3 v_textureCoordinates;
-varying vec3 v_normalMC;
-varying vec3 v_normalEC;
+in vec3 v_positionMC;
+in vec3 v_positionEC;
+in vec3 v_textureCoordinates;
+in vec3 v_normalMC;
+in vec3 v_normalEC;
 
 #ifdef APPLY_MATERIAL
-varying float v_height;
-varying float v_slope;
-varying float v_aspect;
+in float v_height;
+in float v_slope;
+in float v_aspect;
 #endif
 
 #if defined(FOG) || defined(GROUND_ATMOSPHERE) || defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)
-varying float v_distance;
+in float v_distance;
 #endif
 
 #if defined(GROUND_ATMOSPHERE) || defined(FOG)
-varying vec3 v_atmosphereRayleighColor;
-varying vec3 v_atmosphereMieColor;
-varying float v_atmosphereOpacity;
+in vec3 v_atmosphereRayleighColor;
+in vec3 v_atmosphereMieColor;
+in float v_atmosphereOpacity;
 #endif
 
 #if defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)
@@ -195,7 +195,7 @@ vec4 sampleAndBlend(
     vec2 translation = textureCoordinateTranslationAndScale.xy;
     vec2 scale = textureCoordinateTranslationAndScale.zw;
     vec2 textureCoordinates = tileTextureCoordinates * scale + translation;
-    vec4 value = texture2D(textureToSample, textureCoordinates);
+    vec4 value = texture(textureToSample, textureCoordinates);
     vec3 color = value.rgb;
     float alpha = value.a;
 
@@ -376,7 +376,7 @@ void main()
     vec2 waterMaskTextureCoordinates = v_textureCoordinates.xy * waterMaskScale + waterMaskTranslation;
     waterMaskTextureCoordinates.y = 1.0 - waterMaskTextureCoordinates.y;
 
-    float mask = texture2D(u_waterMask, waterMaskTextureCoordinates).r;
+    float mask = texture(u_waterMask, waterMaskTextureCoordinates).r;
 
     if (mask > 0.0)
     {
@@ -545,7 +545,7 @@ void main()
     }
 #endif
     
-    gl_FragColor =  finalColor;
+    out_FragColor =  finalColor;
 }
 
 

package/Source/Shaders/GlobeFS.js

@@ -106,26 +106,26 @@ uniform float u_lambertDiffuseMultiplier;\n\
 uniform float u_vertexShadowDarkness;\n\
 #endif\n\
 \n\
-varying vec3 v_positionMC;\n\
-varying vec3 v_positionEC;\n\
-varying vec3 v_textureCoordinates;\n\
-varying vec3 v_normalMC;\n\
-varying vec3 v_normalEC;\n\
+in vec3 v_positionMC;\n\
+in vec3 v_positionEC;\n\
+in vec3 v_textureCoordinates;\n\
+in vec3 v_normalMC;\n\
+in vec3 v_normalEC;\n\
 \n\
 #ifdef APPLY_MATERIAL\n\
-varying float v_height;\n\
-varying float v_slope;\n\
-varying float v_aspect;\n\
+in float v_height;\n\
+in float v_slope;\n\
+in float v_aspect;\n\
 #endif\n\
 \n\
 #if defined(FOG) || defined(GROUND_ATMOSPHERE) || defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)\n\
-varying float v_distance;\n\
+in float v_distance;\n\
 #endif\n\
 \n\
 #if defined(GROUND_ATMOSPHERE) || defined(FOG)\n\
-varying vec3 v_atmosphereRayleighColor;\n\
-varying vec3 v_atmosphereMieColor;\n\
-varying float v_atmosphereOpacity;\n\
+in vec3 v_atmosphereRayleighColor;\n\
+in vec3 v_atmosphereMieColor;\n\
+in float v_atmosphereOpacity;\n\
 #endif\n\
 \n\
 #if defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)\n\
@@ -196,7 +196,7 @@ vec4 sampleAndBlend(\n\
     vec2 translation = textureCoordinateTranslationAndScale.xy;\n\
     vec2 scale = textureCoordinateTranslationAndScale.zw;\n\
     vec2 textureCoordinates = tileTextureCoordinates * scale + translation;\n\
-    vec4 value = texture2D(textureToSample, textureCoordinates);\n\
+    vec4 value = texture(textureToSample, textureCoordinates);\n\
     vec3 color = value.rgb;\n\
     float alpha = value.a;\n\
 \n\
@@ -377,7 +377,7 @@ void main()\n\
     vec2 waterMaskTextureCoordinates = v_textureCoordinates.xy * waterMaskScale + waterMaskTranslation;\n\
     waterMaskTextureCoordinates.y = 1.0 - waterMaskTextureCoordinates.y;\n\
 \n\
-    float mask = texture2D(u_waterMask, waterMaskTextureCoordinates).r;\n\
+    float mask = texture(u_waterMask, waterMaskTextureCoordinates).r;\n\
 \n\
     if (mask > 0.0)\n\
     {\n\
@@ -546,7 +546,7 @@ void main()\n\
     }\n\
 #endif\n\
     \n\
-    gl_FragColor =  finalColor;\n\
+    out_FragColor =  finalColor;\n\
 }\n\
 \n\
 \n\

package/Source/Shaders/GlobeVS.glsl

@@ -1,13 +1,13 @@
 #ifdef QUANTIZATION_BITS12
-attribute vec4 compressed0;
-attribute float compressed1;
+in vec4 compressed0;
+in float compressed1;
 #else
-attribute vec4 position3DAndHeight;
-attribute vec4 textureCoordAndEncodedNormals;
+in vec4 position3DAndHeight;
+in vec4 textureCoordAndEncodedNormals;
 #endif
 
 #ifdef GEODETIC_SURFACE_NORMALS
-attribute vec3 geodeticSurfaceNormal;
+in vec3 geodeticSurfaceNormal;
 #endif
 
 #ifdef EXAGGERATION
@@ -23,27 +23,27 @@ uniform vec4 u_tileRectangle;
 uniform vec2 u_southAndNorthLatitude;
 uniform vec2 u_southMercatorYAndOneOverHeight;
 
-varying vec3 v_positionMC;
-varying vec3 v_positionEC;
+out vec3 v_positionMC;
+out vec3 v_positionEC;
 
-varying vec3 v_textureCoordinates;
-varying vec3 v_normalMC;
-varying vec3 v_normalEC;
+out vec3 v_textureCoordinates;
+out vec3 v_normalMC;
+out vec3 v_normalEC;
 
 #ifdef APPLY_MATERIAL
-varying float v_slope;
-varying float v_aspect;
-varying float v_height;
+out float v_slope;
+out float v_aspect;
+out float v_height;
 #endif
 
 #if defined(FOG) || defined(GROUND_ATMOSPHERE) || defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)
-varying float v_distance;
+out float v_distance;
 #endif
 
 #if defined(FOG) || defined(GROUND_ATMOSPHERE)
-varying vec3 v_atmosphereRayleighColor;
-varying vec3 v_atmosphereMieColor;
-varying float v_atmosphereOpacity;
+out vec3 v_atmosphereRayleighColor;
+out vec3 v_atmosphereMieColor;
+out float v_atmosphereOpacity;
 #endif
 
 // These functions are generated at runtime.

package/Source/Shaders/GlobeVS.js

@@ -1,14 +1,14 @@
 //This file is automatically rebuilt by the Cesium build process.
 export default "#ifdef QUANTIZATION_BITS12\n\
-attribute vec4 compressed0;\n\
-attribute float compressed1;\n\
+in vec4 compressed0;\n\
+in float compressed1;\n\
 #else\n\
-attribute vec4 position3DAndHeight;\n\
-attribute vec4 textureCoordAndEncodedNormals;\n\
+in vec4 position3DAndHeight;\n\
+in vec4 textureCoordAndEncodedNormals;\n\
 #endif\n\
 \n\
 #ifdef GEODETIC_SURFACE_NORMALS\n\
-attribute vec3 geodeticSurfaceNormal;\n\
+in vec3 geodeticSurfaceNormal;\n\
 #endif\n\
 \n\
 #ifdef EXAGGERATION\n\
@@ -24,27 +24,27 @@ uniform vec4 u_tileRectangle;\n\
 uniform vec2 u_southAndNorthLatitude;\n\
 uniform vec2 u_southMercatorYAndOneOverHeight;\n\
 \n\
-varying vec3 v_positionMC;\n\
-varying vec3 v_positionEC;\n\
+out vec3 v_positionMC;\n\
+out vec3 v_positionEC;\n\
 \n\
-varying vec3 v_textureCoordinates;\n\
-varying vec3 v_normalMC;\n\
-varying vec3 v_normalEC;\n\
+out vec3 v_textureCoordinates;\n\
+out vec3 v_normalMC;\n\
+out vec3 v_normalEC;\n\
 \n\
 #ifdef APPLY_MATERIAL\n\
-varying float v_slope;\n\
-varying float v_aspect;\n\
-varying float v_height;\n\
+out float v_slope;\n\
+out float v_aspect;\n\
+out float v_height;\n\
 #endif\n\
 \n\
 #if defined(FOG) || defined(GROUND_ATMOSPHERE) || defined(UNDERGROUND_COLOR) || defined(TRANSLUCENT)\n\
-varying float v_distance;\n\
+out float v_distance;\n\
 #endif\n\
 \n\
 #if defined(FOG) || defined(GROUND_ATMOSPHERE)\n\
-varying vec3 v_atmosphereRayleighColor;\n\
-varying vec3 v_atmosphereMieColor;\n\
-varying float v_atmosphereOpacity;\n\
+out vec3 v_atmosphereRayleighColor;\n\
+out vec3 v_atmosphereMieColor;\n\
+out float v_atmosphereOpacity;\n\
 #endif\n\
 \n\
 // These functions are generated at runtime.\n\

package/Source/Shaders/Materials/AspectRampMaterial.glsl

@@ -3,7 +3,7 @@ uniform sampler2D image;
 czm_material czm_getMaterial(czm_materialInput materialInput)
 {
     czm_material material = czm_getDefaultMaterial(materialInput);
-    vec4 rampColor = texture2D(image, vec2(materialInput.aspect / (2.0 * czm_pi), 0.5));
+    vec4 rampColor = texture(image, vec2(materialInput.aspect / (2.0 * czm_pi), 0.5));
     rampColor = czm_gammaCorrect(rampColor);
     material.diffuse = rampColor.rgb;
     material.alpha = rampColor.a;

package/Source/Shaders/Materials/AspectRampMaterial.js

@@ -4,7 +4,7 @@ export default "uniform sampler2D image;\n\
 czm_material czm_getMaterial(czm_materialInput materialInput)\n\
 {\n\
     czm_material material = czm_getDefaultMaterial(materialInput);\n\
-    vec4 rampColor = texture2D(image, vec2(materialInput.aspect / (2.0 * czm_pi), 0.5));\n\
+    vec4 rampColor = texture(image, vec2(materialInput.aspect / (2.0 * czm_pi), 0.5));\n\
     rampColor = czm_gammaCorrect(rampColor);\n\
     material.diffuse = rampColor.rgb;\n\
     material.alpha = rampColor.a;\n\

package/Source/Shaders/Materials/BumpMapMaterial.glsl

@@ -9,15 +9,15 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
     vec2 st = materialInput.st;
 
     vec2 centerPixel = fract(repeat * st);
-    float centerBump = texture2D(image, centerPixel).channel;
+    float centerBump = texture(image, centerPixel).channel;
 
     float imageWidth = float(imageDimensions.x);
     vec2 rightPixel = fract(repeat * (st + vec2(1.0 / imageWidth, 0.0)));
-    float rightBump = texture2D(image, rightPixel).channel;
+    float rightBump = texture(image, rightPixel).channel;
 
     float imageHeight = float(imageDimensions.y);
     vec2 leftPixel = fract(repeat * (st + vec2(0.0, 1.0 / imageHeight)));
-    float topBump = texture2D(image, leftPixel).channel;
+    float topBump = texture(image, leftPixel).channel;
 
     vec3 normalTangentSpace = normalize(vec3(centerBump - rightBump, centerBump - topBump, clamp(1.0 - strength, 0.1, 1.0)));
     vec3 normalEC = materialInput.tangentToEyeMatrix * normalTangentSpace;

package/Source/Shaders/Materials/BumpMapMaterial.js

@@ -10,15 +10,15 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
     vec2 st = materialInput.st;\n\
 \n\
     vec2 centerPixel = fract(repeat * st);\n\
-    float centerBump = texture2D(image, centerPixel).channel;\n\
+    float centerBump = texture(image, centerPixel).channel;\n\
 \n\
     float imageWidth = float(imageDimensions.x);\n\
     vec2 rightPixel = fract(repeat * (st + vec2(1.0 / imageWidth, 0.0)));\n\
-    float rightBump = texture2D(image, rightPixel).channel;\n\
+    float rightBump = texture(image, rightPixel).channel;\n\
 \n\
     float imageHeight = float(imageDimensions.y);\n\
     vec2 leftPixel = fract(repeat * (st + vec2(0.0, 1.0 / imageHeight)));\n\
-    float topBump = texture2D(image, leftPixel).channel;\n\
+    float topBump = texture(image, leftPixel).channel;\n\
 \n\
     vec3 normalTangentSpace = normalize(vec3(centerBump - rightBump, centerBump - topBump, clamp(1.0 - strength, 0.1, 1.0)));\n\
     vec3 normalEC = materialInput.tangentToEyeMatrix * normalTangentSpace;\n\

package/Source/Shaders/Materials/ElevationBandMaterial.glsl

@@ -7,9 +7,9 @@ float getHeight(int idx, float invTexSize)
 {
     vec2 uv = vec2((float(idx) + 0.5) * invTexSize, 0.5);
 #ifdef OES_texture_float
-    return texture2D(heights, uv).x;
+    return texture(heights, uv).x;
 #else
-    return czm_unpackFloat(texture2D(heights, uv));
+    return czm_unpackFloat(texture(heights, uv));
 #endif
 }
 
@@ -58,7 +58,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
 
     float lerper = heightBelow == heightAbove ? 1.0 : (height - heightBelow) / (heightAbove - heightBelow);
     vec2 colorUv = vec2(invTexSize * (float(idxBelow) + 0.5 + lerper), 0.5);
-    vec4 color = texture2D(colors, colorUv);
+    vec4 color = texture(colors, colorUv);
 
     // undo preumultiplied alpha
     if (color.a > 0.0) 

package/Source/Shaders/Materials/ElevationBandMaterial.js

@@ -8,9 +8,9 @@ float getHeight(int idx, float invTexSize)\n\
 {\n\
     vec2 uv = vec2((float(idx) + 0.5) * invTexSize, 0.5);\n\
 #ifdef OES_texture_float\n\
-    return texture2D(heights, uv).x;\n\
+    return texture(heights, uv).x;\n\
 #else\n\
-    return czm_unpackFloat(texture2D(heights, uv));\n\
+    return czm_unpackFloat(texture(heights, uv));\n\
 #endif\n\
 }\n\
 \n\
@@ -59,7 +59,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
 \n\
     float lerper = heightBelow == heightAbove ? 1.0 : (height - heightBelow) / (heightAbove - heightBelow);\n\
     vec2 colorUv = vec2(invTexSize * (float(idxBelow) + 0.5 + lerper), 0.5);\n\
-    vec4 color = texture2D(colors, colorUv);\n\
+    vec4 color = texture(colors, colorUv);\n\
 \n\
     // undo preumultiplied alpha\n\
     if (color.a > 0.0) \n\

package/Source/Shaders/Materials/ElevationContourMaterial.glsl

@@ -12,12 +12,13 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
 
     float distanceToContour = mod(materialInput.height, spacing);
 
-#ifdef GL_OES_standard_derivatives
+#if (__VERSION__ == 300 || defined(GL_OES_standard_derivatives))
     float dxc = abs(dFdx(materialInput.height));
     float dyc = abs(dFdy(materialInput.height));
     float dF = max(dxc, dyc) * czm_pixelRatio * width;
     float alpha = (distanceToContour < dF) ? 1.0 : 0.0;
 #else
+    // If no derivatives available (IE 10?), use pixel ratio
     float alpha = (distanceToContour < (czm_pixelRatio * width)) ? 1.0 : 0.0;
 #endif
 

package/Source/Shaders/Materials/ElevationContourMaterial.js

@@ -13,12 +13,13 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
 \n\
     float distanceToContour = mod(materialInput.height, spacing);\n\
 \n\
-#ifdef GL_OES_standard_derivatives\n\
+#if (__VERSION__ == 300 || defined(GL_OES_standard_derivatives))\n\
     float dxc = abs(dFdx(materialInput.height));\n\
     float dyc = abs(dFdy(materialInput.height));\n\
     float dF = max(dxc, dyc) * czm_pixelRatio * width;\n\
     float alpha = (distanceToContour < dF) ? 1.0 : 0.0;\n\
 #else\n\
+    // If no derivatives available (IE 10?), use pixel ratio\n\
     float alpha = (distanceToContour < (czm_pixelRatio * width)) ? 1.0 : 0.0;\n\
 #endif\n\
 \n\

package/Source/Shaders/Materials/ElevationRampMaterial.glsl

@@ -6,7 +6,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
 {
     czm_material material = czm_getDefaultMaterial(materialInput);
     float scaledHeight = clamp((materialInput.height - minimumHeight) / (maximumHeight - minimumHeight), 0.0, 1.0);
-    vec4 rampColor = texture2D(image, vec2(scaledHeight, 0.5));
+    vec4 rampColor = texture(image, vec2(scaledHeight, 0.5));
     rampColor = czm_gammaCorrect(rampColor);
     material.diffuse = rampColor.rgb;
     material.alpha = rampColor.a;

package/Source/Shaders/Materials/ElevationRampMaterial.js

@@ -7,7 +7,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
 {\n\
     czm_material material = czm_getDefaultMaterial(materialInput);\n\
     float scaledHeight = clamp((materialInput.height - minimumHeight) / (maximumHeight - minimumHeight), 0.0, 1.0);\n\
-    vec4 rampColor = texture2D(image, vec2(scaledHeight, 0.5));\n\
+    vec4 rampColor = texture(image, vec2(scaledHeight, 0.5));\n\
     rampColor = czm_gammaCorrect(rampColor);\n\
     material.diffuse = rampColor.rgb;\n\
     material.alpha = rampColor.a;\n\

package/Source/Shaders/Materials/GridMaterial.glsl

@@ -20,8 +20,9 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
     scaledHeight = abs(scaledHeight - floor(scaledHeight + 0.5));
 
     float value;
-#ifdef GL_OES_standard_derivatives
+
     // Fuzz Factor - Controls blurriness of lines
+#if (__VERSION__ == 300 || defined(GL_OES_standard_derivatives))
     const float fuzz = 1.2;
     vec2 thickness = (lineThickness * czm_pixelRatio) - 1.0;
 
@@ -33,7 +34,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)
         smoothstep(dF.s * thickness.s, dF.s * (fuzz + thickness.s), scaledWidth),
         smoothstep(dF.t * thickness.t, dF.t * (fuzz + thickness.t), scaledHeight));
 #else
-    // Fuzz Factor - Controls blurriness of lines
+    // If no derivatives available (IE 10?), revert to view-dependent fuzz
     const float fuzz = 0.05;
 
     vec2 range = 0.5 - (lineThickness * 0.05);

package/Source/Shaders/Materials/GridMaterial.js

@@ -21,8 +21,9 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
     scaledHeight = abs(scaledHeight - floor(scaledHeight + 0.5));\n\
 \n\
     float value;\n\
-#ifdef GL_OES_standard_derivatives\n\
+\n\
     // Fuzz Factor - Controls blurriness of lines\n\
+#if (__VERSION__ == 300 || defined(GL_OES_standard_derivatives))\n\
     const float fuzz = 1.2;\n\
     vec2 thickness = (lineThickness * czm_pixelRatio) - 1.0;\n\
 \n\
@@ -34,7 +35,7 @@ czm_material czm_getMaterial(czm_materialInput materialInput)\n\
         smoothstep(dF.s * thickness.s, dF.s * (fuzz + thickness.s), scaledWidth),\n\
         smoothstep(dF.t * thickness.t, dF.t * (fuzz + thickness.t), scaledHeight));\n\
 #else\n\
-    // Fuzz Factor - Controls blurriness of lines\n\
+    // If no derivatives available (IE 10?), revert to view-dependent fuzz\n\
     const float fuzz = 0.05;\n\
 \n\
     vec2 range = 0.5 - (lineThickness * 0.05);\n\