Update viewer.js

viewer.js

@@ -154,6 +154,43 @@ export async function initializeViewer(config, instanceId) {
     if (assets.glb && assets.glb.resource && assets.glb.resource.instantiateRenderEntity) {
       const glbEntity = assets.glb.resource.instantiateRenderEntity();
       app.root.addChild(glbEntity);
+
+      // set material : 
+      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.gloss = 1;
+      matTransparent.metalness = 0;
+      matTransparent.useMetalness = true;
+      matTransparent.useDynamicRefraction = true;
+      matTransparent.depthWrite = true;
+      matTransparent.refraction= 0.8;
+      matTransparent.refractionIndex = 1;
+      matTransparent.thickness = 0.02;
+      matTransparent.thicknessMap = thickness;
+      matTransparent.opacityMap = op;
+      matTransparent.opacityMapChannel = "r";
+      matTransparent.opacity = 0.97;
+      matTransparent.emissive = new pc.Color(0.372, 0.03, 0.003);
+      matTransparent.emissiveMap = ao;
+      matTransparent.emissiveIntensity = 0.1;
+      matTransparent.update();
+
+      function traverse(entity, callback) {
+        callback(entity);
+        if (entity.children) {
+          entity.children.forEach(child => traverse(child, callback));
+        }
+      }
+
+      traverse(glbEntity, node => {
+        if (node.render && node.render.meshInstances) {
+          for (let mi of node.render.meshInstances) {
+            mi.material = matOpaque;
+          }
+        }
+      });
     }
 
     cameraEntity = new pc.Entity('camera');