@srsergio/taptapp-ar 1.0.15 → 1.0.16

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

@@ -14,7 +14,7 @@ import { gpuCompute } from "../utils/gpu-compute.js";
 const PYRAMID_MIN_SIZE = 8;
 const PYRAMID_MAX_OCTAVE = 5;
 const NUM_BUCKETS_PER_DIMENSION = 8;
-const MAX_FEATURES_PER_BUCKET = 3; // Optimizado: Reducido de 5 a 3 para menor peso
+const MAX_FEATURES_PER_BUCKET = 10; // Aumentado de 3 a 10 para mayor densidad de puntos tracking
 const ORIENTATION_NUM_BINS = 36;
 const FREAK_EXPANSION_FACTOR = 7.0;
 // Global GPU mode flag
@@ -241,8 +241,8 @@ export class DetectorLite {
             for (let y = 1; y < height - 1; y++) {
                 for (let x = 1; x < width - 1; x++) {
                     const val = curr.data[y * width + x];
-                    if (Math.abs(val) < 0.015)
-                        continue; // Threshold
+                    if (Math.abs(val) < 0.01)
+                        continue; // Threshold reducido de 0.015 a 0.01 para mayor sensibilidad
                     let isMaxima = true;
                     let isMinima = true;
                     // Check 3x3 neighborhood in current scale

package/dist/compiler/simple-ar.js

@@ -152,14 +152,19 @@ 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 matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
+        const tz = worldMatrix[14];
+        // focal length (roughly 45 degrees FOV)
+        const f = videoH / 2 / Math.tan((45.0 * Math.PI / 180) / 2);
+        // Standard perspective projection to screen space
+        // tx, ty, tz are in marker units relative to camera
+        const screenX = offsetX + (videoW / 2 + (tx * f / -tz)) * scaleX;
+        const screenY = offsetY + (videoH / 2 - (ty * f / -tz)) * scaleY;
+        // Calculate rotation and scale from the matrix
         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;
+        const matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
+        // Perspective scale: how much larger/smaller the object is based on distance (tz)
+        const perspectiveScale = (f / -tz) * scaleX;
+        const finalScale = matrixScale * perspectiveScale;
         // Apply transform
         this.overlay.style.position = 'absolute';
         this.overlay.style.transformOrigin = 'center center';

package/package.json

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

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

@@ -16,7 +16,7 @@ import { gpuCompute } from "../utils/gpu-compute.js";
 const PYRAMID_MIN_SIZE = 8;
 const PYRAMID_MAX_OCTAVE = 5;
 const NUM_BUCKETS_PER_DIMENSION = 8;
-const MAX_FEATURES_PER_BUCKET = 3; // Optimizado: Reducido de 5 a 3 para menor peso
+const MAX_FEATURES_PER_BUCKET = 10; // Aumentado de 3 a 10 para mayor densidad de puntos tracking
 const ORIENTATION_NUM_BINS = 36;
 const FREAK_EXPANSION_FACTOR = 7.0;
 
@@ -282,7 +282,7 @@ export class DetectorLite {
                 for (let x = 1; x < width - 1; x++) {
                     const val = curr.data[y * width + x];
 
-                    if (Math.abs(val) < 0.015) continue; // Threshold
+                    if (Math.abs(val) < 0.01) continue; // Threshold reducido de 0.015 a 0.01 para mayor sensibilidad
 
                     let isMaxima = true;
                     let isMinima = true;

package/src/compiler/simple-ar.js

@@ -179,16 +179,23 @@ 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 matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
-        const rotation = Math.atan2(worldMatrix[1], worldMatrix[0]);
+        const tz = worldMatrix[14];
+
+        // focal length (roughly 45 degrees FOV)
+        const f = videoH / 2 / Math.tan((45.0 * Math.PI / 180) / 2);
 
-        // Convert from normalized coords to screen coords
-        const screenX = offsetX + (videoW / 2 + tx) * scaleX;
-        const screenY = offsetY + (videoH / 2 - ty) * scaleY;
+        // Standard perspective projection to screen space
+        // tx, ty, tz are in marker units relative to camera
+        const screenX = offsetX + (videoW / 2 + (tx * f / -tz)) * scaleX;
+        const screenY = offsetY + (videoH / 2 - (ty * f / -tz)) * scaleY;
+
+        // Calculate rotation and scale from the matrix
+        const rotation = Math.atan2(worldMatrix[1], worldMatrix[0]);
+        const matrixScale = Math.sqrt(worldMatrix[0] ** 2 + worldMatrix[1] ** 2);
 
-        // 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;
+        // Perspective scale: how much larger/smaller the object is based on distance (tz)
+        const perspectiveScale = (f / -tz) * scaleX;
+        const finalScale = matrixScale * perspectiveScale;
 
         // Apply transform
         this.overlay.style.position = 'absolute';