modelo · nxddsnc · Dec 6, 2019 · Oct 10, 2019 · Oct 12, 2019 · Oct 15, 2019
diff --git a/index.html b/index.html
@@ -207,7 +207,6 @@ <h1>Modelo API Samples</h1>
             "View": [
                 //"local-model",
                 "model-viewer",
-                "multi-model-viewer",
                 "model-compare-viewer",                
                 "360-image-viewer",
                 "360-multiple-images",
@@ -224,8 +223,7 @@ <h1>Modelo API Samples</h1>
                 "dump-screen",
                 "guid",
                 "camera-manipulation",
-                "set-elements-color",
-                "set-elements-visiblity",
+                "set-elements-color-and-visibility",
                 "change-elements-material",
                 "switch-camera-type",
                 "html-labels",

diff --git a/samples/multi-model-viewer/index.html b/samples/multi-model-viewer/index.html
diff --git a/samples/multi-model-viewer/index.js b/samples/multi-model-viewer/index.js
diff --git a/samples/set-elements-color/index.html → ...-elements-color-and-visibility/index.html b/samples/set-elements-color/index.html → ...-elements-color-and-visibility/index.html
@@ -71,6 +71,8 @@
       <button type="button" class="ui button red" id="red">Red</button>
       <button type="button" class="ui button green" id="green">Green</button>
       <button type="button" class="ui button blue" id="blue">Blue</button>
+      <button type="button" class="ui button white" id="hide">Hide</button>
+      <button type="button" class="ui button white" id="show">Show</button>
     </div>
     <div class="wrapper-right">
       <label id="progress">Loading: 0</label>

diff --git a/samples/set-elements-color/index.js → ...et-elements-color-and-visibility/index.js b/samples/set-elements-color/index.js → ...et-elements-color-and-visibility/index.js
@@ -1,5 +1,6 @@
 var modelId = "q8ZjpB8a";
 var appToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MTUzLCJ1c2VybmFtZSI6Ik1vZGVsbyIsImlzUGVybWFuZW50Ijp0cnVlLCJpYXQiOjE1Njc1NjI0MTksImV4cCI6MzMxMDM1NjI0MTl9.EbW_cSPca4kWLedgNtfrGguog_o-3CCM5WhM7fFi0GA" // A sample app token
+var HiddenElements = [];
 
 Modelo.init({ endpoint: "https://build-portal.modeloapp.com", appToken });
 
@@ -27,9 +28,9 @@ viewer.loadModel(modelId, updateProgress).then(() => {
   let elementNames = [];
   viewer.getEventEmitter().on("onElementSelected", elementNames1 => {
     // Restore the element's colors.
-    if (elementNames.length !== 0) {
+    /*if (elementNames.length !== 0) {
       viewer.getScene().setElementsColor(elementNames, null);
-    }
+    }*/
 
     elementNames = elementNames1;
     if (elementNames1.length === 0) {
@@ -42,6 +43,7 @@ viewer.loadModel(modelId, updateProgress).then(() => {
   document.getElementById("default").onclick = function() {
     viewer.getScene().setElementsColor(elementNames, null);
   };
+
   document.getElementById("red").onclick = function() {
     viewer.getScene().setElementsColor(elementNames, [1, 0, 0]);
   };
@@ -51,4 +53,13 @@ viewer.loadModel(modelId, updateProgress).then(() => {
   document.getElementById("blue").onclick = function() {
     viewer.getScene().setElementsColor(elementNames, [0, 0, 1]);
   };
+  document.getElementById("hide").onclick = function() {
+    HiddenElements.push(elementNames);
+    viewer.getScene().setElementsVisibility(elementNames, false);
+  };
+  document.getElementById("show").onclick = function() {
+    HiddenElements.forEach(element => {
+      viewer.getScene().setElementsVisibility(element, true);
+    });
+  };
 });
diff --git a/samples/set-elements-visiblity/index.html b/samples/set-elements-visiblity/index.html
diff --git a/samples/set-elements-visiblity/index.js b/samples/set-elements-visiblity/index.js