Update viewer_ar_ios.js

viewer_ar_ios.js

@@ -379,7 +379,7 @@
 
     // Mode mur / sol
     var wallMode = !PLACE_ON_FLOOR;
-    var wallBaseRot = new pc.Quat(); // orientation de base alignée au mur
+    var wallBaseRot = new pc.Quat(); // orientation de base alignée à la normale du mur
     var wallAngleDeg = 0;            // angle autour de l’axe local Y
 
     // Ombre blob (uniquement pour le sol)
@@ -450,13 +450,13 @@
       rotVal.textContent = String(Math.round(angleDeg)) + "°";
     }
 
-    // Rotation murale : angle autour de l’axe local Y (qui pointe vers la normale du mur)
+    // Rotation murale : angle autour de l’axe local Y (pointe ↔ base)
     function setWallRotationFromSlider(angleDeg) {
       wallAngleDeg = angleDeg;
       var qLocal = new pc.Quat();
-      qLocal.setFromAxisAngle(pc.Vec3.UP, angleDeg);
+      qLocal.setFromAxisAngle(new pc.Vec3(0, 1, 0), angleDeg);
       var q = new pc.Quat();
-      // mur : orientation = rotation_de_base (alignée au mur) * rotation_locale_Y
+      // finale : base * rotation_locale_Y
       q.mul2(wallBaseRot, qLocal);
       modelRoot.setRotation(q);
     }
@@ -626,11 +626,47 @@
                 applySliderRotation(y0);
               } else {
                 // --- MODE MUR ---
-                // 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);   // base : Y local du modèle = normale du mur
-                applySliderRotation(0);  // pointe vers l’extérieur du mur, rotation autour de cette normale
+                // 1) normale du plan en monde
+                var planeNormal = new pc.Vec3();
+                rot.transformVector(new pc.Vec3(0, 1, 0), planeNormal);
+                planeNormal.normalize();
+
+                // 2) on force la normale à pointer vers la caméra
+                var camPos = camera.getPosition();
+                var toCam = new pc.Vec3();
+                toCam.sub2(camPos, pos);
+                toCam.normalize();
+                if (planeNormal.dot(toCam) < 0) {
+                  planeNormal.scale(-1); // on flip la normale pour qu’elle sorte vers la caméra
+                }
+
+                // 3) construire un repère orthonormé : Y = normale, X/Z quelconques mais ⟂
+                var ref = new pc.Vec3(0, 1, 0);
+                if (Math.abs(planeNormal.y) > 0.9) {
+                  ref.set(1, 0, 0); // si la normale est trop verticale, on change le ref
+                }
+
+                var xAxis = new pc.Vec3();
+                xAxis.cross(ref, planeNormal).normalize(); // X ⟂ normale
+                var zAxis = new pc.Vec3();
+                zAxis.cross(xAxis, planeNormal).normalize(); // Z = X × Y
+
+                // 4) construire la matrice (colonnes = X, Y, Z) puis le quaternion
+                var m = new pc.Mat4();
+                m.set(
+                  xAxis.x, planeNormal.x, zAxis.x, 0,
+                  xAxis.y, planeNormal.y, zAxis.y, 0,
+                  xAxis.z, planeNormal.z, zAxis.z, 0,
+                  0,       0,             0,       1
+                );
+                var baseQ = new pc.Quat();
+                baseQ.setFromMat4(m);
+
+                modelRoot.setRotation(baseQ);
+                wallBaseRot.copy(baseQ);
+
+                // angle initial = 0 → pointe toujours "vers dehors"
+                applySliderRotation(0);
               }
 
               placedOnce = true;