Update deplacement_dans_env/viewer_pr_env.js

deplacement_dans_env/viewer_pr_env.js

@@ -72,7 +72,7 @@ async function ensureOrbitScriptsLoaded() {
 
   window.__PLY_ORBIT_LOADING__ = new Promise((resolve, reject) => {
     const s = document.createElement("script");
-    // même URL que précédemment ; le fichier a été mis à jour (bbox + no maxZoom)
+    // Script caméra libre + collisions (garde le nom public "orbitCamera")
     s.src = "https://mikafil-viewer-sgos.static.hf.space/deplacement_dans_env/ctrl_camera_pr_env.js";
     s.async = true;
     s.onload = () => {
@@ -96,8 +96,8 @@ async function ensureOrbitScriptsLoaded() {
 let pc;
 export let app = null;
 let cameraEntity = null;
-let modelEntity = null;       // gsplat principal
-let envEntity = null;         // scène GLB optionnelle (présentoir / environnement)
+let modelEntity = null; // gsplat principal (oeuvre)
+let envEntity = null;   // GLB d'environnement / présentoir
 let viewerInitialized = false;
 let resizeObserver = null;
 
@@ -114,7 +114,7 @@ let color_bg_hex, color_bg, espace_expo_bool;
 -------------------------------------------- */
 
 export async function initializeViewer(config, instanceId) {
-  // ce module ES est importé avec un param unique ?inst=..., donc 1 instance par import
+  // une seule initialisation par import
   if (viewerInitialized) return;
 
   const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
@@ -124,12 +124,10 @@ export async function initializeViewer(config, instanceId) {
   sogsUrl = config.sogs_json_url || null;
   glbUrl = config.glb_url || null;
 
-  // plus de minZoom/maxZoom dans le JSON : on expose uniquement distanceMin (défaut 1)
+  // rétro-compat minZoom => distanceMin (conservé pour compat mais non utilisé par la free cam)
   distanceMin = config.minZoom !== undefined
-    ? parseFloat(config.minZoom)                 // rétro-compat éventuelle
-    : (config.distanceMin !== undefined
-        ? parseFloat(config.distanceMin)         // si quelqu'un fournit distanceMin
-        : 1);
+    ? parseFloat(config.minZoom)
+    : (config.distanceMin !== undefined ? parseFloat(config.distanceMin) : 1);
 
   minAngle = parseFloat(config.minAngle ?? "-45");
   maxAngle = parseFloat(config.maxAngle ?? "90");
@@ -145,7 +143,7 @@ export async function initializeViewer(config, instanceId) {
   modelRotationY = config.modelRotationY !== undefined ? parseFloat(config.modelRotationY) : 0;
   modelRotationZ = config.modelRotationZ !== undefined ? parseFloat(config.modelRotationZ) : 0;
 
-  // défauts à 1 (et non 0) pour éviter l'invisibilité si le JSON n'en fournit pas
+  // défauts à 1 (et non 0) pour éviter l'invisibilité si manquants
   presentoirScaleX = config.presentoirScaleX !== undefined ? parseFloat(config.presentoirScaleX) : 1;
   presentoirScaleY = config.presentoirScaleY !== undefined ? parseFloat(config.presentoirScaleY) : 1;
   presentoirScaleZ = config.presentoirScaleZ !== undefined ? parseFloat(config.presentoirScaleZ) : 1;
@@ -182,7 +180,7 @@ export async function initializeViewer(config, instanceId) {
   canvas.setAttribute("tabindex", "0");
   viewerContainer.insertBefore(canvas, progressDialog);
 
-  // interactions de base
+  // interactions de base (éviter scroll/gestes par défaut sur le canvas)
   canvas.style.touchAction = "none";
   canvas.style.webkitTouchCallout = "none";
   canvas.addEventListener("gesturestart", (e) => e.preventDefault());
@@ -198,60 +196,33 @@ export async function initializeViewer(config, instanceId) {
   );
   canvas.addEventListener(
     "wheel",
-    (e) => {
-      e.preventDefault();
-    },
+    (e) => { e.preventDefault(); },
     { passive: false }
   );
 
   // Bloque le scroll page uniquement quand le pointeur est sur le canvas
-  const scrollKeys = new Set([
-    "ArrowUp",
-    "ArrowDown",
-    "ArrowLeft",
-    "ArrowRight",
-    "PageUp",
-    "PageDown",
-    "Home",
-    "End",
-    " ",
-    "Space",
-    "Spacebar"
-  ]);
+  const scrollKeys = new Set([ "ArrowUp","ArrowDown","ArrowLeft","ArrowRight","PageUp","PageDown","Home","End"," ","Space","Spacebar" ]);
   let isPointerOverCanvas = false;
   const focusCanvas = () => canvas.focus({ preventScroll: true });
 
-  const onPointerEnter = () => {
-    isPointerOverCanvas = true;
-    focusCanvas();
-  };
+  const onPointerEnter = () => { isPointerOverCanvas = true; focusCanvas(); };
   const onPointerLeave = () => {
     isPointerOverCanvas = false;
     if (document.activeElement === canvas) canvas.blur();
   };
-  const onCanvasBlur = () => {
-    isPointerOverCanvas = false;
-  };
+  const onCanvasBlur = () => { isPointerOverCanvas = false; };
 
   canvas.addEventListener("pointerenter", onPointerEnter);
   canvas.addEventListener("pointerleave", onPointerLeave);
   canvas.addEventListener("mouseenter", onPointerEnter);
   canvas.addEventListener("mouseleave", onPointerLeave);
   canvas.addEventListener("mousedown", focusCanvas);
-  canvas.addEventListener(
-    "touchstart",
-    () => {
-      focusCanvas();
-    },
-    { passive: false }
-  );
+  canvas.addEventListener("touchstart", () => { focusCanvas(); }, { passive: false });
   canvas.addEventListener("blur", onCanvasBlur);
 
   const onKeyDownCapture = (e) => {
     if (!isPointerOverCanvas) return;
-    if (scrollKeys.has(e.key) || scrollKeys.has(e.code)) {
-      e.preventDefault();
-    }
+    if (scrollKeys.has(e.key) || scrollKeys.has(e.code)) e.preventDefault();
   };
   window.addEventListener("keydown", onKeyDownCapture, true);
 
@@ -260,7 +231,7 @@ export async function initializeViewer(config, instanceId) {
   // --- Charge PlayCanvas lib ESM (une par module/instance) ---
   if (!pc) {
     pc = await import("https://esm.run/playcanvas");
-    window.pc = pc; // utile pour tooltips.js
+    window.pc = pc; // utile pour tooltips.js et debug
   }
 
   // --- Crée l'Application ---
@@ -276,7 +247,7 @@ export async function initializeViewer(config, instanceId) {
   opts.graphicsDevice = device;
   opts.mouse = new pc.Mouse(canvas);
   opts.touch = new pc.TouchDevice(canvas);
-  opts.keyboard = new pc.Keyboard(canvas); // clavier scoping canvas
+  opts.keyboard = new pc.Keyboard(canvas); // scoping clavier au canvas
   opts.componentSystems = [
     pc.RenderComponentSystem,
     pc.CameraComponentSystem,
@@ -305,11 +276,8 @@ export async function initializeViewer(config, instanceId) {
 
   // Nettoyage complet
   app.on("destroy", () => {
-    try {
-      resizeObserver.disconnect();
-    } catch {}
+    try { resizeObserver.disconnect(); } catch {}
     if (opts.keyboard && opts.keyboard.detach) opts.keyboard.detach();
-
     window.removeEventListener("keydown", onKeyDownCapture, true);
 
     canvas.removeEventListener("pointerenter", onPointerEnter);
@@ -323,21 +291,14 @@ export async function initializeViewer(config, instanceId) {
 
   // --- Enregistre les assets (SAUF orbit script : chargé globalement) ---
   const assets = {};
-
-  if (sogsUrl) {
-    assets.sogs = new pc.Asset("gsplat", "gsplat", { url: sogsUrl });
-  }
-
-  // Ajoute le GLB d'environnement / présentoir si fourni
-  if (glbUrl) {
-    assets.env = new pc.Asset("env", "container", { url: glbUrl });
-  }
+  if (sogsUrl) assets.sogs = new pc.Asset("gsplat", "gsplat", { url: sogsUrl });
+  if (glbUrl)  assets.env  = new pc.Asset("env",   "container", { url: glbUrl });
 
   for (const k in assets) app.assets.add(assets[k]);
 
   const loader = new pc.AssetListLoader(Object.values(assets), app.assets);
 
-  // Assure le chargement unique des scripts caméra
+  // Assure le chargement unique des scripts de caméra
   await ensureOrbitScriptsLoaded();
 
   loader.load(() => {
@@ -362,7 +323,7 @@ export async function initializeViewer(config, instanceId) {
         receiveShadows: true
       });
 
-      // Position/rotation/échelle par défaut (adaptable selon besoin)
+      // Position/rotation/échelle (adaptables)
       envEntity.setLocalPosition(0, 0, 0);
       envEntity.setLocalEulerAngles(0, 0, 0);
       envEntity.setLocalScale(presentoirScaleX, presentoirScaleY, presentoirScaleZ);
@@ -370,10 +331,13 @@ export async function initializeViewer(config, instanceId) {
       app.root.addChild(envEntity);
     }
 
-    // Fallback: si pas de gsplat, mais un env GLB existe, utiliser l'env comme focus du viewer
-    const focusEntity = modelEntity || envEntity;
+    // Entité qui sert d'ancrage visuel (lookAt) : l'oeuvre si dispo, sinon l'env
+    const focusVisual = modelEntity || envEntity;
+
+    // Racine de collision pour la free cam : l'environnement GLB de préférence
+    const collisionRoot = envEntity || modelEntity || null;
 
-    // --- Caméra + scripts d’input ---
+    // --- Caméra + scripts d’input (free cam + collisions) ---
     cameraEntity = new pc.Entity("camera");
     cameraEntity.addComponent("camera", {
       clearColor: new pc.Color(color_bg[0], color_bg[1], color_bg[2], color_bg[3]),
@@ -381,20 +345,27 @@ export async function initializeViewer(config, instanceId) {
       farClip: 100
     });
     cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
-    if (focusEntity) cameraEntity.lookAt(focusEntity.getPosition());
+    if (focusVisual) cameraEntity.lookAt(focusVisual.getPosition());
     cameraEntity.addComponent("script");
 
-    // Attributs orbitCamera — sans distanceMax, avec bbox optionnelle
+    // Prépare les attributs : les champs inconnus sont ignorés par le script
     const orbitAttrs = {
-      focusEntity: focusEntity || undefined,
+      // Collision root : active le blocage contre le GLB
+      focusEntity: collisionRoot || undefined,
+
+      // Inertie/angles (pitch clampé), yaw libre
       inertiaFactor: 0.2,
-      distanceMin: distanceMin,
       pitchAngleMax: maxAngle,
       pitchAngleMin: minAngle,
+
+      // Compat (ignorés par le free cam, mais gardés pour ne pas casser la config)
+      distanceMin: distanceMin,
       yawAngleMax: maxAzimuth,
       yawAngleMin: minAzimuth,
-      minY: minY,
-      frameOnStart: false
+      frameOnStart: false,
+
+      // Contraintes position
+      minY: minY
     };
 
     // Injecte la BBox uniquement si présente dans le config (évite Infinity explicite)
@@ -413,15 +384,17 @@ export async function initializeViewer(config, instanceId) {
     if (Zmin !== undefined) orbitAttrs.Zmin = Zmin;
     if (Zmax !== undefined) orbitAttrs.Zmax = Zmax;
 
+    // Paramètres collision optionnels depuis la config (sinon valeurs par défaut du script)
+    if (config.collisionRadius !== undefined)    orbitAttrs.collisionRadius = parseFloat(config.collisionRadius);
+    if (config.collisionEpsilon !== undefined)   orbitAttrs.collisionEpsilon = parseFloat(config.collisionEpsilon);
+    if (config.moveSpeed !== undefined)          orbitAttrs.moveSpeed = parseFloat(config.moveSpeed);
+    if (config.strafeSpeed !== undefined)        orbitAttrs.strafeSpeed = parseFloat(config.strafeSpeed);
+    if (config.dollySpeed !== undefined)         orbitAttrs.dollySpeed = parseFloat(config.dollySpeed);
+
     cameraEntity.script.create("orbitCamera", { attributes: orbitAttrs });
     cameraEntity.script.create("orbitCameraInputMouse");
     cameraEntity.script.create("orbitCameraInputTouch");
-    cameraEntity.script.create("orbitCameraInputKeyboard", {
-      attributes: {
-        forwardSpeed: 1.2,
-        strafeSpeed: 1.2
-      }
-    });
+    cameraEntity.script.create("orbitCameraInputKeyboard", { attributes: { acceleration: 1.0 } });
     app.root.addChild(cameraEntity);
 
     app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
@@ -437,19 +410,15 @@ export async function initializeViewer(config, instanceId) {
             tooltipsModule.initializeTooltips({
               app,
               cameraEntity,
-              modelEntity: focusEntity, // focusEntity pour coller à ce qui est visible
+              modelEntity: focusVisual,
               tooltipsUrl: config.tooltips_url,
               defaultVisible: !!config.showTooltipsDefault,
               moveDuration: config.tooltipMoveDuration || 0.6
             });
           })
-          .catch(() => {
-            /* optional */
-          });
+          .catch(() => { /* optional */ });
       }
-    } catch (e) {
-      /* optional */
-    }
+    } catch (e) { /* optional */ }
 
     viewerInitialized = true;
   });
@@ -463,7 +432,7 @@ export function resetViewerCamera() {
   try {
     if (!cameraEntity || !app) return;
 
-    // Choisir la cible prioritaire : gsplat puis glb, sinon (0,0,0)
+    // cible visuelle : gsplat prioritaire, sinon glb, sinon (0,0,0)
     const targetEntity = modelEntity || envEntity;
     const targetPos = targetEntity ? targetEntity.getPosition().clone() : new pc.Vec3(0, 0, 0);
 
@@ -481,10 +450,14 @@ export function resetViewerCamera() {
     cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
     cameraEntity.lookAt(targetPos);
 
-    orbitCam.pivotPoint = targetPos.clone();
-    orbitCam._targetDistance = Math.max(distanceMin, dist);
-    orbitCam._distance = Math.max(distanceMin, dist);
+    // Ces champs existent dans la version "orbit" historique ; notre free cam les ignore,
+    // mais on conserve l'initialisation pour compat.
+    if (orbitCam) {
+      orbitCam._targetDistance = Math.max(distanceMin, dist);
+      orbitCam._distance = Math.max(distanceMin, dist);
+    }
 
+    // Recalcule yaw/pitch cibles pour aligner l'orientation
     const rot = tempEnt.getRotation();
     const fwd = new pc.Vec3();
     rot.transformVector(pc.Vec3.FORWARD, fwd);