@srsergio/taptapp-ar 1.0.14 → 1.0.15

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

@@ -24,11 +24,16 @@ class CropDetector {
     }
     detectMoving(input) {
         const imageData = input;
-        // loop a few locations around center
-        const dx = this.lastRandomIndex % 3;
-        const dy = Math.floor(this.lastRandomIndex / 3);
-        let startY = Math.floor(this.height / 2 - this.cropSize + (dy * this.cropSize) / 2);
-        let startX = Math.floor(this.width / 2 - this.cropSize + (dx * this.cropSize) / 2);
+        // Expanded to 5x5 grid (25 positions) for better coverage
+        const gridSize = 5;
+        const dx = this.lastRandomIndex % gridSize;
+        const dy = Math.floor(this.lastRandomIndex / gridSize);
+        // Calculate offset from center, with overlap for better detection
+        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);
+        // Clamp to valid bounds
         if (startX < 0)
             startX = 0;
         if (startY < 0)
@@ -37,7 +42,7 @@ class CropDetector {
             startX = this.width - this.cropSize - 1;
         if (startY >= this.height - this.cropSize)
             startY = this.height - this.cropSize - 1;
-        this.lastRandomIndex = (this.lastRandomIndex + 1) % 9;
+        this.lastRandomIndex = (this.lastRandomIndex + 1) % (gridSize * gridSize);
         const result = this._detect(imageData, startX, startY);
         return result;
     }

package/dist/compiler/simple-ar.js

@@ -152,11 +152,14 @@ class SimpleAR {
         // Matrix is column-major: [m0,m1,m2,m3, m4,m5,m6,m7, m8,m9,m10,m11, m12,m13,m14,m15]
         const tx = worldMatrix[12];
         const ty = worldMatrix[13];
-        const scale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
+        const matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
         const rotation = Math.atan2(worldMatrix[1], worldMatrix[0]);
         // Convert from normalized coords to screen coords
         const screenX = offsetX + (videoW / 2 + tx) * scaleX;
         const screenY = offsetY + (videoH / 2 - ty) * scaleY;
+        // Scale factor: use a reasonable multiplier (0.5 instead of 0.01)
+        // The matrixScale from the tracking is in image-space coordinates
+        const finalScale = matrixScale * scaleX * 0.5;
         // Apply transform
         this.overlay.style.position = 'absolute';
         this.overlay.style.transformOrigin = 'center center';
@@ -165,7 +168,7 @@ class SimpleAR {
         this.overlay.style.transform = `
       translate(${screenX}px, ${screenY}px)
       translate(-50%, -50%)
-      scale(${scale * scaleX * 0.01})
+      scale(${finalScale})
       rotate(${-rotation}rad)
     `;
     }

package/package.json

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

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

@@ -33,19 +33,25 @@ class CropDetector {
   detectMoving(input) {
     const imageData = input;
 
-    // loop a few locations around center
-    const dx = this.lastRandomIndex % 3;
-    const dy = Math.floor(this.lastRandomIndex / 3);
+    // Expanded to 5x5 grid (25 positions) for better coverage
+    const gridSize = 5;
+    const dx = this.lastRandomIndex % gridSize;
+    const dy = Math.floor(this.lastRandomIndex / gridSize);
 
-    let startY = Math.floor(this.height / 2 - this.cropSize + (dy * this.cropSize) / 2);
-    let startX = Math.floor(this.width / 2 - this.cropSize + (dx * this.cropSize) / 2);
+    // Calculate offset from center, with overlap for better detection
+    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);
+
+    // Clamp to valid bounds
     if (startX < 0) startX = 0;
     if (startY < 0) startY = 0;
     if (startX >= this.width - this.cropSize) startX = this.width - this.cropSize - 1;
     if (startY >= this.height - this.cropSize) startY = this.height - this.cropSize - 1;
 
-    this.lastRandomIndex = (this.lastRandomIndex + 1) % 9;
+    this.lastRandomIndex = (this.lastRandomIndex + 1) % (gridSize * gridSize);
 
     const result = this._detect(imageData, startX, startY);
     return result;

package/src/compiler/simple-ar.js

@@ -179,13 +179,17 @@ class SimpleAR {
         // Matrix is column-major: [m0,m1,m2,m3, m4,m5,m6,m7, m8,m9,m10,m11, m12,m13,m14,m15]
         const tx = worldMatrix[12];
         const ty = worldMatrix[13];
-        const scale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
+        const matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
         const rotation = Math.atan2(worldMatrix[1], worldMatrix[0]);
 
         // Convert from normalized coords to screen coords
         const screenX = offsetX + (videoW / 2 + tx) * scaleX;
         const screenY = offsetY + (videoH / 2 - ty) * scaleY;
 
+        // Scale factor: use a reasonable multiplier (0.5 instead of 0.01)
+        // The matrixScale from the tracking is in image-space coordinates
+        const finalScale = matrixScale * scaleX * 0.5;
+
         // Apply transform
         this.overlay.style.position = 'absolute';
         this.overlay.style.transformOrigin = 'center center';
@@ -194,7 +198,7 @@ class SimpleAR {
         this.overlay.style.transform = `
       translate(${screenX}px, ${screenY}px)
       translate(-50%, -50%)
-      scale(${scale * scaleX * 0.01})
+      scale(${finalScale})
       rotate(${-rotation}rad)
     `;
     }