Added custom found/lost events to markerControls for three.js core

Author: fcor

three.js/src/threex/threex-artoolkitcontext.js

@@ -128,8 +128,13 @@ ARjs.Context.prototype.update = function (srcElement) {
     }
     this._updatedAt = present
 
-    // mark all markers to invisible before processing this frame
+    var prevVisibleMarkers = []
+
+    // mark all markers to invisible before processing this frame & store prev state
     this._arMarkersControls.forEach(function (markerControls) {
+        if (markerControls.object3d.visible) {
+            prevVisibleMarkers.push(markerControls)
+        }
         markerControls.object3d.visible = false
     })
 
@@ -145,6 +150,22 @@ ARjs.Context.prototype.update = function (srcElement) {
         type: 'sourceProcessed'
     });
 
+    // After frame is processed, check visibility of each marker to determine if it was found or lost
+    this._arMarkersControls.forEach(function (markerControls) {
+        var wasVisible = prevVisibleMarkers.includes(markerControls);
+        var isVisible = markerControls.object3d.visible;
+
+        if (isVisible === true && wasVisible === false) {
+            window.dispatchEvent(new CustomEvent('markerFound', {
+                detail: markerControls,
+            }))
+        } else if (isVisible === false && wasVisible === true) {
+            window.dispatchEvent(new CustomEvent('markerLost', {
+                detail: markerControls,
+            }))
+        }
+})
+
 
     // return true as we processed the frame
     return true;