Update deplacement_dans_env/viewer_pr_env.js

deplacement_dans_env/viewer_pr_env.js

@@ -96,7 +96,8 @@ async function ensureOrbitScriptsLoaded() {
 let pc;
 export let app = null;
 let cameraEntity = null;
-let modelEntity = null;
+let modelEntity = null;       // gsplat principal
+let envEntity = null;         // scène GLB optionnelle (présentoir / environnement)
 let viewerInitialized = false;
 let resizeObserver = null;
 
@@ -105,7 +106,7 @@ let chosenCameraX, chosenCameraY, chosenCameraZ;
 let distanceMin, minAngle, maxAngle, minAzimuth, maxAzimuth, minY;
 let modelX, modelY, modelZ, modelScale, modelRotationX, modelRotationY, modelRotationZ;
 let presentoirScaleX, presentoirScaleY, presentoirScaleZ;
-let sogsUrl, glbUrl, presentoirUrl;
+let sogsUrl, glbUrl;
 let color_bg_hex, color_bg, espace_expo_bool;
 
 /* -------------------------------------------
@@ -120,7 +121,8 @@ export async function initializeViewer(config, instanceId) {
   const isMobile = isIOS || /Android/i.test(navigator.userAgent);
 
   // --- Configuration ---
-  sogsUrl = config.sogs_json_url;
+  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)
   distanceMin = config.minZoom !== undefined
@@ -143,9 +145,10 @@ export async function initializeViewer(config, instanceId) {
   modelRotationY = config.modelRotationY !== undefined ? parseFloat(config.modelRotationY) : 0;
   modelRotationZ = config.modelRotationZ !== undefined ? parseFloat(config.modelRotationZ) : 0;
 
-  presentoirScaleX = config.presentoirScaleX !== undefined ? parseFloat(config.presentoirScaleX) : 0;
-  presentoirScaleY = config.presentoirScaleY !== undefined ? parseFloat(config.presentoirScaleY) : 0;
-  presentoirScaleZ = config.presentoirScaleZ !== undefined ? parseFloat(config.presentoirScaleZ) : 0;
+  // défauts à 1 (et non 0) pour éviter l'invisibilité si le JSON n'en fournit pas
+  presentoirScaleX = config.presentoirScaleX !== undefined ? parseFloat(config.presentoirScaleX) : 1;
+  presentoirScaleY = config.presentoirScaleY !== undefined ? parseFloat(config.presentoirScaleY) : 1;
+  presentoirScaleZ = config.presentoirScaleZ !== undefined ? parseFloat(config.presentoirScaleZ) : 1;
 
   const cameraX = config.cameraX !== undefined ? parseFloat(config.cameraX) : 0;
   const cameraY = config.cameraY !== undefined ? parseFloat(config.cameraY) : 2;
@@ -319,9 +322,17 @@ export async function initializeViewer(config, instanceId) {
   });
 
   // --- Enregistre les assets (SAUF orbit script : chargé globalement) ---
-  const assets = {
-    sogs: new pc.Asset("gsplat", "gsplat", { url: sogsUrl }),
-  };
+  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 });
+  }
+
   for (const k in assets) app.assets.add(assets[k]);
 
   const loader = new pc.AssetListLoader(Object.values(assets), app.assets);
@@ -334,27 +345,48 @@ export async function initializeViewer(config, instanceId) {
     progressDialog.style.display = "none";
 
     // --- Modèle principal (gsplat) ---
-    modelEntity = new pc.Entity("model");
-    modelEntity.addComponent("gsplat", { asset: assets.sogs });
-    modelEntity.setLocalPosition(modelX, modelY, modelZ);
-    modelEntity.setLocalEulerAngles(modelRotationX, modelRotationY, modelRotationZ);
-    modelEntity.setLocalScale(modelScale, modelScale, modelScale);
-    app.root.addChild(modelEntity);
+    if (assets.sogs) {
+      modelEntity = new pc.Entity("model");
+      modelEntity.addComponent("gsplat", { asset: assets.sogs });
+      modelEntity.setLocalPosition(modelX, modelY, modelZ);
+      modelEntity.setLocalEulerAngles(modelRotationX, modelRotationY, modelRotationZ);
+      modelEntity.setLocalScale(modelScale, modelScale, modelScale);
+      app.root.addChild(modelEntity);
+    }
+
+    // --- GLB Environnement / Présentoir (optionnel) ---
+    if (assets.env && assets.env.resource) {
+      const container = assets.env.resource; // pc.ContainerResource
+      envEntity = container.instantiateRenderEntity({
+        castShadows: false,
+        receiveShadows: true
+      });
+
+      // Position/rotation/échelle par défaut (adaptable selon besoin)
+      envEntity.setLocalPosition(0, 0, 0);
+      envEntity.setLocalEulerAngles(0, 0, 0);
+      envEntity.setLocalScale(presentoirScaleX, presentoirScaleY, presentoirScaleZ);
+
+      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;
 
     // --- Caméra + scripts d’input ---
     cameraEntity = new pc.Entity("camera");
     cameraEntity.addComponent("camera", {
-      clearColor: new pc.Color(color_bg),
+      clearColor: new pc.Color(color_bg[0], color_bg[1], color_bg[2], color_bg[3]),
       nearClip: 0.001,
       farClip: 100
     });
     cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
-    cameraEntity.lookAt(modelEntity.getPosition());
+    if (focusEntity) cameraEntity.lookAt(focusEntity.getPosition());
     cameraEntity.addComponent("script");
 
     // Attributs orbitCamera — sans distanceMax, avec bbox optionnelle
     const orbitAttrs = {
-      focusEntity: modelEntity,
+      focusEntity: focusEntity || undefined,
       inertiaFactor: 0.2,
       distanceMin: distanceMin,
       pitchAngleMax: maxAngle,
@@ -393,6 +425,8 @@ export async function initializeViewer(config, instanceId) {
     app.root.addChild(cameraEntity);
 
     app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
+
+    // Reset caméra une fois la première frame prête
     app.once("update", () => resetViewerCamera());
 
     // --- Tooltips (optionnels) ---
@@ -403,7 +437,7 @@ export async function initializeViewer(config, instanceId) {
             tooltipsModule.initializeTooltips({
               app,
               cameraEntity,
-              modelEntity,
+              modelEntity: focusEntity, // focusEntity pour coller à ce qui est visible
               tooltipsUrl: config.tooltips_url,
               defaultVisible: !!config.showTooltipsDefault,
               moveDuration: config.tooltipMoveDuration || 0.6
@@ -427,23 +461,27 @@ export async function initializeViewer(config, instanceId) {
 
 export function resetViewerCamera() {
   try {
-    if (!cameraEntity || !modelEntity || !app) return;
-    const orbitCam = cameraEntity.script.orbitCamera;
+    if (!cameraEntity || !app) return;
+
+    // Choisir la cible prioritaire : gsplat puis glb, sinon (0,0,0)
+    const targetEntity = modelEntity || envEntity;
+    const targetPos = targetEntity ? targetEntity.getPosition().clone() : new pc.Vec3(0, 0, 0);
+
+    const orbitCam = cameraEntity.script && cameraEntity.script.orbitCamera;
     if (!orbitCam) return;
 
-    const modelPos = modelEntity.getPosition();
     const tempEnt = new pc.Entity();
     tempEnt.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
-    tempEnt.lookAt(modelPos);
+    tempEnt.lookAt(targetPos);
 
     const dist = new pc.Vec3()
-      .sub2(new pc.Vec3(chosenCameraX, chosenCameraY, chosenCameraZ), modelPos)
+      .sub2(new pc.Vec3(chosenCameraX, chosenCameraY, chosenCameraZ), targetPos)
       .length();
 
     cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
-    cameraEntity.lookAt(modelPos);
+    cameraEntity.lookAt(targetPos);
 
-    orbitCam.pivotPoint = modelPos.clone();
+    orbitCam.pivotPoint = targetPos.clone();
     orbitCam._targetDistance = Math.max(distanceMin, dist);
     orbitCam._distance = Math.max(distanceMin, dist);