How to detect when a marker is found in AR.js

Question

I\'m trying to detect when a marker if found/lost in ar.js, while using a-frame.

From what I see in the source code, when the marker is found, a \'getMarker\' event

Answer 1

PR303 introduces events when a marker is found and lost

• markerFound
• markerLost

You can use them by simply adding an event listener:

anchorRef.addEventListener("markerFound", (e)=>{ // your code here}

with a simple setup like this:

example here. Please note, that as of sep 18', you need to use the dev branch to use the above.

---

ORIGINAL ANWSER - in case you want to do it manually

---

Detecting if the marker is found is possible by checking if the marker is visible when needed (other event, or on tick): if(document.querySelector("a-marker").object3D.visible == true)

For example:

init: function() {
   this.marker = document.querySelector("a-marker")
   this.markerVisible = false
},
tick: function() {
   if (!this.marker) return
   if (this.marker.object3D.visible) {
      if (!this.markerVisible) {
         // marker detected
         this.markerVisible = true
      }
   } else {
      if (this.markerVisbile) {
         // lost sight of the marker
         this.markerVisible = false
      }
   }
}

---

As adrian li noted, it doesn't work with a-marker-camera, only with a-markers