added onTargetUpdate event for image tracking

hiukim · Feb 8, 2023 · 7740932 · 7740932
1 parent 9c2e17e
commit 7740932
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/examples/image-tracking/example3.html b/examples/image-tracking/example3.html
@@ -51,6 +51,10 @@
           console.log("target lost");
         });
 
+        exampleTarget.addEventListener("targetUpdate", event => {
+          console.log("target position update");
+        });
+
 
 	loadingOverlay.style.display = "block";
 	controlOverlay.style.display = "block";

diff --git a/src/image-target/aframe.js b/src/image-target/aframe.js
@@ -277,6 +277,7 @@ AFRAME.registerComponent('mindar-image-target', {
   },
 
   updateWorldMatrix(worldMatrix) {
+    this.el.emit("targetUpdate");
     if (!this.el.object3D.visible && worldMatrix !== null) {
       this.el.emit("targetFound");
     } else if (this.el.object3D.visible && worldMatrix === null) {

diff --git a/src/image-target/three.js b/src/image-target/three.js
@@ -58,7 +58,7 @@ export class MindARThree {
     const group = new Group();
     group.visible = false;
     group.matrixAutoUpdate = false;
-    const anchor = { group, targetIndex, onTargetFound: null, onTargetLost: null, css: false, visible: false };
+    const anchor = { group, targetIndex, onTargetFound: null, onTargetLost: null, onTargetUpdate: null, css: false, visible: false };
     this.anchors.push(anchor);
     this.scene.add(group);
     return anchor;
@@ -68,7 +68,7 @@ export class MindARThree {
     const group = new Group();
     group.visible = false;
     group.matrixAutoUpdate = false;
-    const anchor = { group, targetIndex, onTargetFound: null, onTargetLost: null, css: true, visible: false };
+    const anchor = { group, targetIndex, onTargetFound: null, onTargetLost: null, onTargetUpdate: null, css: true, visible: false };
     this.anchors.push(anchor);
     this.cssScene.add(group);
     return anchor;
@@ -161,6 +161,10 @@ export class MindARThree {
                     this.anchors[i].onTargetFound();
                   }
                 }
+
+                if (this.anchors[i].onTargetUpdate) {
+                  this.anchors[i].onTargetUpdate();
+                }
               }
             }