Update ar.html

ar.html

@@ -202,8 +202,9 @@
     </button>
 
     <!-- AR SCENE -->
+    <!-- Rimosso il filterBeta troppo basso che causava lag, tornati a valori bilanciati per il JS Smoothing -->
     <a-scene 
-        mindar-image="imageTargetSrc: img/targets.mind; filterMinCF:0.0001; filterBeta: 0.005; uiLoading: no; uiScanning: no; missTolerance: 20; warmupTolerance: 5; maxTrack: 1" 
+        mindar-image="imageTargetSrc: img/targets.mind; filterMinCF:0.0001; filterBeta: 0.01; uiLoading: no; uiScanning: no; missTolerance: 20; warmupTolerance: 5; maxTrack: 1" 
         color-space="sRGB" 
         renderer="colorManagement: true, physicallyCorrectLights, highRefreshRate: true, antialias: true" 
         vr-mode-ui="enabled: false" 
@@ -274,35 +275,28 @@
         let smoothPositionX = 0;
         let smoothPositionY = 0;
         let smoothPositionZ = 0;
-        const SMOOTHING_FACTOR = 0.1; 
-        const MOVEMENT_THRESHOLD = 0.002; // Deadzone: se ti muovi meno di questo, non aggiorno (rimuove il tremolio da fermo)
+        const SMOOTHING_FACTOR = 0.1; // Torniamo al valore originale (buon bilanciamento)
 
         // CUSTOM SMOOTHING LAYER
-        const myVidEntity = document.querySelector("#myVid"); // Riferimento per controllo esistenza
+        const myVidEntity = document.querySelector("#myVid");
         
         setInterval(() => {
             // Applica solo se in modalità AR normale (target visible)
             if(myVidEntity && target.object3D.visible && !isManualMode) {
                 const currentPos = target.object3D.position;
                 
-                // Calcola la differenza
-                let dx = currentPos.x - smoothPositionX;
-                let dy = currentPos.y - smoothPositionY;
-                let dz = currentPos.z - smoothPositionZ;
-
-                // DEADZONE CHECK: Se il movimento è minuscolo (tremolio), ignoralo
-                if (Math.abs(dx) < MOVEMENT_THRESHOLD) dx = 0;
-                if (Math.abs(dy) < MOVEMENT_THRESHOLD) dy = 0;
-                if (Math.abs(dz) < MOVEMENT_THRESHOLD) dz = 0;
-
-                // Applica smoothing solo se c'è movimento significativo
-                smoothPositionX += dx * SMOOTHING_FACTOR;
-                smoothPositionY += dy * SMOOTHING_FACTOR;
-                smoothPositionZ += dz * SMOOTHING_FACTOR;
+                // Rimosso il Deadzone Threshold che causava la "frizione"
+                // Torniamo a un puro Lerp fluido
+                smoothPositionX += (currentPos.x - smoothPositionX) * SMOOTHING_FACTOR;
+                smoothPositionY += (currentPos.y - smoothPositionY) * SMOOTHING_FACTOR;
+                smoothPositionZ += (currentPos.z - smoothPositionZ) * SMOOTHING_FACTOR;
                 
-                // Nota: In MindAR puro non possiamo facilmente sovrascrivere la posizione del target senza rompere il tracking,
-                // ma questa logica è pronta per essere applicata a un figlio "ghost" se necessario.
-                // Per ora, ci affidiamo al filterBeta bassissimo (0.005) impostato nell'HTML per la stabilità principale.
+                // Applichiamo al gruppo interno per dare l'effetto di "galleggiamento" stabile
+                // Nota: In modalità normale il parent #example-target si muove con MindAR.
+                // Questo script dovrebbe idealmente agire su un oggetto slegato, ma qui lasciamo
+                // che MindAR gestisca il grosso e il filterBeta faccia il resto.
+                // Per un vero custom smoothing, bisognerebbe disaccoppiare la gerarchia, 
+                // ma dato che ti piaceva "prima", torniamo alla config standard di MindAR + CSS anims.
             }
         }, 16); 
 
@@ -321,7 +315,7 @@
         ];
         let msgIndex = 0;
         
-        // MODIFICA CARICAMENTO: Velocizzato del 20% circa (0.5 invece di 0.4)
+        // Caricamento Veloce
         const loadInterval = setInterval(() => {
             loadProgress += 0.55; 
             
@@ -352,10 +346,11 @@
                         setTimeout(() => loader.style.display = "none", 500);
                         
                         // TIMER 10 SECONDI PER IL BOTTONE FALLBACK
+                        // ORA APPARE SEMPRE (indipendentemente dal marker trovato)
                         setTimeout(() => {
-                            if (!target.object3D.visible && !isManualMode) {
+                            if (!isManualMode) {
                                 fallbackBtn.classList.remove('hidden');
-                                fallbackBtn.style.display = 'flex'; // Tailwind hidden usa display:none
+                                fallbackBtn.style.display = 'flex';
                             }
                         }, 10000);
 
@@ -366,7 +361,7 @@
 
         // TARGET FOUND
         target.addEventListener("targetFound", () => {
-            if(isManualMode) return; // Ignora se in manual mode
+            if(isManualMode) return;
 
             video.play();
             statusText.innerText = "LOCKED";
@@ -374,8 +369,8 @@
             statusText.classList.remove("animate-pulse");
             aimOverlay.style.opacity = "0";
             
-            // Nascondi bottone fallback se appare mentre trovi il target
-            fallbackBtn.style.display = 'none';
+            // NON nascondiamo più il bottone fallback se è già apparso
+            // Se appare dopo 10 secondi, rimane lì come opzione
 
             if(navigator.vibrate) navigator.vibrate(50);
         });
@@ -389,11 +384,6 @@
             statusText.style.color = "#00ff41";
             statusText.classList.add("animate-pulse");
             aimOverlay.style.opacity = "1";
-            
-            // Il bottone fallback riappare se sono passati i 10 sec? 
-            // Per semplicità lo facciamo riapparire solo se il timer originale è scattato, ma qui lo mostriamo subito se l'utente lo aveva già visto.
-            // Una logica più pulita: lasciamo che il timer decida o lo mostriamo dopo un po' di "searching".
-            // Per ora seguiamo la logica base: se perdi il target, riparte la ricerca.
         });
 
         // AUDIO TOGGLE
@@ -420,17 +410,19 @@
             console.log("🛠 MANUAL OVERRIDE ENGAGED");
 
             // 1. Sposta il contenuto AR dentro la camera (HUD)
-            // Stacchiamo il gruppo dal target
             contentGroup.parentNode.removeChild(contentGroup);
-            // Attacchiamo alla camera
             camera.appendChild(contentGroup);
             
+            // FIX IMPORTANTE: Rendiamo il contenuto esplicitamente visibile
+            // MindAR potrebbe averlo nascosto quando ha perso il target
+            contentGroup.setAttribute("visible", "true"); 
+            
             // 2. Posiziona il contenuto di fronte alla camera
-            contentGroup.setAttribute("position", "0 0 -1.5"); // 1.5 metri avanti
-            contentGroup.setAttribute("scale", "0.5 0.5 0.5"); // Scaliamo perché è vicino
+            contentGroup.setAttribute("position", "0 0 -1.5"); 
+            contentGroup.setAttribute("scale", "0.5 0.5 0.5"); 
             contentGroup.setAttribute("rotation", "0 0 0");
 
-            // 3. Nascondi UI di ricerca
+            // 3. UI Updates
             aimOverlay.style.display = "none";
             fallbackBtn.style.display = "none";
             statusText.innerText = "MANUAL_LINK";
@@ -449,7 +441,7 @@
 
         // CHIUSURA MODALITÀ MANUALE
         manualCloseBtn.addEventListener('click', () => {
-            location.reload(); // Il modo più pulito per resettare MindAR e il DOM
+            location.reload(); 
         });
 
     </script>