Update viewer.js

viewer.js

@@ -36,7 +36,6 @@ function hexToRgbaArray(hex) {
   }
 }
 
-
 // ----- Utility: Recursive scene traversal -----
 function traverse(entity, callback) {
     callback(entity);
@@ -45,6 +44,24 @@ function traverse(entity, callback) {
     }
 }
 
+async function loadImageAsTexture(url, app) {
+    return new Promise((resolve, reject) => {
+        const img = new window.Image();
+        img.crossOrigin = "anonymous";
+        img.onload = function() {
+            const tex = new pc.Texture(app.graphicsDevice, {
+                width: img.width,
+                height: img.height,
+                format: pc.PIXELFORMAT_R8_G8_B8_A8,
+            });
+            tex.setSource(img);
+            resolve(tex);
+        };
+        img.onerror = reject;
+        img.src = url;
+    });
+}
+
 let pc;
 export let app = null;
 let cameraEntity = null;
@@ -219,7 +236,7 @@ export async function initializeViewer(config, instanceId) {
     app.root.addChild(presentoirEntity);
 
     if(!espace_expo_bool){
-      //const grilleTex  = await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/viewer_gs/resolve/main/ressources/textures/grille_cadrillee_4k.jpg', app);
+      const grilleTex  = await loadImageAsTexture('https://huggingface.co/datasets/MikaFil/viewer_gs/resolve/main/ressources/textures/grille_cadrillee_4k.jpg', app);
       let matSol = new pc.StandardMaterial();
       matSol.blendType = pc.BLEND_NONE;
       matSol.emissive = new pc.Color(color_bg);