CesiumGS · pjcozzi · May 5, 2015 · Apr 7, 2015 · Apr 7, 2015 · Apr 8, 2015
diff --git a/Apps/Sandcastle/gallery/Billboards.html b/Apps/Sandcastle/gallery/Billboards.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">  <!-- Use Chrome Frame in IE -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-    <meta name="description" content="Add billboard images, points, and markers to the scene.">
+    <meta name="description" content="Add billboard images and markers to the scene.">
     <meta name="cesium-sandcastle-labels" content="Beginner, Showcases">
     <title>Cesium Demo</title>
     <script type="text/javascript" src="../Sandcastle-header.js"></script>
@@ -161,32 +161,6 @@
     });
 }
 
-function addPointBillboards() {
-    Sandcastle.declare(addPointBillboards);
-
-    viewer.entities.add({
-        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
-        point : {
-            color : Cesium.Color.RED,
-            pixelSize : 8
-        }
-    });
-    viewer.entities.add({
-        position : Cesium.Cartesian3.fromDegrees(-80.50, 35.14),
-        point : {
-            color : Cesium.Color.BLUE,
-            pixelSize : 16
-        }
-    });
-    viewer.entities.add({
-        position : Cesium.Cartesian3.fromDegrees(-80.12, 25.46),
-        point : {
-            color : Cesium.Color.LIME,
-            pixelSize : 32
-        }
-    });
-}
-
 function addMarkerBillboards() {
     Sandcastle.declare(addMarkerBillboards);
 
@@ -275,12 +249,6 @@
         offsetByDistance();
         Sandcastle.highlight(offsetByDistance);
     }
-}, {
-    text : 'Add point billboards',
-    onselect : function() {
-        addPointBillboards();
-        Sandcastle.highlight(addPointBillboards);
-    }
 }, {
     text : 'Add marker billboards',
     onselect : function() {
@@ -293,7 +261,7 @@
     viewer.entities.removeAll();
 };
 //Sandcastle_End
-Sandcastle.finishedLoading();
+    Sandcastle.finishedLoading();
 }
 if (typeof Cesium !== "undefined") {
     startup(Cesium);

diff --git a/Apps/Sandcastle/gallery/Points.html b/Apps/Sandcastle/gallery/Points.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">  <!-- Use Chrome Frame in IE -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+    <meta name="description" content="Add points to the scene.">
+    <meta name="cesium-sandcastle-labels" content="Beginner, Showcases">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.9/require.js"></script>
+    <script type="text/javascript">
+    require.config({
+        baseUrl : '../../../Source',
+        waitSeconds : 60
+    });
+    </script>
+</head>
+<body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html">
+<style>
+    @import url(../templates/bucket.css);
+</style>
+<div id="cesiumContainer" class="fullSize"></div>
+<div id="loadingOverlay"><h1>Loading...</h1></div>
+<div id="toolbar"></div>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    "use strict";
+//Sandcastle_Begin
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+function addPoint() {
+    Sandcastle.declare(addPoint);
+
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
+        point : {
+            pixelSize : 10,
+            color : Cesium.Color.YELLOW
+        }
+    });
+}
+
+function setPointProperties() {
+    Sandcastle.declare(setPointProperties);
+
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
+        point : {
+            show : true, // default
+            color : Cesium.Color.SKYBLUE, // default: WHITE
+            pixelSize : 10, // default: 1
+            outlineColor : Cesium.Color.YELLOW, // default: BLACK
+            outlineWidth : 3 // default: 0
+        }
+    });
+}
+
+function changePointProperties() {
+    Sandcastle.declare(changePointProperties);
+
+    var entity = viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 300000.0),
+        point : {
+            pixelSize : 2
+        }
+    });
+
+    var point = entity.point;
+    point.pixelSize = 20.0;
+    point.color = Cesium.Color.YELLOW.withAlpha(0.33);
+}
+
+function addMultiplePoints() {
+    Sandcastle.declare(addMultiplePoints);
+
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
+        point : {
+            color : Cesium.Color.RED,
+            pixelSize : 8
+        }
+    });
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-80.50, 35.14),
+        point : {
+            color : Cesium.Color.BLUE,
+            pixelSize : 16
+        }
+    });
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-80.12, 25.46),
+        point : {
+            color : Cesium.Color.LIME,
+            pixelSize : 32
+        }
+    });
+}
+
+function scaleByDistance() {
+    Sandcastle.declare(scaleByDistance);
+
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
+        point : {
+            // pixelSize will multiply by the scale factor, so in this
+            // example the size will range from 20px (near) to 5px (far).
+            pixelSize : 10,
+            scaleByDistance : new Cesium.NearFarScalar(1.5e2, 2.0, 1.5e7, 0.5)
+        }
+    });
+}
+
+function fadeByDistance() {
+    Sandcastle.declare(fadeByDistance);
+
+    viewer.entities.add({
+        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
+        point : {
+            pixelSize : 20,
+            translucencyByDistance : new Cesium.NearFarScalar(1.5e2, 1.0, 1.5e7, 0.2)
+        }
+    });
+}
+
+Sandcastle.addToolbarMenu([{
+    text : 'Add point',
+    onselect : function() {
+        addPoint();
+        Sandcastle.highlight(addPoint);
+    }
+}, {
+    text : 'Set point properties at creation',
+    onselect : function() {
+        setPointProperties();
+        Sandcastle.highlight(setPointProperties);
+    }
+}, {
+    text : 'Change point properties',
+    onselect : function() {
+        changePointProperties();
+        Sandcastle.highlight(changePointProperties);
+    }
+}, {
+    text : 'Add multiple points',
+    onselect : function() {
+        addMultiplePoints();
+        Sandcastle.highlight(addMultiplePoints);
+    }
+}, {
+    text : 'Scale by viewer distance',
+    onselect : function() {
+        scaleByDistance();
+        Sandcastle.highlight(scaleByDistance);
+    }
+}, {
+    text : 'Fade by viewer distance',
+    onselect : function() {
+        fadeByDistance();
+        Sandcastle.highlight(fadeByDistance);
+    }
+}]);
+
+Sandcastle.reset = function () {
+    viewer.entities.removeAll();
+};
+//Sandcastle_End
+    Sandcastle.finishedLoading();
+}
+if (typeof Cesium !== "undefined") {
+    startup(Cesium);
+} else if (typeof require === "function") {
+    require(["Cesium"], startup);
+}
+</script>
+</body>
+</html>
diff --git a/Apps/Sandcastle/gallery/Points.jpg b/Apps/Sandcastle/gallery/Points.jpg