@srsergio/taptapp-ar 1.0.75 → 1.0.77

package/dist/compiler/controller.js

@@ -20,8 +20,8 @@ const getControllerWorker = async () => {
 ControllerWorker = await getControllerWorker();
 const DEFAULT_FILTER_CUTOFF = 0.5;
 const DEFAULT_FILTER_BETA = 0.1;
-const DEFAULT_WARMUP_TOLERANCE = 8;
-const DEFAULT_MISS_TOLERANCE = 2;
+const DEFAULT_WARMUP_TOLERANCE = 2; // Instant detection
+const DEFAULT_MISS_TOLERANCE = 5; // More grace when partially hidden
 class Controller {
     inputWidth;
     inputHeight;
@@ -173,8 +173,8 @@ class Controller {
     }
     async _trackAndUpdate(inputData, lastModelViewTransform, targetIndex) {
         const { worldCoords, screenCoords } = this.tracker.track(inputData, lastModelViewTransform, targetIndex);
-        if (worldCoords.length < 10)
-            return null; // Increased from 6 to 10 for better noise rejection
+        if (worldCoords.length < 8)
+            return null; // Resynced with Matcher (8 points) to allow initial detection
         const modelViewTransform = await this._workerTrackUpdate(lastModelViewTransform, {
             worldCoords,
             screenCoords,

package/dist/compiler/detector/crop-detector.d.ts

@@ -22,9 +22,7 @@ export class CropDetector {
             projectedImage?: undefined;
         };
     };
-    /**
-     * Scans the ENTIRE frame by downsampling it to cropSize
-     */
+    frameCounter: number | undefined;
     _detectGlobal(imageData: any): {
         featurePoints: any[];
         debugExtra: {

package/dist/compiler/detector/crop-detector.js

@@ -24,35 +24,31 @@ class CropDetector {
     }
     detectMoving(input) {
         const imageData = input;
-        // 🚀 MOONSHOT: Alternate between local crops and GLOBAL scan
-        // This solves the "not reading the whole screen" issue.
-        // Every 3 frames, we do a full screen downsampled scan.
-        if (this.lastRandomIndex % 3 === 0) {
-            this.lastRandomIndex = (this.lastRandomIndex + 1) % 25;
+        if (!this.frameCounter)
+            this.frameCounter = 0;
+        this.frameCounter++;
+        // Scan full screen every 2 frames
+        if (this.frameCounter % 2 === 0) {
             return this._detectGlobal(imageData);
         }
-        // Original moving crop logic for high-detail local detection
+        // Local crops: ensure we visit every single cell
         const gridSize = 5;
-        const idx = (this.lastRandomIndex - 1) % (gridSize * gridSize);
-        const dx = idx % gridSize;
-        const dy = Math.floor(idx / gridSize);
+        const dx = this.lastRandomIndex % gridSize;
+        const dy = Math.floor(this.lastRandomIndex / gridSize);
         const stepX = this.cropSize / 3;
         const stepY = this.cropSize / 3;
         let startY = Math.floor(this.height / 2 - this.cropSize / 2 + (dy - 2) * stepY);
         let startX = Math.floor(this.width / 2 - this.cropSize / 2 + (dx - 2) * stepX);
         startX = Math.max(0, Math.min(this.width - this.cropSize - 1, startX));
         startY = Math.max(0, Math.min(this.height - this.cropSize - 1, startY));
-        this.lastRandomIndex = (this.lastRandomIndex + 1) % 25;
+        this.lastRandomIndex = (this.lastRandomIndex + 1) % (gridSize * gridSize);
         return this._detect(imageData, startX, startY);
     }
-    /**
-     * Scans the ENTIRE frame by downsampling it to cropSize
-     */
     _detectGlobal(imageData) {
         const croppedData = new Float32Array(this.cropSize * this.cropSize);
         const scaleX = this.width / this.cropSize;
         const scaleY = this.height / this.cropSize;
-        // Fast downsample (nearest neighbor is enough for initial feature detection)
+        // Use sharp sampling for better descriptors
         for (let y = 0; y < this.cropSize; y++) {
             const srcY = Math.floor(y * scaleY) * this.width;
             const dstY = y * this.cropSize;

package/dist/compiler/tracker/tracker.js

@@ -95,7 +95,7 @@ class Tracker {
             }
         }
         // 2.1 Spatial distribution check: Avoid getting stuck in corners/noise
-        if (screenCoords.length >= 10) {
+        if (screenCoords.length >= 8) {
             let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
             for (const p of screenCoords) {
                 if (p.x < minX)

package/dist/react/TaptappAR.js

@@ -92,9 +92,6 @@ export const TaptappAR = ({ config, className = "", showScanningOverlay = true,
                     display: block;
                     width: 100%;
                     height: auto;
-                    will-change: transform;
-                    /* Visual interpolation to smooth out frame gaps */
-                    transition: transform 0.1s linear, opacity 0.3s ease;
                 }
             ` })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@srsergio/taptapp-ar",
-    "version": "1.0.75",
+    "version": "1.0.77",
     "description": "AR Compiler for Node.js and Browser",
     "repository": {
         "type": "git",

package/src/compiler/controller.ts

@@ -21,8 +21,8 @@ ControllerWorker = await getControllerWorker();
 
 const DEFAULT_FILTER_CUTOFF = 0.5;
 const DEFAULT_FILTER_BETA = 0.1;
-const DEFAULT_WARMUP_TOLERANCE = 8;
-const DEFAULT_MISS_TOLERANCE = 2;
+const DEFAULT_WARMUP_TOLERANCE = 2; // Instant detection
+const DEFAULT_MISS_TOLERANCE = 5;   // More grace when partially hidden
 
 export interface ControllerOptions {
     inputWidth: number;
@@ -233,7 +233,7 @@ class Controller {
             lastModelViewTransform,
             targetIndex,
         );
-        if (worldCoords.length < 10) return null; // Increased from 6 to 10 for better noise rejection
+        if (worldCoords.length < 8) return null; // Resynced with Matcher (8 points) to allow initial detection
         const modelViewTransform = await this._workerTrackUpdate(lastModelViewTransform, {
             worldCoords,
             screenCoords,

package/src/compiler/detector/crop-detector.js

@@ -32,20 +32,18 @@ class CropDetector {
 
   detectMoving(input) {
     const imageData = input;
+    if (!this.frameCounter) this.frameCounter = 0;
+    this.frameCounter++;
 
-    // 🚀 MOONSHOT: Alternate between local crops and GLOBAL scan
-    // This solves the "not reading the whole screen" issue.
-    // Every 3 frames, we do a full screen downsampled scan.
-    if (this.lastRandomIndex % 3 === 0) {
-      this.lastRandomIndex = (this.lastRandomIndex + 1) % 25;
+    // Scan full screen every 2 frames
+    if (this.frameCounter % 2 === 0) {
       return this._detectGlobal(imageData);
     }
 
-    // Original moving crop logic for high-detail local detection
+    // Local crops: ensure we visit every single cell
     const gridSize = 5;
-    const idx = (this.lastRandomIndex - 1) % (gridSize * gridSize);
-    const dx = idx % gridSize;
-    const dy = Math.floor(idx / gridSize);
+    const dx = this.lastRandomIndex % gridSize;
+    const dy = Math.floor(this.lastRandomIndex / gridSize);
 
     const stepX = this.cropSize / 3;
     const stepY = this.cropSize / 3;
@@ -56,20 +54,16 @@ class CropDetector {
     startX = Math.max(0, Math.min(this.width - this.cropSize - 1, startX));
     startY = Math.max(0, Math.min(this.height - this.cropSize - 1, startY));
 
-    this.lastRandomIndex = (this.lastRandomIndex + 1) % 25;
-
+    this.lastRandomIndex = (this.lastRandomIndex + 1) % (gridSize * gridSize);
     return this._detect(imageData, startX, startY);
   }
 
-  /**
-   * Scans the ENTIRE frame by downsampling it to cropSize
-   */
   _detectGlobal(imageData) {
     const croppedData = new Float32Array(this.cropSize * this.cropSize);
     const scaleX = this.width / this.cropSize;
     const scaleY = this.height / this.cropSize;
 
-    // Fast downsample (nearest neighbor is enough for initial feature detection)
+    // Use sharp sampling for better descriptors
     for (let y = 0; y < this.cropSize; y++) {
       const srcY = Math.floor(y * scaleY) * this.width;
       const dstY = y * this.cropSize;
@@ -79,7 +73,6 @@ class CropDetector {
     }
 
     const { featurePoints } = this.detector.detect(croppedData);
-
     featurePoints.forEach((p) => {
       p.x *= scaleX;
       p.y *= scaleY;

package/src/compiler/tracker/tracker.js

@@ -137,7 +137,7 @@ class Tracker {
     }
 
     // 2.1 Spatial distribution check: Avoid getting stuck in corners/noise
-    if (screenCoords.length >= 10) {
+    if (screenCoords.length >= 8) {
       let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
       for (const p of screenCoords) {
         if (p.x < minX) minX = p.x; if (p.y < minY) minY = p.y;

package/src/react/TaptappAR.tsx

@@ -169,9 +169,6 @@ export const TaptappAR: React.FC<TaptappARProps> = ({
                     display: block;
                     width: 100%;
                     height: auto;
-                    will-change: transform;
-                    /* Visual interpolation to smooth out frame gaps */
-                    transition: transform 0.1s linear, opacity 0.3s ease;
                 }
             `}</style>
         </div>