Update viewer.js

viewer.js

@@ -151,6 +151,7 @@ export async function initializeViewer(config, instanceId) {
     const opTex       = await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/3D_models/resolve/main/EARCARE/textures/op_map_1k.png', app);
     const thicknessTex= await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/3D_models/resolve/main/EARCARE/textures/thickness_map_1k.png', app);
     const bgTex       = await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/3D_models/resolve/main/EARCARE/images/banniere_earcare.png', app);
+    const opTubetex   = await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/3D_models/resolve/main/EARCARE/textures/op_mask_tube.png', app);
 
     // ----- GLB asset definition -----
     const assets = {
@@ -230,6 +231,8 @@ export async function initializeViewer(config, instanceId) {
         tubeTransparent = new pc.StandardMaterial();
         tubeTransparent.diffuse = new pc.Color(1, 1, 1);
         tubeTransparent.blendType = pc.BLEND_NORMAL;
+        tubeTransparent.opacityMap = opTubetex;
+        tubeTransparent.opacityMapChannel = "r";
         tubeTransparent.opacity = 0.05;                         
         tubeTransparent.depthTest = false;
         tubeTransparent.depthWrite = false;