Update viewer_ar_ios.js

viewer_ar_ios.js

@@ -1,7 +1,7 @@
 /* viewer_ar_ios.js — AR PlayCanvas + GLB/USDZ via config.json (+ "sol" + mode mur)
    - config.json : { "glb_url": "...", "usdz_url": "...", "sol": true|false }
-   - sol = true  → plans horizontaux (sol) + rotation autour de l’axe vertical (Y)
-   - sol = false → plans verticaux (mur) + rotation autour d’un axe horizontal perpendiculaire au mur
+   - sol = true  → plans horizontaux (sol) + rotation autour de l’axe local Y (haut)
+   - sol = false → plans verticaux (mur) + rotation autour de l’axe local Y aligné à la normale du mur
    - iOS : AR Quick Look (USDZ) — l’utilisateur place l’objet sur sol/mur
    - Android/Desktop : WebXR AR + bouton "Lancer l’AR" + slider de rotation
 */
@@ -379,9 +379,8 @@
 
     // Mode mur / sol
     var wallMode = !PLACE_ON_FLOOR;
-    var wallAxis = new pc.Vec3(1, 0, 0);   // axe de rotation = projection horizontale de la normale du mur
-    var wallBaseRot = new pc.Quat();
-    var wallAngleDeg = 0;
+    var wallBaseRot = new pc.Quat(); // orientation de base alignée au mur
+    var wallAngleDeg = 0;            // angle autour de l’axe local Y
 
     // Ombre blob (uniquement pour le sol)
     var blob = null;
@@ -440,7 +439,7 @@
 
     // Rotation via slider
     var baseEulerX = 0, baseEulerZ = 0;
-    var rotationYDeg = 0;
+    var rotationYDeg = 0; // pour le mode sol
 
     function clamp360(d) { return Math.max(0, Math.min(360, d)); }
 
@@ -451,13 +450,14 @@
       rotVal.textContent = String(Math.round(angleDeg)) + "°";
     }
 
-    // Rotation murale : angle autour de wallAxis (normale projetée à l’horizontale)
+    // Rotation murale : angle autour de l’axe local Y (qui pointe vers la normale du mur)
     function setWallRotationFromSlider(angleDeg) {
       wallAngleDeg = angleDeg;
-      var qExtra = new pc.Quat();
-      qExtra.setFromAxisAngle(wallAxis, angleDeg); // angle en degrés dans PlayCanvas
+      var qLocal = new pc.Quat();
+      qLocal.setFromAxisAngle(pc.Vec3.UP, angleDeg);
       var q = new pc.Quat();
-      q.mul2(qExtra, wallBaseRot); // rotation supplémentaire autour de l’axe (en espace monde)
+      // mur : orientation = rotation_de_base (alignée au mur) * rotation_locale_Y
+      q.mul2(wallBaseRot, qLocal);
       modelRoot.setRotation(q);
     }
 
@@ -626,25 +626,11 @@
                 applySliderRotation(y0);
               } else {
                 // --- MODE MUR ---
-                // 1) normale complète du plan (en monde) = rot * (0,1,0)
-                var upLocal = new pc.Vec3(0, 1, 0);
-                var normalWorldFull = new pc.Vec3();
-                rot.transformVector(upLocal, normalWorldFull);
-
-                // 2) orienter l’objet exactement comme le plan (comme le cercle)
+                // WebXR fournit rot tel que son axe Y est la normale du plan.
+                // On oriente donc directement le modèle comme le plan :
                 modelRoot.setRotation(rot);
-                wallBaseRot.copy(rot);
-
-                // 3) axe de rotation = projection horizontale de la normale (perpendiculaire au mur, horizontale)
-                var axis = new pc.Vec3(normalWorldFull.x, 0, normalWorldFull.z);
-                if (axis.lengthSq() < 1e-4) {
-                  axis.set(0, 0, 1);
-                }
-                axis.normalize();
-                wallAxis.copy(axis);
-
-                // angle initial = 0
-                applySliderRotation(0);
+                wallBaseRot.copy(rot);   // base : Y local du modèle = normale du mur
+                applySliderRotation(0);  // pointe vers l’extérieur du mur, rotation autour de cette normale
               }
 
               placedOnce = true;