Update viewer.js

viewer.js

@@ -11,7 +11,7 @@ let viewerInitialized = false;
 let resizeObserver = null;
 
 // These will hold references to the material(s) you want to update.
-let matOpaque = null;
+let matTransparent = null;
 let matTransparent = null;
 let tubeEmit = null;
 
@@ -210,50 +210,36 @@ export async function initializeViewer(config, instanceId) {
 
 
       //the 2 materials for the main model : 
-      matOpaque = new pc.StandardMaterial();
+      matTransparent = new pc.StandardMaterial();
       const ao = assets.ao_map.resource;
       const op = assets.op_map.resource;
       const thickness = assets.thickness_map.resource;
-      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.useMetalness = true;
-      matOpaque.useDynamicRefraction = true;
-      matOpaque.refraction= 0.8;
-      matOpaque.refractionIndex = 1;
-      matOpaque.thickness = 30;
-      matOpaque.thicknessMap = thickness;
-      matOpaque.opacityMap = op;
-      matOpaque.opacityMapChannel = "r";
-      matOpaque.opacity = 0.9;
-      matOpaque.emissive = new pc.Color(0.372, 0.03, 0.003);
-      matOpaque.emissiveMap = ao;
-      matOpaque.emissiveIntensity = 0.1;
-      matOpaque.update();
-
-
-      /*matTransparent = new pc.StandardMaterial();
-      matTransparent.diffuse.set(1, 1, 1, 1);
       matTransparent.blendType = pc.BLEND_NORMAL;
-      matTransparent.useDynamicRefraction = false;
-      matTransparent.depthWrite = true;
-      matTransparent.ior = 5;
-      matTransparent.transmission = 0;
-      matTransparent.thickness = 2;
-      matTransparent.opacity = 0.92;
-      matTransparent.update();*/
+      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.opacityMap = op;
+      matTransparent.opacityMapChannel = "r";
+      matTransparent.opacity = 0.9;
+      matTransparent.emissive = new pc.Color(0.372, 0.03, 0.003);
+      matTransparent.emissiveMap = ao;
+      matTransparent.emissiveIntensity = 0.1;
+      matTransparent.update();
+
+
 
       //material for the tube
       tubeEmit = new pc.StandardMaterial();
       tubeEmit.emissive = new pc.Color(1, 1, 1);
       tubeEmit.emissiveIntensity = 2;
-      //tubeEmit.blendType = pc.BLEND_NORMAL;
-      //tubeEmit.useDynamicRefraction = false;
-      //tubeEmit.depthWrite = false;
-      //tubeEmit.thickness = 0.2;
       tubeEmit.opacity = 0.8;
       tubeEmit.update()
       
@@ -261,7 +247,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 = matOpaque;
+            mi.material = matTransparent;
           }
         }
       });
@@ -417,11 +403,11 @@ export function resetViewerCamera() {
  * r,g,b are floats [0,1]. This is a reusable function for new colors.
  */
 export function changeColor(dr, dg, db, a, er, eg, eb) {
-  // Wait until matOpaque is loaded (null before model load).
-  if (!matOpaque) return;
+  // Wait until matTransparent is loaded (null before model load).
+  if (!matTransparent) return;
 
-  matOpaque.diffuse.set(dr, dg, db);
-  matOpaque.emissive.set(er, eg, eb);
-  matOpaque.opacity = a;
-  matOpaque.update();
+  matTransparent.diffuse.set(dr, dg, db);
+  matTransparent.emissive.set(er, eg, eb);
+  matTransparent.opacity = a;
+  matTransparent.update();
 }