3d Tiles Inspector

Apps/Sandcastle/gallery/3D Tiles Batch Table Hierarchy.html

@@ -82,12 +82,15 @@
 //     * doorknob_name
 
 var viewer = new Cesium.Viewer('cesiumContainer');
+viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
+var inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;
 
 var scene = viewer.scene;
 var tilesetUrl = '../../../Specs/Data/Cesium3DTiles/Hierarchy/BatchTableHierarchy';
 var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({
     url : tilesetUrl
 }));
+inspectorViewModel.tileset = tileset;
 
 function zoomToTileset() {
     var boundingSphere = tileset.boundingSphere;
@@ -186,89 +189,13 @@
 
 var handler = new Cesium.ScreenSpaceEventHandler(canvas);
 
-var pickingEnabled = true;
-var flags = {
-    // Mouse
-    leftDown : false,
-    middleDown : false,
-    rightDown : false
-};
-
-handler.setInputAction(function(movement) {
-    flags.leftDown = true;
-}, Cesium.ScreenSpaceEventType.LEFT_DOWN);
-
-handler.setInputAction(function(movement) {
-    flags.middleDown = true;
-}, Cesium.ScreenSpaceEventType.MIDDLE_DOWN);
-
-handler.setInputAction(function(movement) {
-    flags.rightDown = true;
-}, Cesium.ScreenSpaceEventType.RIGHT_DOWN);
-
-handler.setInputAction(function(movement) {
-    flags.leftDown = false;
-}, Cesium.ScreenSpaceEventType.LEFT_UP);
-
-handler.setInputAction(function(movement) {
-    flags.middleDown = false;
-}, Cesium.ScreenSpaceEventType.MIDDLE_UP);
-
-handler.setInputAction(function(movement) {
-    flags.rightDown = false;
-}, Cesium.ScreenSpaceEventType.RIGHT_UP);
-
-var current = {
-    feature : undefined,
-    originalColor : new Cesium.Color()
-};
-
-var HIGHLIGHT_COLOR = new Cesium.Color(1.0, 1.0, 0.0, 0.4);
-
-// Highlight feature on mouse over
-handler.setInputAction(function(movement) {
-    if (scene.mode === Cesium.SceneMode.MORPHING) {
-        return;
-    }
-
-    if (!pickingEnabled) {
-        return;
-    }
-
-    if (flags.leftDown || flags.middleDown || flags.rightDown) {
-        // Don't highlight when panning and zooming
-        return;
-    }
-
-    var pickedFeature = scene.pick(movement.endPosition);
-
-    if (Cesium.defined(current.feature) && (current.feature !== pickedFeature)) {
-        // Restore original color to feature that is no longer selected
-
-        // This assignment is necessary to work with the set property
-        current.feature.color = Cesium.Color.clone(current.originalColor, current.feature.color);
-        current.feature = undefined;
-    }
-
-    if (Cesium.defined(pickedFeature) && (pickedFeature !== current.feature)) {
-        // For testing re-evaluating a style when a property changes
-        //pickedFeature.setProperty('id', 1);
-
-        current.feature = pickedFeature;
-        Cesium.Color.clone(pickedFeature.color, current.originalColor);
-
-        // Highlight newly selected feature
-        pickedFeature.color = Cesium.Color.clone(HIGHLIGHT_COLOR, pickedFeature.color);
-    }
-}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
-
 // When a feature is left clicked, print it's class name and properties
 handler.setInputAction(function(movement) {
-    if (!pickingEnabled) {
+    if (!inspectorViewModel.picking) {
         return;
     }
 
-    var feature = current.feature;
+    var feature = inspectorViewModel.feature;
     if (Cesium.defined(feature)) {
         console.log('Class: ' + feature.getExactClassName());
         console.log('Properties:');
@@ -284,12 +211,12 @@
 
 // When a feature is middle clicked, hide it
 handler.setInputAction(function(movement) {
-    if (!pickingEnabled) {
+    if (!inspectorViewModel.picking) {
         return;
     }
 
-    if (Cesium.defined(current.feature)) {
-        current.feature.show = false;
+    if (Cesium.defined(inspectorViewModel.feature)) {
+        inspectorViewModel.feature.show = false;
     }
 }, Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
 

Apps/Sandcastle/gallery/3D Tiles Point Cloud Styling.html

@@ -30,13 +30,16 @@
 //Sandcastle_Begin
 
 var viewer = new Cesium.Viewer('cesiumContainer');
+viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
+var inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;
 
 var scene = viewer.scene;
 var url = '../../../Specs/Data/Cesium3DTiles/PointCloud/PointCloudWithPerPointProperties/';
 
 var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({
     url : url
 }));
+inspectorViewModel.tileset = tileset;
 
 function zoomToTileset() {
     var boundingSphere = tileset.boundingSphere;