Update viewer_ar.js

viewer_ar.js

@@ -278,68 +278,81 @@
       });
     });
 
-    // --- Interactions ---
-    let isDragging = false;     // déplacement du modèle
-    let rotateMode = false;     // rotation 2 doigts (tactile) ou souris
-    let multiTouchActive = false; // >= 2 doigts
+    // =========================
+    // --- Interactions (MODIF)
+    // =========================
+    let isDragging = false;          // déplacement du modèle
+    let rotateMode = false;          // rotation 2 doigts (tactile) ou souris
+    let multiTouchActive = false;    // >= 2 doigts
     let lastMouseX = 0;
 
-    // ===== MODIF: paramètres rotation 2 doigts (angle) =====
-    let rotationBaseY = 0;      // Y du modèle au démarrage du geste
-    let lastTwoFingerAngle = 0; // angle entre les 2 doigts (radians)
+    // Nouveaux états pour gérer/annuler les hit-tests transitoires démarrés par le 1er doigt
+    const activeTransientSources = new Set(); // XRHitTestSource
+    function cancelAllTransientHitTests() {
+      activeTransientSources.forEach(src => {
+        try { src.remove && src.remove(); } catch(_) {}
+      });
+      activeTransientSources.clear();
+      isDragging = false;
+    }
+
+    // ===== Rotation 2 doigts (incrémentale) =====
+    let lastTwoFingerAngle = null; // radians
     const RAD2DEG = 180 / Math.PI;
 
-    // Déplacement (input XR : maintien/drag) — désactivé si 2 doigts
+    // Déplacement (input XR) — ne démarre que si pas de 2 doigts
     app.xr.input.on("add", (inputSource) => {
       inputSource.on("selectstart", () => {
-        if (!placedOnce || !modelLoaded || multiTouchActive) return; // <-- MODIF: bloque drag si 2 doigts
+        if (!placedOnce || !modelLoaded || multiTouchActive) return;
         inputSource.hitTestStart({
           entityTypes: [pc.XRTRACKABLE_POINT, pc.XRTRACKABLE_PLANE],
           callback: (err, transientSource) => {
             if (err) return;
             isDragging = true;
+            activeTransientSources.add(transientSource);
 
             transientSource.on("result", (pos /*, rot */) => {
-              if (!isDragging || rotateMode || multiTouchActive) return; // <-- MODIF: pas de déplacement si rotation en cours
+              // Pas de translation si rotation 2 doigts ou multitouch
+              if (!isDragging || rotateMode || multiTouchActive) return;
               modelRoot.setPosition(pos);
             });
 
             transientSource.once("remove", () => {
-              isDragging = false;
+              activeTransientSources.delete(transientSource);
+              if (activeTransientSources.size === 0) isDragging = false;
             });
           }
         });
       });
 
       inputSource.on("selectend", () => {
-        isDragging = false;
+        // Libère seulement si plus de sources actives
+        cancelAllTransientHitTests();
       });
     });
 
-    // ===== MODIF: Rotation tactile (2 doigts par angle, sans déplacement) =====
+    // ===== Gestes tactiles =====
     if (app.touch) {
       const touches = new Map(); // id -> {x,y}
 
-      const calcTwoFingerAngle = () => {
+      const twoFingerAngle = () => {
         if (touches.size < 2) return null;
         const it = touches.values();
-        const t1 = it.next().value;
-        const t2 = it.next().value;
-        return Math.atan2(t2.y - t1.y, t2.x - t1.x); // radians
+        const a = it.next().value;
+        const b = it.next().value;
+        return Math.atan2(b.y - a.y, b.x - a.x);
       };
 
       app.touch.on("touchstart", (e) => {
         for (const t of e.touches) touches.set(t.id, { x: t.x, y: t.y });
 
         if (touches.size >= 2) {
-          multiTouchActive = true;     // <-- MODIF
-          rotateMode = true;           // on passe en mode rotation
-          isDragging = false;          // on annule tout drag en cours
-          const ang = calcTwoFingerAngle();
-          if (ang !== null) {
-            lastTwoFingerAngle = ang;
-            rotationBaseY = modelRoot.getEulerAngles().y; // point de départ
-          }
+          multiTouchActive = true;
+          rotateMode = true;
+          // cancel toute translation issue d'un 1er doigt déjà actif
+          cancelAllTransientHitTests();
+          // initialise l'angle de référence
+          lastTwoFingerAngle = twoFingerAngle();
         }
       });
 
@@ -348,29 +361,32 @@
           if (touches.has(t.id)) touches.set(t.id, { x: t.x, y: t.y });
         }
 
+        // Rotation à 2 doigts : appliquer delta d'angle incrémental
         if (rotateMode && multiTouchActive && modelRoot.enabled && touches.size >= 2) {
-          const ang = calcTwoFingerAngle();
-          if (ang !== null) {
-            const deltaRad = ang - lastTwoFingerAngle;
-            // On ne “snap” pas le lastTwoFingerAngle : on garde une base stable et on applique delta total
-            // => pour lisser, cumuler sur la base :
-            const newY = rotationBaseY + deltaRad * RAD2DEG;
-            const euler = modelRoot.getEulerAngles();
-            modelRoot.setEulerAngles(euler.x, newY, euler.z);
+          const ang = twoFingerAngle();
+          if (ang !== null && lastTwoFingerAngle !== null) {
+            let delta = ang - lastTwoFingerAngle; // radians
+            // normaliser (-PI, PI) pour éviter les sauts
+            if (delta > Math.PI) delta -= 2 * Math.PI;
+            if (delta < -Math.PI) delta += 2 * Math.PI;
+
+            const eul = modelRoot.getEulerAngles();
+            modelRoot.setEulerAngles(eul.x, eul.y + delta * RAD2DEG, eul.z);
+
+            // mise à jour incrémentale
+            lastTwoFingerAngle = ang;
           }
         }
       });
 
       app.touch.on("touchend", (e) => {
         for (const t of e.changedTouches) touches.delete(t.id);
+
         if (touches.size < 2) {
-          // fin du geste 2 doigts
-          if (rotateMode && multiTouchActive) {
-            // fige la base à la rotation actuelle pour le prochain geste
-            rotationBaseY = modelRoot.getEulerAngles().y;
-          }
+          // fin du geste 2 doigts : sortir proprement du mode rotation
           rotateMode = false;
           multiTouchActive = false;
+          lastTwoFingerAngle = null;
         }
       });
 
@@ -378,6 +394,8 @@
         touches.clear();
         rotateMode = false;
         multiTouchActive = false;
+        lastTwoFingerAngle = null;
+        cancelAllTransientHitTests();
       });
     }
 
@@ -428,6 +446,8 @@
       isDragging = false;
       rotateMode = false;
       multiTouchActive = false;
+      lastTwoFingerAngle = null;
+      cancelAllTransientHitTests();
     });
 
     app.xr.on(`available:${pc.XRTYPE_AR}`, (available) => {