Update viewer_ar_ios.js

viewer_ar_ios.js

@@ -1,89 +1,75 @@
+<!-- viewer_ar_ios.js -->
+<script>
 /* viewer_ar_ios.js — AR PlayCanvas + GLB/USDZ via config.json
    - Lit config.json (data-config) => { "glb_url": "...", "usdz_url": "..." }
-   - iOS : AR Quick Look (USDZ) avec #allowsContentScaling=0 (pas de zoom) + bouton “Lancer l’AR”
+   - iOS : AR Quick Look (USDZ) sans zoom, **ouverture directe via <a rel="ar">**
    - Android/Desktop : WebXR AR (plans HORIZONTAUX uniquement) + slider yaw + blob shadow
-   - Message de démarrage centré & plus grand sur iOS ET Android
+   - Message de démarrage centré & plus grand (iOS ET Android)
    - Éclairage PBR par défaut (sans WebXR light estimation)
    - Monté dans un conteneur choisi (data-mount="#ar-mount") pour Squarespace
 */
 
 (function () {
-  // ============ Utils: script tag / config / platform ============
+  // ===================== Utilitaires: script/config/plateforme =====================
   function getCurrentScript() {
-    // Robuste même si document.currentScript n'est pas dispo
     return document.currentScript || (function () {
       var scripts = document.getElementsByTagName('script');
       return scripts[scripts.length - 1] || null;
     })();
   }
-
   function findConfigUrl() {
     var el = getCurrentScript();
     if (!el) return null;
     var url = el.getAttribute('data-config');
     return url || null;
   }
-
   function isIOS() {
     return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
   }
-
   function timeout(ms) {
-    return new Promise(function (_res, rej) {
-      setTimeout(function () { rej(new Error("timeout")); }, ms);
-    });
+    return new Promise(function (_res, rej) { setTimeout(function () { rej(new Error("timeout")); }, ms); });
   }
-
   async function loadConfigJson(url) {
     if (!url) return null;
     try {
       var resp = await fetch(url, { cache: 'no-store' });
       if (!resp.ok) throw new Error("HTTP " + resp.status);
-      var json = await resp.json();
-      return json;
+      return await resp.json();
     } catch (e) {
       console.error("Erreur chargement config.json:", e);
       return null;
     }
   }
 
-  // ============ PlayCanvas version fixée (Android/Desktop) ============
+  // ===================== PlayCanvas (Android/Desktop) =====================
   var PC_VERSION = "2.11.7";
   var PC_URLS = {
     esm: ["https://cdn.jsdelivr.net/npm/playcanvas@" + PC_VERSION + "/build/playcanvas.min.mjs"],
     umd: ["https://cdn.jsdelivr.net/npm/playcanvas@" + PC_VERSION + "/build/playcanvas.min.js"]
   };
-
   async function loadPlayCanvasRobust(opts) {
     opts = opts || {};
     var esmFirst = (typeof opts.esmFirst === "boolean") ? opts.esmFirst : true;
     var loadTimeoutMs = (typeof opts.loadTimeoutMs === "number") ? opts.loadTimeoutMs : 15000;
-
     if (window.pc && window.pc.Application) return window.pc;
 
     async function tryESM() {
       for (var i = 0; i < PC_URLS.esm.length; i++) {
-        var url = PC_URLS.esm[i];
         try {
-          var mod = await Promise.race([import(/* @vite-ignore */ url), timeout(loadTimeoutMs)]);
+          var mod = await Promise.race([import(/* @vite-ignore */ PC_URLS.esm[i]), timeout(loadTimeoutMs)]);
           var ns = (mod && (mod.pc || mod["default"])) || mod;
-          if (ns && ns.Application) {
-            if (!window.pc) window.pc = ns;
-            return window.pc;
-          }
-        } catch (_e) { /* continue */ }
+          if (ns && ns.Application) { if (!window.pc) window.pc = ns; return window.pc; }
+        } catch (_e) {}
       }
       throw new Error("ESM failed");
     }
-
     async function tryUMD() {
       for (var j = 0; j < PC_URLS.umd.length; j++) {
-        var url2 = PC_URLS.umd[j];
         try {
           await Promise.race([
             new Promise(function (res, rej) {
               var s = document.createElement("script");
-              s.src = url2;
+              s.src = PC_URLS.umd[j];
               s.async = true;
               s.onload = function () { res(); };
               s.onerror = function () { rej(new Error("script error")); };
@@ -92,11 +78,10 @@
             timeout(loadTimeoutMs)
           ]);
           if (window.pc && window.pc.Application) return window.pc;
-        } catch (_e) { /* continue */ }
+        } catch (_e) {}
       }
       throw new Error("UMD failed");
     }
-
     try {
       if (esmFirst) return await tryESM();
       return await tryUMD();
@@ -106,23 +91,23 @@
     }
   }
 
-  // ============ UI / Overlay commun ============
-  // Style minimal intégré : toasts, message centré, bouton “Lancer l’AR” (iOS & Android).
+  // ===================== UI / Overlay (styles minimaux intégrés) =====================
   var css = [
-    /* Toast (bas) */
+    /* Toast en bas */
     ".pc-ar-msg{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:10002;padding:10px 14px;background:rgba(0,0,0,.65);color:#fff;border-radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.3;text-align:center;max-width:min(90vw,640px);box-shadow:0 6px 20px rgba(0,0,0,.25);backdrop-filter:blur(4px);pointer-events:none}",
-    /* Variante centrée + plus grande pour le message “Modèle chargé …” */
+    /* Variante centrée & plus grande (message de démarrage) */
     ".pc-ar-msg.pc-ar-msg--centerBig{top:50%;bottom:auto;transform:translate(-50%,-50%);font-size:18px;padding:14px 18px;max-width:min(90vw,720px)}",
 
-    /* Bouton “Lancer l’AR” */
+    "#xr-overlay-root{position:fixed;inset:0;z-index:10001;pointer-events:none}",
+
+    /* Bouton Android/Desktop (optionnel si tu veux un bouton aussi hors-iOS) */
     "#ar-launch-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:72px;z-index:10003;pointer-events:auto;appearance:none;border:none;border-radius:14px;padding:12px 18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;color:#fff;background:rgba(0,0,0,0.85);box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}",
     "#ar-launch-btn:active{transform:translateX(-50%) scale(0.98)}",
     "#ar-launch-btn:disabled{opacity:.5;cursor:not-allowed}",
 
-    /* Ancre Quick Look cachée (iOS) */
-    "#ios-quicklook-anchor{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}",
-
-    "#xr-overlay-root{position:fixed;inset:0;z-index:10001;pointer-events:none}",
+    /* Lien Quick Look iOS — visuel type bouton */
+    "a.ar-launch-link{position:fixed;left:50%;transform:translateX(-50%);bottom:72px;z-index:10003;pointer-events:auto;display:inline-block;text-decoration:none;text-align:center;border-radius:14px;padding:12px 18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;color:#fff;background:rgba(0,0,0,0.85);box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}",
+    "a.ar-launch-link:active{transform:translateX(-50%) scale(0.98)}",
 
     /* --- NE PAS MODIFIER : panneau Rotation (WebXR) --- */
     ".ar-ui{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.55);color:#fff;padding:12px 10px;border-radius:16px;width:56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(6px);touch-action:none}",
@@ -139,37 +124,25 @@
 
   function ensureOverlayRoot() {
     var r = document.getElementById("xr-overlay-root");
-    if (!r) {
-      r = document.createElement("div");
-      r.id = "xr-overlay-root";
-      document.body.appendChild(r);
-    }
+    if (!r) { r = document.createElement("div"); r.id = "xr-overlay-root"; document.body.appendChild(r); }
     return r;
   }
   var overlayRoot = ensureOverlayRoot();
 
-  // ------ Système de message : toast (bas) OU centré agrandi ------
+  // --------- Système de messages : toast bas OU centre agrandi ----------
   function getMessageEl() {
     var el = overlayRoot.querySelector(".pc-ar-msg");
-    if (!el) {
-      el = document.createElement("div");
-      el.className = "pc-ar-msg";
-      overlayRoot.appendChild(el);
-    }
+    if (!el) { el = document.createElement("div"); el.className = "pc-ar-msg"; overlayRoot.appendChild(el); }
     return el;
   }
-  function messageToast(text) {
-    var el = getMessageEl();
-    el.classList.remove("pc-ar-msg--centerBig");
-    el.textContent = text;
+  function messageToast(txt) {
+    var el = getMessageEl(); el.classList.remove("pc-ar-msg--centerBig"); el.textContent = txt;
   }
-  function messageCenterBig(text) {
-    var el = getMessageEl();
-    el.classList.add("pc-ar-msg--centerBig");
-    el.textContent = text;
+  function messageCenterBig(txt) {
+    var el = getMessageEl(); el.classList.add("pc-ar-msg--centerBig"); el.textContent = txt;
   }
 
-  // iOS Quick Look URL (empêche le pinch to scale)
+  // ===================== iOS Quick Look helpers =====================
   function buildQuickLookHref(usdzUrl) {
     try {
       var u = new URL(usdzUrl, window.location.href);
@@ -182,92 +155,49 @@
       return usdzUrl + (usdzUrl.indexOf('#') >= 0 ? '&' : '#') + 'allowsContentScaling=0';
     }
   }
-
-  // Bouton “Lancer l’AR” (visible) + ancre Quick Look (cachée) pour iOS
-  function ensureIOSLaunchUI(usdzUrl) {
-    // Ancre cachée qui déclenche Quick Look
-    var anchor = document.getElementById("ios-quicklook-anchor");
-    if (!anchor) {
-      anchor = document.createElement("a");
-      anchor.id = "ios-quicklook-anchor";
-      anchor.setAttribute("rel", "ar");
-      document.body.appendChild(anchor);
-    }
-    if (usdzUrl) anchor.setAttribute("href", buildQuickLookHref(usdzUrl));
-
-    // Bouton visible “Lancer l’AR”
-    var btn = document.getElementById("ar-launch-btn");
-    if (!btn) {
-      btn = document.createElement("button");
-      btn.id = "ar-launch-btn";
-      btn.type = "button";
-      btn.textContent = "Lancer l’AR";
-      // Évite la propagation d’events vers la scène
-      btn.addEventListener("pointerdown", function (e) { e.stopPropagation(); }, { passive: true });
-      btn.addEventListener("click", function (e) { e.stopPropagation(); }, false);
-      document.body.appendChild(btn);
+  // Affiche une **ancre visible** rel="ar" (obligatoire pour ouverture directe)
+  function ensureIOSQuickLookLink(usdzUrl) {
+    var link = document.getElementById("ar-launch-link");
+    if (!link) {
+      link = document.createElement("a");
+      link.id = "ar-launch-link";
+      link.className = "ar-launch-link";
+      link.setAttribute("rel", "ar");
+      link.textContent = "Lancer l’AR";
+      document.body.appendChild(link);
     }
-
-    // Clic => simulateur de clic sur l’ancre rel="ar"
-    btn.onclick = function (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      if (anchor && anchor.href) anchor.click();
-    };
-
-    return { btn: btn, anchor: anchor };
+    link.setAttribute("href", buildQuickLookHref(usdzUrl));
+    return link;
   }
 
-  // ============ Canvas monté dans un conteneur contrôlé (Squarespace) ============
+  // ===================== Canvas monté dans un conteneur (Squarespace ok) =====================
   function ensureCanvas() {
     var scriptEl = getCurrentScript();
     var mountSel = scriptEl && scriptEl.getAttribute('data-mount');
     var desiredHeight = (scriptEl && scriptEl.getAttribute('data-height')) || '70vh';
 
-    // Trouve le conteneur cible
     var mountEl = null;
     if (mountSel) mountEl = document.querySelector(mountSel);
-    if (!mountEl) {
-      // fallback : tout en haut du body (pour éviter "sous le footer")
-      mountEl = document.createElement('div');
-      mountEl.id = 'ar-mount-fallback';
-      document.body.insertBefore(mountEl, document.body.firstChild);
-    }
+    if (!mountEl) { mountEl = document.createElement('div'); mountEl.id = 'ar-mount-fallback'; document.body.insertBefore(mountEl, document.body.firstChild); }
 
-    // Style du conteneur
-    var mountStyle = mountEl.style;
-    if (!mountStyle.position) mountStyle.position = 'relative';
-    mountStyle.width = mountStyle.width || '100%';
-    mountStyle.minHeight = mountStyle.minHeight || desiredHeight;
-    mountStyle.touchAction = mountStyle.touchAction || 'manipulation';
-    mountStyle.webkitTapHighlightColor = 'transparent';
+    var ms = mountEl.style;
+    if (!ms.position) ms.position = 'relative';
+    ms.width = ms.width || '100%';
+    ms.minHeight = ms.minHeight || desiredHeight;
+    ms.touchAction = ms.touchAction || 'manipulation';
+    ms.webkitTapHighlightColor = 'transparent';
 
-    // Réutilise ou crée le canvas
     var canvas = mountEl.querySelector('#application-canvas');
-    if (!canvas) {
-      canvas = document.createElement('canvas');
-      canvas.id = 'application-canvas';
-      mountEl.appendChild(canvas);
-    }
+    if (!canvas) { canvas = document.createElement('canvas'); canvas.id = 'application-canvas'; mountEl.appendChild(canvas); }
 
-    // Le canvas remplit le conteneur
     var cs = canvas.style;
-    cs.position = 'absolute';
-    cs.left = '0';
-    cs.top = '0';
-    cs.width = '100%';
-    cs.height = '100%';
-    cs.display = 'block';
-
-    // Optionnel : ramener le viewport sur le viewer
-    try {
-      mountEl.scrollIntoView({ behavior: 'instant', block: 'start' });
-    } catch (_e) {}
+    cs.position = 'absolute'; cs.left = '0'; cs.top = '0'; cs.width = '100%'; cs.height = '100%'; cs.display = 'block';
 
+    try { mountEl.scrollIntoView({ behavior: 'instant', block: 'start' }); } catch (_e) {}
     return canvas;
   }
 
-  // ---------- Panneau “Rotation” (inchangé pour WebXR) ----------
+  // ---------- Panneau “Rotation” (inchangé) ----------
   function ensureSliderUI() {
     var p = overlayRoot.querySelector(".ar-ui");
     if (p) return p;
@@ -285,23 +215,19 @@
     return p;
   }
 
-  // ============ Boot : charge config, branche iOS vs Android/Desktop ============
+  // ===================== Boot : charge config, iOS vs Android/Desktop =====================
   (async function () {
     var cfgUrl = findConfigUrl();
     var cfg = await loadConfigJson(cfgUrl);
     var GLB_URL = (cfg && typeof cfg.glb_url === "string" && cfg.glb_url)
       ? cfg.glb_url
       : "https://huggingface.co/datasets/MikaFil/viewer_gs/resolve/main/AR/tests/danae_no_metallic.glb";
-    var USDZ_URL = (cfg && typeof cfg.usdz_url === "string" && cfg.usdz_url)
-      ? cfg.usdz_url
-      : null;
+    var USDZ_URL = (cfg && typeof cfg.usdz_url === "string" && cfg.usdz_url) ? cfg.usdz_url : null;
 
-    // --------- iOS : Quick Look + message centré + bouton “Lancer l’AR” ---------
+    // ---- iOS : Quick Look via lien <a rel="ar"> (ouverture directe) ----
     if (isIOS()) {
       if (USDZ_URL) {
-        // UI iOS (ancre rel=ar + bouton visible)
-        ensureIOSLaunchUI(USDZ_URL);
-        // Message de démarrage centré et plus grand (même UX que WebXR)
+        ensureIOSQuickLookLink(USDZ_URL);
         messageCenterBig("Modèle chargé. Appuyez sur « Lancer l’AR » pour démarrer.");
       } else {
         messageToast("iOS détecté, mais aucun 'usdz_url' dans config.json.");
@@ -309,7 +235,7 @@
       return;
     }
 
-    // --------- Android / Desktop : WebXR ---------
+    // ---- Android/Desktop : WebXR ----
     try {
       await loadPlayCanvasRobust({ esmFirst: true, loadTimeoutMs: 15000 });
     } catch (e) {
@@ -320,11 +246,10 @@
     initARApp(GLB_URL);
   })();
 
-  // ============ App Android/Desktop (WebXR) ============
+  // ===================== App WebXR (Android/Desktop) =====================
   function initARApp(GLB_URL) {
     var pc = window.pc;
 
-    // Canvas + UI
     var canvas = ensureCanvas();
     var sliderPanel = ensureSliderUI();
     var rotTrack = sliderPanel.querySelector("#ar-rotY-wrap");
@@ -334,7 +259,6 @@
 
     window.focus();
 
-    // --- Application PlayCanvas ---
     var app = new pc.Application(canvas, {
       mouse: new pc.Mouse(canvas),
       touch: new pc.TouchDevice(canvas),
@@ -350,13 +274,13 @@
     app.on("destroy", function () { window.removeEventListener("resize", onResize); });
     app.start();
 
-    // --- Rendu / PBR defaults ---
+    // Rendu / PBR par défaut
     app.scene.gammaCorrection = pc.GAMMA_SRGB;
     app.scene.toneMapping = pc.TONEMAP_ACES;
     app.scene.exposure = 1;
     app.scene.ambientLight = new pc.Color(1, 1, 1);
 
-    // --- Caméra + lumière directionnelle ---
+    // Caméra + lumière
     var camera = new pc.Entity("Camera");
     camera.addComponent("camera", { clearColor: new pc.Color(0, 0, 0, 0), farClip: 10000 });
     app.root.addChild(camera);
@@ -366,61 +290,47 @@
     mainLight.setLocalEulerAngles(45, 30, 0);
     app.root.addChild(mainLight);
 
-    // --- Réticule ---
+    // Réticule
     var reticleMat = new pc.StandardMaterial();
     reticleMat.diffuse = new pc.Color(0.2, 0.8, 1.0);
     reticleMat.opacity = 0.85;
     reticleMat.blendType = pc.BLEND_NORMAL;
     reticleMat.update();
-
     var reticle = new pc.Entity("Reticle");
     reticle.addComponent("render", { type: "torus", material: reticleMat });
     reticle.setLocalScale(0.12, 0.005, 0.12);
     reticle.enabled = false;
     app.root.addChild(reticle);
 
-    // --- Conteneur modèle ---
+    // Modèle
     var modelRoot = new pc.Entity("ModelRoot");
     modelRoot.enabled = false;
     app.root.addChild(modelRoot);
 
-    var modelLoaded = false;
-    var placedOnce = false;
+    var modelLoaded = false, placedOnce = false;
 
-    // ===== Ombre de contact “blob” =====
+    // Ombre de contact (blob)
     var blobShadowEntity = null;
-    var BLOB_SIZE = 0.4;
-    var BLOB_OFFSET_Y = 0.005;
+    var BLOB_SIZE = 0.4, BLOB_OFFSET_Y = 0.005;
 
     function makeBlobTexture(appRef, size) {
       var s = size || 256;
-      var cvs = document.createElement('canvas');
-      cvs.width = cvs.height = s;
+      var cvs = document.createElement('canvas'); cvs.width = cvs.height = s;
       var ctx = cvs.getContext('2d');
       var r = s * 0.45;
-      var grd = ctx.createRadialGradient(s / 2, s / 2, r * 0.2, s / 2, s / 2, r);
-      grd.addColorStop(0, 'rgba(0,0,0,0.5)');
-      grd.addColorStop(1, 'rgba(0,0,0,0.0)');
-      ctx.fillStyle = grd;
-      ctx.fillRect(0, 0, s, s);
-
+      var grd = ctx.createRadialGradient(s/2, s/2, r*0.2, s/2, s/2, r);
+      grd.addColorStop(0, 'rgba(0,0,0,0.5)'); grd.addColorStop(1, 'rgba(0,0,0,0)');
+      ctx.fillStyle = grd; ctx.fillRect(0,0,s,s);
       var tex = new pc.Texture(appRef.graphicsDevice, {
-        width: s,
-        height: s,
-        format: pc.PIXELFORMAT_R8_G8_B8_A8,
-        mipmaps: true,
-        magFilter: pc.FILTER_LINEAR,
-        minFilter: pc.FILTER_LINEAR_MIPMAP_LINEAR
+        width: s, height: s, format: pc.PIXELFORMAT_R8_G8_B8_A8,
+        mipmaps: true, magFilter: pc.FILTER_LINEAR, minFilter: pc.FILTER_LINEAR_MIPMAP_LINEAR
       });
-      tex.setSource(cvs);
-      return tex;
+      tex.setSource(cvs); return tex;
     }
-
     function createBlobShadowAt(pos, rot) {
       var tex = makeBlobTexture(app, 256);
-
       var blobMat = new pc.StandardMaterial();
-      blobMat.diffuse = new pc.Color(0, 0, 0);
+      blobMat.diffuse = new pc.Color(0,0,0);
       blobMat.opacity = 1.0;
       blobMat.opacityMap = tex;
       blobMat.opacityMapChannel = 'a';
@@ -429,27 +339,20 @@
       blobMat.depthWrite = false;
       blobMat.alphaTest = 0;
       blobMat.update();
-
       var e = new pc.Entity("BlobShadow");
       e.addComponent("render", { type: "plane", castShadows: false, receiveShadows: false });
       e.render.material = blobMat;
-
       e.setPosition(pos.x, pos.y + BLOB_OFFSET_Y, pos.z);
       e.setRotation(rot);
       e.setLocalScale(BLOB_SIZE, 1, BLOB_SIZE);
-
       app.root.addChild(e);
       return e;
     }
 
-    // Euler de base (évite inversions)
-    var baseEulerX = 0;
-    var baseEulerZ = 0;
-
-    // Rotation via slider (0..360, 360 en haut / 0 en bas)
+    // Euler de base & rotation slider
+    var baseEulerX = 0, baseEulerZ = 0;
     var rotationYDeg = 0;
     function clamp360(d) { return Math.max(0, Math.min(360, d)); }
-
     function updateKnobFromY(yDeg) {
       var t = 1 - (yDeg / 360);
       rotThumb.style.top = String(t * 100) + "%";
@@ -462,31 +365,25 @@
       modelRoot.setEulerAngles(baseEulerX, y, baseEulerZ);
       updateKnobFromY(y);
     }
-
     function updateBlobPositionUnder(pos, rotLikePlane) {
       if (!blobShadowEntity) return;
       blobShadowEntity.setPosition(pos.x, pos.y + BLOB_OFFSET_Y, pos.z);
       if (rotLikePlane) blobShadowEntity.setRotation(rotLikePlane);
     }
 
-    // Chargement GLB (depuis config.json)
+    // Chargement GLB
     app.assets.loadFromUrl(GLB_URL, "container", function (err, asset) {
       if (err) { console.error(err); messageToast("Échec du chargement du modèle GLB."); return; }
       var instance = asset.resource.instantiateRenderEntity({ castShadows: true, receiveShadows: false });
       modelRoot.addChild(instance);
-      modelRoot.setLocalScale(1, 1, 1);
+      modelRoot.setLocalScale(1,1,1);
 
-      // Fix matériaux simples
       var renders = instance.findComponents('render');
       for (var ri = 0; ri < renders.length; ri++) {
-        var r = renders[ri];
-        r.castShadows = true;
+        var r = renders[ri]; r.castShadows = true;
         for (var mi = 0; mi < r.meshInstances.length; mi++) {
-          var mat = r.meshInstances[mi].material;
-          if (!mat) continue;
-          if (mat.diffuse && (mat.diffuse.r !== 1 || mat.diffuse.g !== 1 || mat.diffuse.b !== 1)) {
-            mat.diffuse.set(1, 1, 1);
-          }
+          var mat = r.meshInstances[mi].material; if (!mat) continue;
+          if (mat.diffuse && (mat.diffuse.r !== 1 || mat.diffuse.g !== 1 || mat.diffuse.b !== 1)) mat.diffuse.set(1,1,1);
           if (typeof mat.useSkybox !== "undefined") mat.useSkybox = true;
           mat.update();
         }
@@ -496,62 +393,45 @@
       baseEulerX = initE.x; baseEulerZ = initE.z;
 
       modelLoaded = true;
-      // Message de démarrage centré & plus grand (même UX que iOS)
       messageCenterBig("Modèle chargé. Touchez l’écran pour démarrer l’AR.");
     });
 
     if (!app.xr.supported) { messageToast("WebXR n’est pas supporté sur cet appareil."); return; }
 
-    // ---------- Slider fiable (pointer events en capture) ----------
-    var isUIInteracting = false;
-    var isTrackDragging = false;
-    var activePointerId = null;
-
+    // Slider robuste (pointer events capture)
+    var isUIInteracting = false, isTrackDragging = false, activePointerId = null;
     function insideTrack(target) { return rotTrack.contains(target); }
     function degFromPointer(e) {
       var rect = rotTrack.getBoundingClientRect();
       var y = (e.clientY != null) ? e.clientY : ((e.touches && e.touches[0] && e.touches[0].clientY) || 0);
-      var ratio = (y - rect.top) / rect.height;
-      var t = Math.max(0, Math.min(1, ratio));
-      return (1 - t) * 360; // 360 en haut, 0 en bas
+      var ratio = (y - rect.top) / rect.height; var t = Math.max(0, Math.min(1, ratio));
+      return (1 - t) * 360;
     }
-
     function onPointerDownCapture(e) {
       if (!insideTrack(e.target)) return;
-      isUIInteracting = true;
-      isTrackDragging = true;
+      isUIInteracting = true; isTrackDragging = true;
       activePointerId = (e.pointerId != null) ? e.pointerId : 1;
-      if (rotTrack.setPointerCapture) {
-        try { rotTrack.setPointerCapture(activePointerId); } catch (_er) {}
-      }
+      if (rotTrack.setPointerCapture) { try { rotTrack.setPointerCapture(activePointerId); } catch (_er) {} }
       applyRotationY(degFromPointer(e));
-      e.preventDefault();
-      e.stopPropagation();
+      e.preventDefault(); e.stopPropagation();
     }
     function onPointerMoveCapture(e) {
       if (!isTrackDragging || ((e.pointerId != null ? e.pointerId : 1) !== activePointerId)) return;
       applyRotationY(degFromPointer(e));
-      e.preventDefault();
-      e.stopPropagation();
+      e.preventDefault(); e.stopPropagation();
     }
     function endDrag(e) {
       if (!isTrackDragging || ((e.pointerId != null ? e.pointerId : 1) !== activePointerId)) return;
-      isTrackDragging = false;
-      isUIInteracting = false;
-      if (rotTrack.releasePointerCapture) {
-        try { rotTrack.releasePointerCapture(activePointerId); } catch (_er) {}
-      }
-      activePointerId = null;
-      e.preventDefault();
-      e.stopPropagation();
+      isTrackDragging = false; isUIInteracting = false;
+      if (rotTrack.releasePointerCapture) { try { rotTrack.releasePointerCapture(activePointerId); } catch (_er) {} }
+      activePointerId = null; e.preventDefault(); e.stopPropagation();
     }
-
     document.addEventListener("pointerdown", onPointerDownCapture, { capture: true, passive: false });
     document.addEventListener("pointermove", onPointerMoveCapture, { capture: true, passive: false });
     document.addEventListener("pointerup", endDrag, { capture: true, passive: false });
     document.addEventListener("pointercancel", endDrag, { capture: true, passive: false });
 
-    // --- Démarrage AR (tap écran)
+    // Démarrage AR (tap écran)
     function activateAR() {
       if (!app.xr.isAvailable(pc.XRTYPE_AR)) { messageToast("AR immersive indisponible sur cet appareil."); return; }
       if (!app.xr.domOverlay) app.xr.domOverlay = {};
@@ -560,34 +440,26 @@
         requiredFeatures: ["hit-test", "dom-overlay"],
         domOverlay: { root: app.xr.domOverlay.root },
         callback: function (err) {
-          if (err) {
-            console.error("Échec du démarrage AR :", err);
-            messageToast("Échec du démarrage AR : " + (err.message || err));
-          }
+          if (err) { console.error("Échec du démarrage AR :", err); messageToast("Échec du démarrage AR : " + (err.message || err)); }
         }
       });
     }
-    // Tap écran → démarre l'AR (si pas sur le slider)
     app.mouse.on("mousedown", function () { if (!app.xr.active && !isUIInteracting) activateAR(); });
     if (app.touch) {
       app.touch.on("touchend", function (evt) {
         if (!app.xr.active && !isUIInteracting) activateAR();
-        evt.event.preventDefault();
-        evt.event.stopPropagation();
+        evt.event.preventDefault(); evt.event.stopPropagation();
       });
     }
     app.keyboard.on("keydown", function (evt) { if (evt.key === pc.KEY_ESCAPE && app.xr.active) app.xr.end(); });
 
     // Hit-test HORIZONTAL uniquement
-    var TMP_IN = new pc.Vec3(0, 1, 0);
-    var TMP_OUT = new pc.Vec3();
+    var TMP_IN = new pc.Vec3(0,1,0), TMP_OUT = new pc.Vec3();
     function isHorizontalUpFacing(rot, minDot) {
       var md = (typeof minDot === "number") ? minDot : 0.75;
       rot.transformVector(TMP_IN, TMP_OUT);
-      return TMP_OUT.y >= md; // normale proche de +Y
+      return TMP_OUT.y >= md;
     }
-
-    // Hit Test global
     app.xr.hitTest.on("available", function () {
       app.xr.hitTest.start({
         entityTypes: [pc.XRTRACKABLE_POINT, pc.XRTRACKABLE_PLANE],
@@ -595,27 +467,16 @@
           if (err) { messageToast("Le AR hit test n’a pas pu démarrer."); return; }
           hitSource.on("result", function (pos, rot) {
             if (!isHorizontalUpFacing(rot)) return;
-
-            reticle.enabled = true;
-            reticle.setPosition(pos);
-            reticle.setRotation(rot);
+            reticle.enabled = true; reticle.setPosition(pos); reticle.setRotation(rot);
 
             if (modelLoaded && !placedOnce) {
-              modelRoot.enabled = true;
-              modelRoot.setPosition(pos);
-
-              // Ombre de contact
+              modelRoot.enabled = true; modelRoot.setPosition(pos);
               blobShadowEntity = createBlobShadowAt(pos, rot);
 
-              var e = new pc.Vec3();
-              rot.getEulerAngles(e);
-              var y0 = ((e.y % 360) + 360) % 360;
-              applyRotationY(y0);
+              var e = new pc.Vec3(); rot.getEulerAngles(e);
+              var y0 = ((e.y % 360) + 360) % 360; applyRotationY(y0);
 
-              placedOnce = true;
-              rotRangeInput.disabled = false;
-
-              // Après placement, toasts bas classiques
+              placedOnce = true; rotRangeInput.disabled = false;
               messageToast("Objet placé. Glissez pour déplacer, tournez-le avec le slider →");
             }
           });
@@ -623,26 +484,22 @@
       });
     });
 
-    // Déplacement XR (drag) — ignoré si UI active
+    // Drag XR — ignoré si UI active
     var isModelDragging = false;
     app.xr.input.on("add", function (inputSource) {
       inputSource.on("selectstart", function () {
         if (isUIInteracting) return;
         if (!placedOnce || !modelLoaded) return;
-
         inputSource.hitTestStart({
           entityTypes: [pc.XRTRACKABLE_POINT, pc.XRTRACKABLE_PLANE],
           callback: function (err, transientSource) {
             if (err) return;
             isModelDragging = true;
-
             transientSource.on("result", function (pos, rot) {
               if (!isModelDragging) return;
               if (!isHorizontalUpFacing(rot)) return;
-              modelRoot.setPosition(pos);
-              updateBlobPositionUnder(pos, rot);
+              modelRoot.setPosition(pos); updateBlobPositionUnder(pos, rot);
             });
-
             transientSource.once("remove", function () { isModelDragging = false; });
           }
         });
@@ -650,55 +507,40 @@
       inputSource.on("selectend", function () { isModelDragging = false; });
     });
 
-    // Desktop : rotation souris (ignore si UI)
-    var isRotateMode = false;
-    var lastMouseX = 0;
+    // Desktop : rotation souris
+    var isRotateMode = false, lastMouseX = 0;
     var ROTATE_SENSITIVITY = 0.25;
     app.mouse.on("mousedown", function (e) {
       if (!app.xr.active || !placedOnce || isUIInteracting) return;
-      if (e.button === 0 && !e.shiftKey) {
-        isModelDragging = true;
-      } else if (e.button === 2 || (e.button === 0 && e.shiftKey)) {
-        isRotateMode = true;
-        lastMouseX = e.x;
-      }
+      if (e.button === 0 && !e.shiftKey) { isModelDragging = true; }
+      else if (e.button === 2 || (e.button === 0 && e.shiftKey)) { isRotateMode = true; lastMouseX = e.x; }
     });
     app.mouse.on("mousemove", function (e) {
       if (!app.xr.active || !placedOnce || isUIInteracting) return;
       if (isModelDragging) {
         if (reticle.enabled) {
-          var p = reticle.getPosition();
-          modelRoot.setPosition(p);
-          updateBlobPositionUnder(p, null);
+          var p = reticle.getPosition(); modelRoot.setPosition(p); updateBlobPositionUnder(p, null);
         }
       } else if (isRotateMode && modelRoot.enabled) {
-        var dx = e.x - lastMouseX;
-        lastMouseX = e.x;
+        var dx = e.x - lastMouseX; lastMouseX = e.x;
         applyRotationY(rotationYDeg + dx * ROTATE_SENSITIVITY);
       }
     });
     app.mouse.on("mouseup", function () { isModelDragging = false; isRotateMode = false; });
     window.addEventListener("contextmenu", function (e) { e.preventDefault(); });
 
-    // Slider (accessibilité clavier)
+    // Slider (input range, accessibilité)
     rotRangeInput.disabled = true;
     rotRangeInput.addEventListener("input", function (e) {
       if (!modelRoot.enabled) return;
-      var v = parseFloat(e.target.value || "0");
-      applyRotationY(v);
+      var v = parseFloat(e.target.value || "0"); applyRotationY(v);
     }, { passive: true });
 
-    // AR events
-    app.xr.on("start", function () {
-      messageToast("Session AR démarrée. Visez le sol pour détecter un plan…");
-      reticle.enabled = true;
-    });
+    // Événements AR
+    app.xr.on("start", function () { messageToast("Session AR démarrée. Visez le sol pour détecter un plan…"); reticle.enabled = true; });
     app.xr.on("end", function () {
       messageToast("Session AR terminée.");
-      reticle.enabled = false;
-      isModelDragging = false;
-      isRotateMode = false;
-      rotRangeInput.disabled = true;
+      reticle.enabled = false; isModelDragging = false; isRotateMode = false; rotRangeInput.disabled = true;
     });
     app.xr.on("available:" + pc.XRTYPE_AR, function (a) {
       if (!a) messageToast("AR immersive indisponible.");
@@ -711,3 +553,4 @@
     else messageToast("Chargement du modèle…");
   }
 })();
+</script>