Update viewer_ar_ios.js

viewer_ar_ios.js

@@ -1,4 +1,4 @@
-/* viewer_ar_ios.js — AR PlayCanvas + GLB/USDZ via config.json (+ "sol" + Z vers plafond en mode mur)
+/* viewer_ar_ios.js — AR PlayCanvas + GLB/USDZ via config.json (+ "sol" + stabilité mur : Z vers plafond)
    - config.json : { "glb_url": "...", "usdz_url": "...", "sol": true|false }
    - sol = true  → plans horizontaux (sol) + rotation autour de l’axe local Y (haut)
    - sol = false → plans verticaux (mur) : Y local = normale du mur, Z local = plafond (Up projeté), slider = rotation autour de Y
@@ -386,32 +386,75 @@
     app.root.addChild(modelRoot);
     var modelLoaded = false, placedOnce = false;
 
-    // --- Helpers vecteurs/quaternions ---
+    // --- Helpers vecteurs/quaternions stables ---
     var UP = new pc.Vec3(0, 1, 0);
-    function clamp01(x){ return Math.max(0, Math.min(1, x)); }
-    function clamp(x,a,b){ return Math.max(a, Math.min(b, x)); }
-    function projOnPlane(v, n){ // v - dot(v,n)*n
+    function projOnPlane(v, n) {
       var d = v.dot(n);
       return new pc.Vec3(v.x - d*n.x, v.y - d*n.y, v.z - d*n.z);
     }
-    function normalizeOr(v, fallback){
+    function normalizeOr(v, fallback) {
       var len = v.length();
       if (len > 1e-6) { v.scale(1/len); return v; }
       return fallback.clone ? fallback.clone() : new pc.Vec3(fallback.x, fallback.y, fallback.z);
     }
-    function signedAngleAround(a, b, axis){
-      // angle from a to b around axis (radians, signed)
-      var dot = clamp(a.dot(b), -1, 1);
-      var ang = Math.acos(dot);
-      var cross = new pc.Vec3();
-      cross.cross(a, b);
-      var sign = (cross.dot(axis) >= 0) ? 1 : -1;
-      return ang * sign;
+    function buildWallBasisFromNormal(N) {
+      var Y = N.clone().normalize();                 // normale du mur → axe Y local
+      var Z = projOnPlane(UP, Y);                    // Z local vers plafond (projeté dans le plan du mur)
+      if (Z.lengthSq() < 1e-8) Z = projOnPlane(new pc.Vec3(0,0,1), Y);
+      Z.normalize();
+      var X = new pc.Vec3(); X.cross(Z, Y).normalize(); // X = Z × Y
+      // Re-orthonormalise Z = Y × X
+      Z.cross(Y, X).normalize();
+      return { X: X, Y: Y, Z: Z };
+    }
+    function quatFromBasis(X, Y, Z) {
+      // colonnes = X,Y,Z
+      var m00 = X.x, m01 = Y.x, m02 = Z.x;
+      var m10 = X.y, m11 = Y.y, m12 = Z.y;
+      var m20 = X.z, m21 = Y.z, m22 = Z.z;
+
+      var t = m00 + m11 + m22;
+      var q = new pc.Quat();
+      if (t > 0) {
+        var s = Math.sqrt(t + 1.0) * 2;
+        q.w = 0.25 * s;
+        q.x = (m21 - m12) / s;
+        q.y = (m02 - m20) / s;
+        q.z = (m10 - m01) / s;
+      } else if (m00 > m11 && m00 > m22) {
+        var s = Math.sqrt(1.0 + m00 - m11 - m22) * 2;
+        q.w = (m21 - m12) / s;
+        q.x = 0.25 * s;
+        q.y = (m01 + m10) / s;
+        q.z = (m02 + m20) / s;
+      } else if (m11 > m22) {
+        var s2 = Math.sqrt(1.0 + m11 - m00 - m22) * 2;
+        q.w = (m02 - m20) / s2;
+        q.x = (m01 + m10) / s2;
+        q.y = 0.25 * s2;
+        q.z = (m12 + m21) / s2;
+      } else {
+        var s3 = Math.sqrt(1.0 + m22 - m00 - m11) * 2;
+        q.w = (m10 - m01) / s3;
+        q.x = (m02 + m20) / s3;
+        q.y = (m12 + m21) / s3;
+        q.z = 0.25 * s3;
+      }
+      q.normalize();
+      return q;
+    }
+    function computeWallBase(rot) {
+      // Normal du mur = Y de la pose
+      var N = new pc.Vec3();
+      rot.transformVector(new pc.Vec3(0, 1, 0), N);
+      N.normalize();
+      var basis = buildWallBasisFromNormal(N);
+      return quatFromBasis(basis.X, basis.Y, basis.Z); // Y=normale, Z=plafond
     }
 
     // Mode mur / sol
     var wallMode = !PLACE_ON_FLOOR;
-    var wallBaseRot = new pc.Quat(); // orientation de base alignée au mur (Y=normale, Z=plafond projeté)
+    var wallBaseRot = new pc.Quat(); // orientation de base alignée au mur (Y=normale, Z=plafond)
     var wallAngleDeg = 0;
 
     // Ombre blob (sol uniquement)
@@ -491,50 +534,14 @@
       } else {
         wallAngleDeg = y;
         var qLocal = new pc.Quat();
-        qLocal.setFromAxisAngle(pc.Vec3.UP, y); // rotation locale autour de Y
+        qLocal.setFromAxisAngle(pc.Vec3.UP, y);            // rotation locale autour de Y
         var qFinal = new pc.Quat();
-        qFinal.mul2(wallBaseRot, qLocal);       // base (mur stabilisée) puis twist utilisateur
+        qFinal.mul2(wallBaseRot, qLocal);                  // base mur (Z→plafond), puis twist utilisateur
         modelRoot.setRotation(qFinal);
       }
       updateKnobFromY(y);
     }
 
-    // --- Alignement stable pour le mur : Y = normale, Z → plafond ---
-    function computeWallBase(rot) {
-      // 1) Y (normale du mur) en monde
-      var Yw = new pc.Vec3();
-      rot.transformVector(new pc.Vec3(0,1,0), Yw);
-      Yw.normalize();
-
-      // 2) Z actuel du modèle en monde (avec rot)
-      var Zw = new pc.Vec3();
-      rot.transformVector(new pc.Vec3(0,0,1), Zw);
-
-      // 3) Z désiré = Up projeté sur le plan perpendiculaire à Y
-      var desiredZ = projOnPlane(UP, Yw);
-      if (desiredZ.length() < 1e-4) {
-        // mur quasi horizontal ? (devrait pas arriver) fallback: projeter un forward monde
-        desiredZ = projOnPlane(new pc.Vec3(0,0,1), Yw);
-      }
-      desiredZ = normalizeOr(desiredZ, new pc.Vec3(0,0,1));
-
-      // 4) Z courant projeté sur le même plan
-      var zProj = projOnPlane(Zw, Yw);
-      zProj = normalizeOr(zProj, desiredZ);
-
-      // 5) angle signé entre zProj -> desiredZ autour de Y
-      var angRad = signedAngleAround(zProj, desiredZ, Yw);
-      var angDeg = angRad * (180 / Math.PI);
-
-      // 6) twist correctif autour de Y pour que Z pointe vers le plafond
-      var qTwist = new pc.Quat();
-      qTwist.setFromAxisAngle(Yw, angDeg);
-
-      var out = new pc.Quat();
-      out.mul2(rot, qTwist); // d'abord rot (Y=normale), puis twist pour aligner Z avec le plafond
-      return out;
-    }
-
     function updateBlobPositionUnder(pos, rotLikePlane) {
       if (!blob) return;
       blob.setPosition(pos.x, pos.y + BLOB_OFFSET_Y, pos.z);
@@ -651,7 +658,7 @@
 
     app.keyboard.on("keydown", function (evt) { if (evt.key === pc.KEY_ESCAPE && app.xr.active) app.xr.end(); });
 
-    // Hit-test principal (reticle + première pose)
+    // Hit-test principal (reticle + premier placement)
     app.xr.hitTest.on("available", function () {
       app.xr.hitTest.start({
         entityTypes: [pc.XRTRACKABLE_POINT, pc.XRTRACKABLE_PLANE],
@@ -678,6 +685,7 @@
               } else {
                 // --- MODE MUR (première pose) ---
                 wallBaseRot.copy(computeWallBase(rot)); // Y=normale, Z=plafond
+                modelRoot.setRotation(wallBaseRot);
                 applyRotationY(0);
               }
 
@@ -716,7 +724,7 @@
               if (!wallMode) {
                 updateBlobPositionUnder(pos, rot);
               } else {
-                // Recalcule à CHAQUE déplacement: Y=normale courante, Z→plafond
+                // Recalcule à CHAQUE déplacement: Y=normale courante, Z→plafond (stable)
                 wallBaseRot.copy(computeWallBase(rot));
                 var qLocal = new pc.Quat();
                 qLocal.setFromAxisAngle(pc.Vec3.UP, wallAngleDeg);