Update viewer.js

viewer.js

@@ -12,7 +12,7 @@ let resizeObserver = null;
 
 // These will hold references to the material(s) you want to update.
 let matTransparent = null;
-//let matTransparent = null;
+let matOpaque = null;
 let tubeEmit = null;
 
 
@@ -210,31 +210,51 @@ export async function initializeViewer(config, instanceId) {
 
 
       //the 2 materials for the main model : 
-      matTransparent = new pc.StandardMaterial();
       const ao = assets.ao_map.resource;
       const op = assets.op_map.resource;
       const thickness = assets.thickness_map.resource;
+      
+            //mat transparent
+      matTransparent = new pc.StandardMaterial();
       matTransparent.blendType = pc.BLEND_NORMAL;
       matTransparent.diffuse = new pc.Color(0.7, 0.05, 0.05);
       matTransparent.specular = new pc.Color(0.01, 0.01, 0.01);
       matTransparent.shininess = 90;
       matTransparent.gloss = 1;
       matTransparent.metalness = 0.0;
-      //matTransparent.useMetalness = true;
-      //matTransparent.useDynamicRefraction = true;
-      //matTransparent.refraction= 0.8;
-      //matTransparent.refractionIndex = 1;
-      //matTransparent.thickness = 30;
-      //matTransparent.thicknessMap = thickness;
+      matTransparent.useMetalness = true;
+      matTransparent.useDynamicRefraction = true;
+      matTransparent.refraction= 0.8;
+      matTransparent.refractionIndex = 1;
+      matTransparent.thickness = 30;
+      matTransparent.thicknessMap = thickness;
       matTransparent.opacityMap = op;
       matTransparent.opacityMapChannel = "r";
-      matTransparent.opacity = 1;
+      matTransparent.opacity = 0.9;
       matTransparent.emissive = new pc.Color(0.372, 0.03, 0.003);
       matTransparent.emissiveMap = ao;
-      matTransparent.emissiveIntensity = 3;
+      matTransparent.emissiveIntensity = 0.1;
       matTransparent.update();
 
 
+            //mat opaque
+      matOpaque = new pc.StandardMaterial();
+      matOpaque.blendType = pc.BLEND_NORMAL;
+      matOpaque.diffuse = new pc.Color(0.7, 0.05, 0.05);
+      matOpaque.specular = new pc.Color(0.01, 0.01, 0.01);
+      matOpaque.shininess = 90;
+      matOpaque.gloss = 1;
+      matOpaque.metalness = 0.0;
+      matOpaque.opacityMap = op;
+      matOpaque.opacityMapChannel = "r";
+      matOpaque.opacity = 1;
+      matOpaque.emissive = new pc.Color(0.372, 0.03, 0.003);
+      matOpaque.emissiveMap = ao;
+      matOpaque.emissiveIntensity = 3;
+      matOpaque.update();
+
+
+
 
       //material for the tube
       tubeEmit = new pc.StandardMaterial();
@@ -247,7 +267,7 @@ export async function initializeViewer(config, instanceId) {
       traverse(modelEntity, node => {
         if (node.render && node.render.meshInstances) {
           for (let mi of node.render.meshInstances) {
-            mi.material = matTransparent;
+            mi.material = matOpaque;
           }
         }
       });