Update viewer.js

viewer.js

@@ -13,7 +13,7 @@ let resizeObserver = null;
 // These will hold references to the material(s) you want to update.
 let matTransparent = null;
 let matOpaque = null;
-let tubeEmit = null;
+let tubeTransparent = null;
 
 
 let chosenCameraX, chosenCameraY, chosenCameraZ;
@@ -260,17 +260,24 @@ export async function initializeViewer(config, instanceId) {
 
 
       //material for the tube
-      tubeEmit = new pc.StandardMaterial();
-      tubeEmit.diffuse = new pc.Color(1, 1, 1);
-      tubeEmit.blendType = pc.BLEND_NORMAL;
-      tubeEmit.opacity = 0.1;                         
-      tubeEmit.depthTest = true;
-      tubeEmit.depthWrite = false;
-      tubeEmit.useMetalness = false;
-      tubeEmit.useDynamicRefraction = true;
-      tubeEmit.thickness = 0.04;
-      tubeEmit.update();
+        //transparent
+      tubeTransparent = new pc.StandardMaterial();
+      tubeTransparent.diffuse = new pc.Color(1, 1, 1);
+      tubeTransparent.blendType = pc.BLEND_NORMAL;
+      tubeTransparent.opacity = 0.1;                         
+      tubeTransparent.depthTest = true;
+      tubeTransparent.depthWrite = false;
+      tubeTransparent.useMetalness = true;
+      tubeTransparent.useDynamicRefraction = true;
+      tubeTransparent.thickness = 0.04;
+      tubeTransparent.update();
       
+
+        //opaque
+      tubeOpaque = new pc.StandardMaterial();
+      tubeOpaque.diffuse = new pc.Color(1, 1, 1);
+      tubeOpaque.opacity = 0.9;                         
+      tubeOpaque.update();
       
       traverse(modelEntity, node => {
         if (node.render && node.render.meshInstances) {
@@ -284,7 +291,7 @@ export async function initializeViewer(config, instanceId) {
       traverse(tubeEntity, node => {
         if (node.render && node.render.meshInstances) {
           for (let mi of node.render.meshInstances) {
-            mi.material = tubeEmit;
+            mi.material = tubeOpaque;
           }
         }
       });
@@ -476,6 +483,14 @@ export function changeColor(dr, dg, db, er, eg, eb, boolTrans) {
             }
         }
     });
+
+    traverse(tubeEntity, node => {
+        if (node.render && node.render.meshInstances) {
+            for (let mi of node.render.meshInstances) {
+                mi.material = tubeTransparent;
+            }
+        }
+    });
   }else{
     if (!matOpaque) return;
 
@@ -490,5 +505,13 @@ export function changeColor(dr, dg, db, er, eg, eb, boolTrans) {
             }
         }
     });
+
+    traverse(tubeEntity, node => {
+        if (node.render && node.render.meshInstances) {
+            for (let mi of node.render.meshInstances) {
+                mi.material = tubeOpaque;
+            }
+        }
+    });
   }
 }