Update ar.html

ar.html

@@ -57,7 +57,7 @@
             padding: 0 !important;
         }
         
-        .a-scene {
+        a-scene {
             position: fixed !important;
             top: 0 !important;
             left: 0 !important;
@@ -228,12 +228,12 @@
         <p class="text-white/60 text-xs mt-3 text-center">Il marker non è stato trovato. Usa questo player manuale.</p>
     </div>
 
-    <!-- 5. AR SCENE - ULTRA STABILIZED -->
-    <!-- filterBeta: 500 = smoothing MASSIMO, missTolerance: 50 = mantiene lock per 1.5+ sec -->
+    <!-- 5. AR SCENE - ULTRA MEGA STABILIZED (BEAST MODE) -->
+    <!-- filterBeta: 10000 = smoothing ESTREMO, missTolerance: 100 = 3+ sec di grace period -->
     <a-scene 
-        mindar-image="imageTargetSrc: img/targets.mind; filterMinCF:0.000001; filterBeta: 500; uiLoading: no; uiScanning: no; missTolerance: 50; warmupTolerance: 1" 
+        mindar-image="imageTargetSrc: img/targets.mind; filterMinCF:0.0000001; filterBeta: 10000; uiLoading: no; uiScanning: no; missTolerance: 100; warmupTolerance: 1; maxTrack: 1" 
         color-space="sRGB" 
-        renderer="colorManagement: true, physicallyCorrectLights, highRefreshRate: true" 
+        renderer="colorManagement: true, physicallyCorrectLights, highRefreshRate: true, antialias: true" 
         vr-mode-ui="enabled: false" 
         device-orientation-permission-ui="enabled: false">
         
@@ -244,11 +244,12 @@
         <a-camera position="0 0 0" look-controls="enabled: false"></a-camera>
 
         <a-entity id="example-target" mindar-image-target="targetIndex: 0">
-            <!-- VIDEO 16:9 -->
+            <!-- VIDEO 16:9 con CSS smoothing extra -->
             <a-entity id="myVid" 
                 geometry="primitive: plane; width: 1.6; height: 0.9" 
                 material="src: #vid; shader: flat; transparent: true; opacity: 1" 
-                position="0 0 0">
+                position="0 0 0"
+                animation__smooth="property: position; dur: 200; easing: easeOutQuad; loop: false">
             </a-entity>
             
             <!-- Cornice Cyberpunk 16:9 -->
@@ -264,7 +265,7 @@
             <a-plane position="-0.77 0.41 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
             <a-plane position="0.77 -0.41 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
             
-            <a-text value="HACK_THE_PLANET.exe" color="#00ff41" align="center" width="1.5" position="0 -0.6 0.01" 
+            <a-text value="INNOVATION_LAB_DEV" color="#00ff41" align="center" width="1.5" position="0 -0.6 0.01" 
                     font="https://cdn.aframe.io/fonts/Roboto-msdf.json">
                 <a-animation attribute="opacity" from="0.3" to="1" dur="800" direction="alternate" repeat="indefinite"></a-animation>
             </a-text>
@@ -291,6 +292,34 @@
 
         let isAudioEnabled = false;
         let loadProgress = 0;
+        let smoothPositionX = 0;
+        let smoothPositionY = 0;
+        let smoothPositionZ = 0;
+        const SMOOTHING_FACTOR = 0.5; // 5% update per frame = ultra smooth
+
+        // CUSTOM SMOOTHING LAYER - Questo è il segreto!
+        const myVidEntity = document.querySelector("#myVid");
+        let lastPosition = {x: 0, y: 0, z: 0};
+        
+        // Applica smoothing custom ogni frame
+        setInterval(() => {
+            if(myVidEntity && target.object3D.visible) {
+                const currentPos = target.object3D.position;
+                
+                // Lerp (Linear interpolation) per smooth movement
+                smoothPositionX += (currentPos.x - smoothPositionX) * SMOOTHING_FACTOR;
+                smoothPositionY += (currentPos.y - smoothPositionY) * SMOOTHING_FACTOR;
+                smoothPositionZ += (currentPos.z - smoothPositionZ) * SMOOTHING_FACTOR;
+                
+                // Applica la posizione smoothed al target
+                if(Math.abs(currentPos.x - lastPosition.x) > 0.001 ||
+                   Math.abs(currentPos.y - lastPosition.y) > 0.001 ||
+                   Math.abs(currentPos.z - lastPosition.z) > 0.001) {
+                    target.object3D.position.set(smoothPositionX, smoothPositionY, smoothPositionZ);
+                    lastPosition = {x: smoothPositionX, y: smoothPositionY, z: smoothPositionZ};
+                }
+            }
+        }, 16); // 60fps
 
         // Easter Egg 1: Fake FPS Counter
         setInterval(() => {