diff --git a/Apps/Sandcastle/gallery/3D Tiles Adjust Height.html b/Apps/Sandcastle/gallery/3D Tiles Adjust Height.html
new file mode 100644
index 000000000000..09813d39da55
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Adjust Height.html	
@@ -0,0 +1,93 @@
+<!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="Adjust the height of a 3D Tiles tileset.">
+    <meta name="cesium-sandcastle-labels" content="3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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);
+    #toolbar {
+        background: rgba(42, 42, 42, 0.8);
+        padding: 4px;
+        border-radius: 4px;
+    }
+    #toolbar input {
+        vertical-align: middle;
+        padding-top: 2px;
+        padding-bottom: 2px;
+    }
+</style>
+<div id="cesiumContainer" class="fullSize"></div>
+<div id="loadingOverlay"><h1>Loading...</h1></div>
+<div id="toolbar">
+    <div>Height</div>
+    <input type="range" min="-100.0" max="100.0" step="1" data-bind="value: height, valueUpdate: 'input'">
+    <input type="text" size="5" data-bind="value: height">
+</div>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+var viewer = new Cesium.Viewer('cesiumContainer', {
+    shadows : true
+});
+
+viewer.scene.globe.depthTestAgainstTerrain = true;
+
+var viewModel = {
+    height: 0
+};
+
+Cesium.knockout.track(viewModel);
+
+var toolbar = document.getElementById('toolbar');
+Cesium.knockout.applyBindings(viewModel, toolbar);
+
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : '../../../Specs/Data/Cesium3DTiles/Tilesets/Tileset'
+}));
+
+tileset.readyPromise.then(function() {
+    var boundingSphere = tileset.boundingSphere;
+    viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius * 2));
+    viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
+});
+
+Cesium.knockout.getObservable(viewModel, 'height').subscribe(function(height) {
+    height = Number(height);
+    if (isNaN(height)) {
+        return;
+    }
+
+    var cartographic = Cesium.Cartographic.fromCartesian(tileset.boundingSphere.center);
+    var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
+    var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, height);
+    var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
+    tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
+});
+//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/3D Tiles Adjust Height.jpg b/Apps/Sandcastle/gallery/3D Tiles Adjust Height.jpg
new file mode 100644
index 000000000000..2a34dcd6f2ee
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Adjust Height.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles BIM.html b/Apps/Sandcastle/gallery/3D Tiles BIM.html
new file mode 100644
index 000000000000..e87706a39f3e
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles BIM.html	
@@ -0,0 +1,53 @@
+<!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="A sample BIM dataset rendered with 3D Tiles.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+// Power Plant design model provided by Bentley Systems
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : 'https://beta.cesium.com/api/assets/1459?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzNjUyM2I5Yy01YmRhLTQ0MjktOGI0Zi02MDdmYzBjMmY0MjYiLCJpZCI6NDQsImFzc2V0cyI6WzE0NTldLCJpYXQiOjE0OTkyNjQ3ODF9.SW_rwY-ic0TwQBeiweXNqFyywoxnnUBtcVjeCmDGef4'
+}));
+
+tileset.readyPromise.then(function() {
+    var boundingSphere = tileset.boundingSphere;
+    viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.5, -0.2, boundingSphere.radius * 4.0));
+    viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
+});
+//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/3D Tiles BIM.jpg b/Apps/Sandcastle/gallery/3D Tiles BIM.jpg
new file mode 100644
index 000000000000..60b6c34a7198
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles BIM.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Batch Table Hierarchy.html b/Apps/Sandcastle/gallery/3D Tiles Batch Table Hierarchy.html
index 2bbd03a82163..13252ef12ec6 100644
--- a/Apps/Sandcastle/gallery/3D Tiles Batch Table Hierarchy.html	
+++ b/Apps/Sandcastle/gallery/3D Tiles Batch Table Hierarchy.html	
@@ -29,7 +29,7 @@
     'use strict';
 //Sandcastle_Begin
 
-// In this demo doorknobs, doors, roofs, and walls are styled via the batch table hierarchy.
+// Doorknobs, doors, roofs, and walls are styled with the batch table hierarchy.
 // Since buildings and zones are not backed by geometry they are not styled directly. However
 // styles may be written that take building and zone properties into account.
 //
@@ -82,17 +82,11 @@
 //     * doorknob_name
 
 var viewer = new Cesium.Viewer('cesiumContainer');
-viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
-var inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;
-
 viewer.clock.currentTime = new Cesium.JulianDate(2457522.154792);
 
-var scene = viewer.scene;
-var url = '../../../Specs/Data/Cesium3DTiles/Hierarchy/BatchTableHierarchy';
-var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({
-    url : url
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : '../../../Specs/Data/Cesium3DTiles/Hierarchy/BatchTableHierarchy'
 }));
-inspectorViewModel.tileset = tileset;
 
 tileset.readyPromise.then(function() {
     var boundingSphere = tileset.boundingSphere;
@@ -185,33 +179,28 @@
 
 // When a feature is left clicked, print its class name and properties
 handler.setInputAction(function(movement) {
-    if (!inspectorViewModel.picking) {
+    var feature = viewer.scene.pick(movement.position);
+    if (!Cesium.defined(feature)) {
         return;
     }
-
-    var feature = inspectorViewModel.feature;
-    if (Cesium.defined(feature)) {
-        console.log('Class: ' + feature.getExactClassName());
-        console.log('Properties:');
-        var propertyNames = feature.getPropertyNames();
-        var length = propertyNames.length;
-        for (var i = 0; i < length; ++i) {
-            var name = propertyNames[i];
-            var value = feature.getProperty(name);
-            console.log('  ' + name + ': ' + value);
-        }
+    console.log('Class: ' + feature.getExactClassName());
+    console.log('Properties:');
+    var propertyNames = feature.getPropertyNames();
+    var length = propertyNames.length;
+    for (var i = 0; i < length; ++i) {
+        var name = propertyNames[i];
+        var value = feature.getProperty(name);
+        console.log('  ' + name + ': ' + value);
     }
 }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
 
 // When a feature is middle clicked, hide it
 handler.setInputAction(function(movement) {
-    if (!inspectorViewModel.picking) {
+    var feature = viewer.scene.pick(movement.position);
+    if (!Cesium.defined(feature)) {
         return;
     }
-
-    if (Cesium.defined(inspectorViewModel.feature)) {
-        inspectorViewModel.feature.show = false;
-    }
+    feature.show = false;
 }, Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
 
 //Sandcastle_End
diff --git a/Apps/Sandcastle/gallery/3D Tiles Feature Picking.html b/Apps/Sandcastle/gallery/3D Tiles Feature Picking.html
new file mode 100644
index 000000000000..2a3997d385b0
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Feature Picking.html	
@@ -0,0 +1,161 @@
+<!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="Pick features in a 3D Tiles tileset.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+// A simple demo of 3D Tiles feature picking with hover and select behavior
+// Building data courtesy of NYC OpenData portal: http://www1.nyc.gov/site/doitt/initiatives/3d-building.page
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+// Set the initial camera view to look at Manhattan
+var initialPosition = Cesium.Cartesian3.fromDegrees(-74.01881302800248, 40.69114333714821, 753);
+var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);
+viewer.scene.camera.setView({
+    destination: initialPosition,
+    orientation: initialOrientation,
+    endTransform: Cesium.Matrix4.IDENTITY
+});
+
+// Load the NYC buildings tileset
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url: 'https://beta.cesium.com/api/assets/1461?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkYWJmM2MzNS02OWM5LTQ3OWItYjEyYS0xZmNlODM5ZDNkMTYiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjFdLCJpYXQiOjE0OTkyNjQ3NDN9.vuR75SqPDKcggvUrG_vpx0Av02jdiAxnnB1fNf-9f7s'
+}));
+
+// HTML overlay for showing feature name on mouseover
+var nameOverlay = document.createElement('div');
+viewer.container.appendChild(nameOverlay);
+nameOverlay.className = 'backdrop';
+nameOverlay.style.display = 'none';
+nameOverlay.style.position = 'absolute';
+nameOverlay.style.bottom = '0';
+nameOverlay.style.left = '0';
+nameOverlay.style['pointer-events'] = 'none';
+nameOverlay.style.padding = '4px';
+nameOverlay.style.backgroundColor = 'black';
+
+// Information about the currently selected feature
+var selected = {
+    feature: undefined,
+    originalColor: new Cesium.Color()
+};
+
+// Information about the currently highlighted feature
+var highlighted = {
+    feature: undefined,
+    originalColor: new Cesium.Color()
+};
+
+// An entity object which will hold info about the currently selected feature for infobox display
+var selectedEntity = new Cesium.Entity();
+
+// Color a feature yellow on hover.
+viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) {
+    // If a feature was previously highlighted, undo the highlight
+    if (Cesium.defined(highlighted.feature)) {
+        highlighted.feature.color = highlighted.originalColor;
+        highlighted.feature = undefined;
+    }
+
+    // Pick a new feature
+    var pickedFeature = viewer.scene.pick(movement.endPosition);
+    if (!Cesium.defined(pickedFeature)) {
+        nameOverlay.style.display = 'none';
+        return;
+    }
+
+    // A feature was picked, so show it's overlay content
+    nameOverlay.style.display = 'block';
+    nameOverlay.style.bottom = viewer.canvas.clientHeight - movement.endPosition.y + 'px';
+    nameOverlay.style.left = movement.endPosition.x + 'px';
+    var name = pickedFeature.getProperty('name');
+    if (!Cesium.defined(name)) {
+        name = pickedFeature.getProperty('id');
+    }
+    nameOverlay.textContent = name;
+
+    // Highlight the feature if it's not already selected.
+    if (pickedFeature !== selected.feature) {
+        highlighted.feature = pickedFeature;
+        Cesium.Color.clone(pickedFeature.color, highlighted.originalColor);
+        pickedFeature.color = Cesium.Color.YELLOW;
+    }
+}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+// Color a feature on selection and show metadata in the InfoBox.
+var clickHandler = viewer.screenSpaceEventHandler.getInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
+    // If a feature was previously selected, undo the highlight
+    if (Cesium.defined(selected.feature)) {
+        selected.feature.color = selected.originalColor;
+        selected.feature = undefined;
+    }
+
+    // Pick a new feature
+    var pickedFeature = viewer.scene.pick(movement.position);
+    if (!Cesium.defined(pickedFeature)) {
+        clickHandler(movement);
+        return;
+    }
+
+    // Select the feature if it's not already selected
+    if (selected.feature === pickedFeature) {
+        return;
+    }
+    selected.feature = pickedFeature;
+
+    // Save the selected feature's original color
+    if (pickedFeature === highlighted.feature) {
+        Cesium.Color.clone(highlighted.originalColor, selected.originalColor);
+        highlighted.feature = undefined;
+    } else {
+        Cesium.Color.clone(pickedFeature.color, selected.originalColor);
+    }
+
+    // Highlight newly selected feature
+    pickedFeature.color = Cesium.Color.LIME;
+
+    // Set feature infobox description
+    var featureName = pickedFeature.getProperty('name');
+    selectedEntity.name = featureName;
+    selectedEntity.description = 'Loading <div class="cesium-infoBox-loading"></div>';
+    viewer.selectedEntity = selectedEntity;
+    selectedEntity.description = '<table class="cesium-infoBox-defaultTable"><tbody>' +
+                                 '<tr><th>BIN</th><td>' + pickedFeature.getProperty('BIN') + '</td></tr>' +
+                                 '<tr><th>DOITT ID</th><td>' + pickedFeature.getProperty('DOITT_ID') + '</td></tr>' +
+                                 '<tr><th>SOURCE ID</th><td>' + pickedFeature.getProperty('SOURCE_ID') + '</td></tr>' +
+                                 '</tbody></table>';
+}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+//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/3D Tiles Feature Picking.jpg b/Apps/Sandcastle/gallery/3D Tiles Feature Picking.jpg
new file mode 100644
index 000000000000..58b906feac90
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Feature Picking.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Feature Styling.html b/Apps/Sandcastle/gallery/3D Tiles Feature Styling.html
new file mode 100644
index 000000000000..ebecd503e3e9
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Feature Styling.html	
@@ -0,0 +1,162 @@
+<!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="Interactive 3D Tiles styling.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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
+// A demo of interactive 3D Tiles styling
+// Styling language Documentation: https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/Styling
+// Building data courtesy of NYC OpenData portal: http://www1.nyc.gov/site/doitt/initiatives/3d-building.page
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+// Set the initial camera view to look at Manhattan
+var initialPosition = Cesium.Cartesian3.fromDegrees(-74.01881302800248, 40.69114333714821, 753);
+var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);
+viewer.scene.camera.setView({
+    destination: initialPosition,
+    orientation: initialOrientation,
+    endTransform: Cesium.Matrix4.IDENTITY
+});
+
+// Load the NYC buildings tileset.
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url: 'https://beta.cesium.com/api/assets/1461?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkYWJmM2MzNS02OWM5LTQ3OWItYjEyYS0xZmNlODM5ZDNkMTYiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjFdLCJpYXQiOjE0OTkyNjQ3NDN9.vuR75SqPDKcggvUrG_vpx0Av02jdiAxnnB1fNf-9f7s'
+}));
+
+// Color buildings based on their height.
+function colorByHeight() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        color: {
+            conditions: [
+                ["${height} >= 300", "rgba(45, 0, 75, 0.5)"],
+                ["${height} >= 200", "rgb(102, 71, 151)"],
+                ["${height} >= 100", "rgb(170, 162, 204)"],
+                ["${height} >= 50", "rgb(224, 226, 238)"],
+                ["${height} >= 25", "rgb(252, 230, 200)"],
+                ["${height} >= 10", "rgb(248, 176, 87)"],
+                ["${height} >= 5", "rgb(198, 106, 11)"],
+                ["true", "rgb(127, 59, 8)"]
+            ]
+        }
+    });
+}
+
+// Color buildings by their total area.
+function colorByArea() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        color: "mix(color('yellow'), color('red'), min(${area} / 10000.0, 1.0))"
+    });
+}
+
+// Color buildings by their latitude coordinate.
+function colorByLatitude() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        color: {
+            conditions: [
+                ["${latitude} >= 0.7125", "color('purple')"],
+                ["${latitude} >= 0.712", "color('red')"],
+                ["${latitude} >= 0.7115", "color('orange')"],
+                ["${latitude} >= 0.711", "color('yellow')"],
+                ["${latitude} >= 0.7105", "color('lime')"],
+                ["${latitude} >= 0.710", "color('cyan')"],
+                ["true", "color('blue')"]
+            ]
+        }
+    });
+}
+
+// Color buildings by distance from a landmark.
+function colorByDistance() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        defines : {
+            distance : "distance(vec2(${longitude}, ${latitude}), vec2(-1.291777521, 0.7105706624))"
+        },
+        color : {
+            conditions : [
+                ["${distance} > 0.0002", "color('gray')"],
+                ["true", "mix(color('yellow'), color('green'), ${distance} / 0.0002)"]
+            ]
+        }
+    });
+}
+
+// Color buildings with a '3' in their name.
+function colorByNameRegex() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        color : "(regExp('3').test(${name})) ? color('cyan', 0.9) : color('purple', 0.1)"
+    });
+}
+
+// Show only buildings greater than 200 meters in height.
+function hideByHeight() {
+    tileset.style = new Cesium.Cesium3DTileStyle({
+        show : "${height} > 200"
+    });
+}
+
+Sandcastle.addToolbarMenu([{
+    text : 'Color By Height',
+    onselect : function() {
+        colorByHeight();
+    }
+}, {
+    text : 'Color By Area',
+    onselect : function() {
+        colorByArea();
+    }
+}, {
+    text : 'Color By Latitude',
+    onselect : function() {
+        colorByLatitude();
+    }
+}, {
+    text : 'Color By Distance',
+    onselect : function() {
+        colorByDistance();
+    }
+}, {
+    text : 'Color By Name Regex',
+    onselect : function() {
+        colorByNameRegex();
+    }
+}, {
+    text : 'Hide By Height',
+    onselect : function() {
+        hideByHeight();
+    }
+}]);
+
+//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/3D Tiles Feature Styling.jpg b/Apps/Sandcastle/gallery/3D Tiles Feature Styling.jpg
new file mode 100644
index 000000000000..90c37da1b2d8
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Feature Styling.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles.html b/Apps/Sandcastle/gallery/3D Tiles Formats.html
similarity index 57%
rename from Apps/Sandcastle/gallery/3D Tiles.html
rename to Apps/Sandcastle/gallery/3D Tiles Formats.html
index 39427cc36075..960ab825fc5e 100644
--- a/Apps/Sandcastle/gallery/3D Tiles.html	
+++ b/Apps/Sandcastle/gallery/3D Tiles Formats.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="Interact with sample 3D Tiles tilesets.">
+    <meta name="description" content="Showcase of different 3D Tiles formats.">
     <meta name="cesium-sandcastle-labels" content="3D Tiles">
     <title>Cesium Demo</title>
     <script type="text/javascript" src="../Sandcastle-header.js"></script>
@@ -19,33 +19,17 @@
 <body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html">
 <style>
     @import url(../templates/bucket.css);
-    #toolbar {
-        background: rgba(42, 42, 42, 0.8);
-        padding: 4px;
-        border-radius: 4px;
-    }
-    #toolbar .header {
-        font-weight: bold;
-        padding-top: 5px;
-        padding-bottom: 5px;
-    }
 </style>
 <div id="cesiumContainer" class="fullSize"></div>
 <div id="loadingOverlay"><h1>Loading...</h1></div>
 <div id="toolbar">
     <select data-bind="options: tilesets, optionsText: 'name', value: selectedTileset, optionsCaption: 'Choose a Tileset...'"></select>
-    <div><input type="checkbox" data-bind="checked: shadows" /> Shadows</div>
-    <div class="header">Right click action:</div>
-    <div><input type="radio" value='zoom' data-bind="checked: rightClickAction" />Zoom to feature</div>
-    <div><input type="radio" value='annotate' data-bind="checked: rightClickAction" />Annotate</div>
-    <div class="header">Middle click action:</div>
-    <div><input type="radio" value='hide' data-bind="checked: middleClickAction" />Hide feature</div>
+    <div><input type="checkbox" data-bind="checked: shadows"> Shadows</div>
 </div>
 <script id="cesium_sandcastle_script">
 function startup(Cesium) {
     'use strict';
 //Sandcastle_Begin
-
 var viewer = new Cesium.Viewer('cesiumContainer', {
     shadows : true
 });
@@ -55,10 +39,6 @@
 viewer.clock.currentTime = new Cesium.JulianDate(2457522.154792);
 
 var scene = viewer.scene;
-scene.pickTranslucentDepth = true;
-
-var annotations = scene.primitives.add(new Cesium.LabelCollection());
-
 var tileset;
 
 var viewModel = {
@@ -105,9 +85,7 @@
         }
     ],
     selectedTileset: undefined,
-    shadows: true,
-    rightClickAction: 'zoom',
-    middleClickAction: 'hide'
+    shadows: true
 };
 
 Cesium.knockout.track(viewModel);
@@ -121,7 +99,6 @@
 
 Cesium.knockout.getObservable(viewModel, 'selectedTileset').subscribe(function(options) {
     if (Cesium.defined(tileset)) {
-        annotations.removeAll();
         scene.primitives.remove(tileset);
     }
     if (!Cesium.defined(options)) {
@@ -152,12 +129,11 @@
                         ["${Height} >= 1", "color('cyan')"],
                         ["true", "color('blue')"]
                     ]
-                },
-                meta: {
-                    description: "'Building id ${id} has height ${Height}.'"
                 }
             });
         }
+    }).otherwise(function(error) {
+        throw(error);
     });
 });
 
@@ -174,103 +150,15 @@
             var propertyName = propertyNames[i];
             console.log(propertyName + ': ' + feature.getProperty(propertyName));
         }
-
-        // evaluate feature description
-        if (Cesium.defined(tileset.style)) {
-            if (Cesium.defined(tileset.style.meta.description)) {
-                console.log('Description : ' + tileset.style.meta.description.evaluate(scene.frameState, feature));
-            }
-        }
     }
 }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
 
 handler.setInputAction(function(movement) {
-    var action = viewModel.rightClickAction;
-    if (action === 'annotate') {
-        // Add annotation showing the height at the click location
-        annotate(movement);
-    } else if (action === 'zoom') {
-        // When a feature is right clicked, zoom to it
-        zoom(movement);
-    }
-}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
-
-handler.setInputAction(function(movement) {
-    var action = viewModel.middleClickAction;
-    if (action === 'hide') {
-        var feature = inspectorViewModel.feature;
-        if (Cesium.defined(feature)) {
-            feature.show = false;
-        }
-    }
-}, Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
-
-function annotate(movement) {
-    if (Cesium.defined(inspectorViewModel.feature) && scene.pickPositionSupported) {
-        var cartesian = scene.pickPosition(movement.position);
-        var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
-        var height = cartographic.height.toFixed(2) + ' m';
-
-        annotations.add({
-            position : cartesian,
-            text : height,
-            horizontalOrigin : Cesium.HorizontalOrigin.LEFT,
-            verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
-            eyeOffset : new Cesium.Cartesian3(0.0, 0.0, -1.0)
-        });
-    }
-}
-
-function offsetFromHeadingPitchRange(heading, pitch, range) {
-    pitch = Cesium.Math.clamp(pitch, -Cesium.Math.PI_OVER_TWO, Cesium.Math.PI_OVER_TWO);
-    heading = Cesium.Math.zeroToTwoPi(heading) - Cesium.Math.PI_OVER_TWO;
-
-    var pitchQuat = Cesium.Quaternion.fromAxisAngle(Cesium.Cartesian3.UNIT_Y, -pitch);
-    var headingQuat = Cesium.Quaternion.fromAxisAngle(Cesium.Cartesian3.UNIT_Z, -heading);
-    var rotQuat = Cesium.Quaternion.multiply(headingQuat, pitchQuat, headingQuat);
-    var rotMatrix = Cesium.Matrix3.fromQuaternion(rotQuat);
-
-    var offset = Cesium.Cartesian3.clone(Cesium.Cartesian3.UNIT_X);
-    Cesium.Matrix3.multiplyByVector(rotMatrix, offset, offset);
-    Cesium.Cartesian3.negate(offset, offset);
-    Cesium.Cartesian3.multiplyByScalar(offset, range, offset);
-    return offset;
-}
-
-function zoom(movement) {
     var feature = inspectorViewModel.feature;
     if (Cesium.defined(feature)) {
-        var longitude = feature.getProperty('Longitude');
-        var latitude = feature.getProperty('Latitude');
-        var height = feature.getProperty('Height');
-
-        if (!Cesium.defined(longitude) || !Cesium.defined(latitude) || !Cesium.defined(height)) {
-            return;
-        }
-
-        var positionCartographic = new Cesium.Cartographic(longitude, latitude, height * 0.5);
-        var position = scene.globe.ellipsoid.cartographicToCartesian(positionCartographic);
-
-        var camera = scene.camera;
-        var heading = camera.heading;
-        var pitch = camera.pitch;
-
-        var offset = offsetFromHeadingPitchRange(heading, pitch, height * 2.0);
-
-        var transform = Cesium.Transforms.eastNorthUpToFixedFrame(position);
-        Cesium.Matrix4.multiplyByPoint(transform, offset, position);
-
-        camera.flyTo({
-            destination : position,
-            orientation : {
-                heading : heading,
-                pitch : pitch
-            },
-            easingFunction : Cesium.EasingFunction.QUADRATIC_OUT
-        });
+        feature.show = false;
     }
-}
-
+}, Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
 //Sandcastle_End
 Sandcastle.finishedLoading();
 }
diff --git a/Apps/Sandcastle/gallery/3D Tiles.jpg b/Apps/Sandcastle/gallery/3D Tiles Formats.jpg
similarity index 100%
rename from Apps/Sandcastle/gallery/3D Tiles.jpg
rename to Apps/Sandcastle/gallery/3D Tiles Formats.jpg
diff --git a/Apps/Sandcastle/gallery/3D Tiles Inspector.html b/Apps/Sandcastle/gallery/3D Tiles Inspector.html
new file mode 100644
index 000000000000..c212d98c1908
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Inspector.html	
@@ -0,0 +1,56 @@
+<!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="Use the 3D Tiles inspector as a debugging tool for different tilesets.">
+    <meta name="cesium-sandcastle-labels" content="3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+// Building data courtesy of NYC OpenData portal: http://www1.nyc.gov/site/doitt/initiatives/3d-building.page
+var viewer = new Cesium.Viewer('cesiumContainer');
+viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
+var inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;
+
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url: 'https://beta.cesium.com/api/assets/1461?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkYWJmM2MzNS02OWM5LTQ3OWItYjEyYS0xZmNlODM5ZDNkMTYiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjFdLCJpYXQiOjE0OTkyNjQ3NDN9.vuR75SqPDKcggvUrG_vpx0Av02jdiAxnnB1fNf-9f7s'
+}));
+inspectorViewModel.tileset = tileset;
+
+tileset.readyPromise.then(function() {
+    var boundingSphere = tileset.boundingSphere;
+    viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius / 4.0));
+    viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
+});
+//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/3D Tiles Inspector.jpg b/Apps/Sandcastle/gallery/3D Tiles Inspector.jpg
new file mode 100644
index 000000000000..b4d88422d8a3
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Inspector.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Interactivity.html b/Apps/Sandcastle/gallery/3D Tiles Interactivity.html
new file mode 100644
index 000000000000..ea23ca6d9399
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Interactivity.html	
@@ -0,0 +1,196 @@
+<!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="Interaction examples with 3D Tiles.">
+    <meta name="cesium-sandcastle-labels" content="3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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);
+    #toolbar {
+        background: rgba(42, 42, 42, 0.8);
+        padding: 4px;
+        border-radius: 4px;
+    }
+    #toolbar .header {
+        font-weight: bold;
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+</style>
+<div id="cesiumContainer" class="fullSize"></div>
+<div id="loadingOverlay"><h1>Loading...</h1></div>
+<div id="toolbar">
+    <div class="header">Right click action:</div>
+    <div><input type="radio" value="annotate" data-bind="checked: rightClickAction">Annotate</div>
+    <div><input type="radio" value="properties" data-bind="checked: rightClickAction">Print metadata</div>
+    <div><input type="radio" value="zoom" data-bind="checked: rightClickAction">Zoom to feature</div>
+    <div class="header">Middle click action:</div>
+    <div><input type="radio" value="hide" data-bind="checked: middleClickAction">Hide feature</div>
+</div>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+var viewModel = {
+    rightClickAction: 'annotate',
+    middleClickAction: 'hide'
+};
+
+Cesium.knockout.track(viewModel);
+
+var toolbar = document.getElementById('toolbar');
+Cesium.knockout.applyBindings(viewModel, toolbar);
+
+var scene = viewer.scene;
+var annotations = scene.primitives.add(new Cesium.LabelCollection());
+
+// Set the initial camera view to look at Manhattan
+var initialPosition = Cesium.Cartesian3.fromDegrees(-74.01881302800248, 40.69114333714821, 753);
+var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);
+viewer.scene.camera.setView({
+    destination: initialPosition,
+    orientation: initialOrientation,
+    endTransform: Cesium.Matrix4.IDENTITY
+});
+
+// Load the NYC buildings tileset.
+var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({
+    url: 'https://beta.cesium.com/api/assets/1461?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkYWJmM2MzNS02OWM5LTQ3OWItYjEyYS0xZmNlODM5ZDNkMTYiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjFdLCJpYXQiOjE0OTkyNjQ3NDN9.vuR75SqPDKcggvUrG_vpx0Av02jdiAxnnB1fNf-9f7s'
+}));
+
+tileset.style = new Cesium.Cesium3DTileStyle({
+    meta: {
+        description: "'Building id ${id} has height ${height}.'"
+    }
+});
+
+var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
+
+handler.setInputAction(function(movement) {
+    var feature = viewer.scene.pick(movement.position);
+    if (!Cesium.defined(feature)) {
+        return;
+    }
+
+    var action = viewModel.rightClickAction;
+    if (action === 'annotate') {
+        annotate(movement, feature);
+    } else if (action === 'properties') {
+        printProperties(movement, feature);
+    } else if (action === 'zoom') {
+        zoom(movement, feature);
+    }
+}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+
+handler.setInputAction(function(movement) {
+    var feature = viewer.scene.pick(movement.position);
+    if (!Cesium.defined(feature)) {
+        return;
+    }
+
+    var action = viewModel.middleClickAction;
+    if (action === 'hide') {
+        feature.show = false;
+    }
+}, Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
+
+function annotate(movement, feature) {
+    if (scene.pickPositionSupported) {
+        var cartesian = scene.pickPosition(movement.position);
+        var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
+        var height = cartographic.height.toFixed(2) + ' m';
+
+        annotations.add({
+            position : cartesian,
+            text : height,
+            showBackground : true,
+            font : '14px monospace',
+            horizontalOrigin : Cesium.HorizontalOrigin.LEFT,
+            verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
+            disableDepthTestDistance : Number.POSITIVE_INFINITY
+        });
+    }
+}
+
+function printProperties(movement, feature) {
+    console.log('Properties:');
+    var propertyNames = feature.getPropertyNames();
+    var length = propertyNames.length;
+    for (var i = 0; i < length; ++i) {
+        var propertyName = propertyNames[i];
+        console.log('  ' + propertyName + ': ' + feature.getProperty(propertyName));
+    }
+
+    // Evaluate feature description
+    console.log('Description : ' + tileset.style.meta.description.evaluate(scene.frameState, feature));
+}
+
+function zoom(movement, feature) {
+    var longitude = feature.getProperty('longitude');
+    var latitude = feature.getProperty('latitude');
+    var height = feature.getProperty('height');
+
+    var positionCartographic = new Cesium.Cartographic(longitude, latitude, height * 0.5);
+    var position = scene.globe.ellipsoid.cartographicToCartesian(positionCartographic);
+
+    var camera = scene.camera;
+    var heading = camera.heading;
+    var pitch = camera.pitch;
+
+    var offset = offsetFromHeadingPitchRange(heading, pitch, height * 2.0);
+
+    var transform = Cesium.Transforms.eastNorthUpToFixedFrame(position);
+    Cesium.Matrix4.multiplyByPoint(transform, offset, position);
+
+    camera.flyTo({
+        destination : position,
+        orientation : {
+            heading : heading,
+            pitch : pitch
+        },
+        easingFunction : Cesium.EasingFunction.QUADRATIC_OUT
+    });
+}
+
+function offsetFromHeadingPitchRange(heading, pitch, range) {
+    pitch = Cesium.Math.clamp(pitch, -Cesium.Math.PI_OVER_TWO, Cesium.Math.PI_OVER_TWO);
+    heading = Cesium.Math.zeroToTwoPi(heading) - Cesium.Math.PI_OVER_TWO;
+
+    var pitchQuat = Cesium.Quaternion.fromAxisAngle(Cesium.Cartesian3.UNIT_Y, -pitch);
+    var headingQuat = Cesium.Quaternion.fromAxisAngle(Cesium.Cartesian3.UNIT_Z, -heading);
+    var rotQuat = Cesium.Quaternion.multiply(headingQuat, pitchQuat, headingQuat);
+    var rotMatrix = Cesium.Matrix3.fromQuaternion(rotQuat);
+
+    var offset = Cesium.Cartesian3.clone(Cesium.Cartesian3.UNIT_X);
+    Cesium.Matrix3.multiplyByVector(rotMatrix, offset, offset);
+    Cesium.Cartesian3.negate(offset, offset);
+    Cesium.Cartesian3.multiplyByScalar(offset, range, offset);
+    return offset;
+}
+
+//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/3D Tiles Interactivity.jpg b/Apps/Sandcastle/gallery/3D Tiles Interactivity.jpg
new file mode 100644
index 000000000000..769b5f69603b
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Interactivity.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Interior.html b/Apps/Sandcastle/gallery/3D Tiles Interior.html
new file mode 100644
index 000000000000..637b347a1e9c
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Interior.html	
@@ -0,0 +1,54 @@
+<!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="A sample interior rendered with 3D Tiles.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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
+// San Miguel model created by Guillermo M. Leal Llaguno. Cleaned up and hosted by Morgan McGuire: http://graphics.cs.williams.edu/data/meshes.xml
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : 'https://beta.cesium.com/api/assets/1463?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5ZGExZTdmMS0xZjA5LTQxODAtOThmYi04MWU1YjZkMWZjNjgiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjNdLCJpYXQiOjE0OTkyNzYwNzV9.eTEtaAEBUehNIZushZQnp0On9BPRtZYS7XEWFwneSRU'
+}));
+
+var initialPosition = new Cesium.Cartesian3(-1111583.3721328347, -5855888.151574568, 2262561.444696748);
+var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(100.0, -15.0, 0.0);
+viewer.scene.camera.setView({
+    destination: initialPosition,
+    orientation: initialOrientation,
+    endTransform: Cesium.Matrix4.IDENTITY
+});
+//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/3D Tiles Interior.jpg b/Apps/Sandcastle/gallery/3D Tiles Interior.jpg
new file mode 100644
index 000000000000..ba3bd9f48ea7
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Interior.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Photogrammetry.html b/Apps/Sandcastle/gallery/3D Tiles Photogrammetry.html
new file mode 100644
index 000000000000..42e95739b13d
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Photogrammetry.html	
@@ -0,0 +1,52 @@
+<!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="A sample photgrammetry dataset rendered with 3D Tiles.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : 'https://beta.cesium.com/api/assets/1458?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxYmJiNTAxOC1lOTg5LTQzN2EtODg1OC0zMWJjM2IxNGNlYmMiLCJpZCI6NDQsImFzc2V0cyI6WzE0NThdLCJpYXQiOjE0OTkyNjM4MjB9.1WKijRa-ILkmG6utrhDWX6rDgasjD7dZv-G5ZyCmkKg'
+}));
+
+tileset.readyPromise.then(function() {
+    var boundingSphere = tileset.boundingSphere;
+    viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius));
+    viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
+});
+//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/3D Tiles Photogrammetry.jpg b/Apps/Sandcastle/gallery/3D Tiles Photogrammetry.jpg
new file mode 100644
index 000000000000..682e87cf161d
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Photogrammetry.jpg differ
diff --git a/Apps/Sandcastle/gallery/3D Tiles Point Cloud Styling.html b/Apps/Sandcastle/gallery/3D Tiles Point Cloud Styling.html
index 6829e5da9e55..614c9563a6d2 100644
--- a/Apps/Sandcastle/gallery/3D Tiles Point Cloud Styling.html	
+++ b/Apps/Sandcastle/gallery/3D Tiles Point Cloud Styling.html	
@@ -30,22 +30,20 @@
 //Sandcastle_Begin
 
 var viewer = new Cesium.Viewer('cesiumContainer');
-viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
-var inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;
 
 viewer.clock.currentTime = new Cesium.JulianDate(2457522.154792);
 
 var scene = viewer.scene;
-var url = '../../../Specs/Data/Cesium3DTiles/PointCloud/PointCloudWithPerPointProperties/';
 var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({
-    url : url
+    url : '../../../Specs/Data/Cesium3DTiles/PointCloud/PointCloudWithPerPointProperties/'
 }));
-inspectorViewModel.tileset = tileset;
 
 tileset.readyPromise.then(function() {
     var boundingSphere = tileset.boundingSphere;
     viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -1.0, 50.0));
     viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
 });
 
 var styles = [];
diff --git a/Apps/Sandcastle/gallery/3D Tiles Point Cloud.html b/Apps/Sandcastle/gallery/3D Tiles Point Cloud.html
new file mode 100644
index 000000000000..1c8ebe13c6aa
--- /dev/null
+++ b/Apps/Sandcastle/gallery/3D Tiles Point Cloud.html	
@@ -0,0 +1,53 @@
+<!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="A sample point cloud dataset rendered with 3D Tiles.">
+    <meta name="cesium-sandcastle-labels" content="Showcases, 3D Tiles">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/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>
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+//Point Cloud by Prof. Peter Allen, Columbia University Robotics Lab. Scanning by Alejandro Troccoli and Matei Ciocarlie.
+var viewer = new Cesium.Viewer('cesiumContainer');
+
+var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    url : 'https://beta.cesium.com/api/assets/1460?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMzk2YzJiOS1jZGFmLTRlZmYtYmQ4MS00NTA3NjEwMzViZTkiLCJpZCI6NDQsImFzc2V0cyI6WzE0NjBdLCJpYXQiOjE0OTkyNjQ3NTV9.oWjvN52CRQ-dk3xtvD4e8ZnOHZhoWSpJLlw115mbQJM'
+}));
+
+tileset.readyPromise.then(function() {
+    var boundingSphere = tileset.boundingSphere;
+    viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius));
+    viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+}).otherwise(function(error) {
+    throw(error);
+});
+//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/3D Tiles Point Cloud.jpg b/Apps/Sandcastle/gallery/3D Tiles Point Cloud.jpg
new file mode 100644
index 000000000000..7142aeddc1f9
Binary files /dev/null and b/Apps/Sandcastle/gallery/3D Tiles Point Cloud.jpg differ
