Update Sandcastle example.

Apps/Sandcastle/gallery/development/BillboardClampToGround.html

@@ -35,30 +35,105 @@
 var viewer = new Cesium.Viewer('cesiumContainer');
 
 var cesiumTerrainProviderMeshes = new Cesium.CesiumTerrainProvider({
-    url : '//assets.agi.com/stk-terrain/world',
-    requestWaterMask : true,
-    requestVertexNormals : true
+    url : '//assets.agi.com/stk-terrain/world'
 });
 viewer.terrainProvider = cesiumTerrainProviderMeshes;
-
 viewer.scene.globe.depthTestAgainstTerrain = false;
 
 var ellipsoid = viewer.scene.globe.ellipsoid;
 var billboardCollection = viewer.scene.primitives.add(new Cesium.BillboardCollection({
     globe : viewer.scene.globe
 }));
 
-billboardCollection.add({
-    position : ellipsoid.cartographicToCartesian(new Cesium.Cartographic(-1.385205433269729, 0.6777926580888163)),
-    image : '../images/facility.gif',
-    heightReference : Cesium.HeightReference.CLAMP_TO_GROUND
+// everest
+//var centerLatitude = Cesium.Math.toRadians(27.988257);
+//var centerLongitude = Cesium.Math.toRadians(86.925145);
+
+// seneca
+var centerLongitude = -1.385205433269729;
+var centerLatitude = 0.6777926580888163;
+
+var gridWidth = Math.floor(Math.random() * 100.0);
+var gridHeight = Math.floor(Math.random() * 100.0);
+var rectangleHalfSize = 0.0005;
+
+var e = new Cesium.Rectangle(centerLongitude - rectangleHalfSize, centerLatitude - rectangleHalfSize, centerLongitude + rectangleHalfSize, centerLatitude + rectangleHalfSize);
+
+for (var y = 0; y < gridHeight; ++y) {
+    for (var x = 0; x < gridWidth; ++x) {
+        var longitude = Cesium.Math.lerp(e.west, e.east, x / (gridWidth - 1));
+        var latitude = Cesium.Math.lerp(e.south, e.north, y / (gridHeight - 1));
+        var position = new Cesium.Cartographic(longitude, latitude);
+
+        billboardCollection.add({
+            position : ellipsoid.cartographicToCartesian(position),
+            image : '../images/facility.gif',
+            scale : 0.7,
+            heightReference : Cesium.HeightReference.CLAMP_TO_GROUND
+        });
+    }
+}
+
+var billboard;
+
+Sandcastle.addToolbarButton('Add billboard', function() {
+    if (!Cesium.defined(billboard)) {
+        billboard = billboardCollection.add({
+            position : ellipsoid.cartographicToCartesian(new Cesium.Cartographic(centerLongitude, centerLatitude, 1000.0)),
+            image : '../images/Cesium_Logo_overlay.png',
+            scale : 0.7,
+            heightReference : Cesium.HeightReference.RELATIVE_TO_GROUND
+        });
+    }
 });
 
-var camera = viewer.camera;
-camera.position = new Cesium.Cartesian3(917846.4341998018, -4889990.680688238, 3978635.235478647);
-camera.direction = new Cesium.Cartesian3(0.70656899850878, 0.33817652508595303, -0.6216083077204182);
-camera.right = Cesium.Cartesian3.cross(camera.direction, ellipsoid.geodeticSurfaceNormal(camera.position), new Cesium.Cartesian3());
-camera.up = Cesium.Cartesian3.cross(camera.right, camera.direction, new Cesium.Cartesian3());
+Sandcastle.addToolbarButton('Remove billboard', function() {
+    if (Cesium.defined(billboard)) {
+        billboardCollection.remove(billboard);
+        billboard = undefined;
+    }
+});
+
+Sandcastle.addToolbarMenu([ {
+    text : 'Relative to ground',
+    onselect : function() {
+        if (Cesium.defined(billboard)) {
+            billboard.heightReference = Cesium.HeightReference.RELATIVE_TO_GROUND;
+        }
+    }
+}, {
+    text : 'Clamp to ground',
+    onselect : function() {
+        if (Cesium.defined(billboard)) {
+            billboard.heightReference = Cesium.HeightReference.CLAMP_TO_GROUND;
+        }
+    }
+}, {
+    text : 'None',
+    onselect : function() {
+        if (Cesium.defined(billboard)) {
+            billboard.heightReference = Cesium.HeightReference.NONE;
+        }
+    }
+}]);
+
+var lonGran = 0.00005;
+
+Sandcastle.addToolbarButton('Increase longitude', function() {
+    if (Cesium.defined(billboard)) {
+        var cartographic = ellipsoid.cartesianToCartographic(billboard.position);
+        cartographic.longitude += lonGran;
+        billboard.position = ellipsoid.cartographicToCartesian(cartographic);
+    }
+});
+
+Sandcastle.addToolbarButton('Decrease longitude', function() {
+    if (Cesium.defined(billboard)) {
+        var cartographic = ellipsoid.cartesianToCartographic(billboard.position);
+        cartographic.longitude -= lonGran;
+        billboard.position = ellipsoid.cartographicToCartesian(cartographic);
+    }
+});
 
 //Sandcastle_End
     Sandcastle.finishedLoading();

Source/Shaders/BillboardCollectionVS.glsl

@@ -227,31 +227,34 @@ void main()
 #endif
 
 #ifdef TEST_GLOBE_DEPTH
-    vec2 directions[4];
-    directions[0] = vec2(0.0, 0.0);
-    directions[1] = vec2(0.0, 1.0);
-    directions[2] = vec2(1.0, 0.0);
-    directions[3] = vec2(1.0, 1.0);
-
-    vec2 invSize = 1.0 / czm_viewport.zw;
-    vec2 size = all(equal(vec2(0.0), maxSize)) ? imageSize : maxSize;
-
-    bool visible = false;
-    for (int i = 0; i < 4; ++i)
-    {
-        vec4 wc = computePositionWindowCoordinates(positionEC, size, scale, directions[i], vec2(0.0, 0.0), vec2(0.0), pixelOffset, alignedAxis, rotation);
-        float d = texture2D(czm_globeDepthTexture, wc.xy * invSize).r;
-        if (wc.z < d)
-        {
-            visible = true;
-            break;
-        }
-    }
-
-    if (!visible)
+    if (-positionEC.z < 70000.0)
     {
-        gl_Position = czm_projection * vec4(vec3(0.0), 1.0);
-        return;
+	    vec2 directions[4];
+	    directions[0] = vec2(0.0, 0.0);
+	    directions[1] = vec2(0.0, 1.0);
+	    directions[2] = vec2(1.0, 0.0);
+	    directions[3] = vec2(1.0, 1.0);
+
+	    vec2 invSize = 1.0 / czm_viewport.zw;
+	    vec2 size = all(equal(vec2(0.0), maxSize)) ? imageSize : maxSize;
+
+	    bool visible = false;
+	    for (int i = 0; i < 4; ++i)
+	    {
+	        vec4 wc = computePositionWindowCoordinates(positionEC, size, scale, directions[i], vec2(0.0, 0.0), vec2(0.0), pixelOffset, alignedAxis, rotation);
+	        float d = texture2D(czm_globeDepthTexture, wc.xy * invSize).r;
+	        if (wc.z < d)
+	        {
+	            visible = true;
+	            break;
+	        }
+	    }
+
+	    if (!visible)
+	    {
+	        gl_Position = czm_projection * vec4(vec3(0.0), 1.0);
+	        return;
+	    }
     }
 #endif