Skip to content

Commit 47e0208

Browse files
committed
update image tracking example
1 parent 5dd3011 commit 47e0208

1 file changed

Lines changed: 7 additions & 15 deletions

File tree

documentation/how-to-guides/scripting/image-tracking.md

Lines changed: 7 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -70,25 +70,17 @@ export class OnImageFound extends Behaviour {
7070
The `WebXRImageTracking` component dispatches an `image-tracking` event every frame when images are being tracked. The event's `detail` contains an array of `WebXRTrackedImage` objects.
7171

7272
```ts
73-
import { Behaviour, WebXRImageTracking, WebXRTrackedImage } from "@needle-tools/engine";
73+
import { Behaviour, WebXRImageTracking } from "@needle-tools/engine";
7474

7575
export class ImageTrackingHandler extends Behaviour {
7676
onEnable() {
77-
// Get the WebXRImageTracking component in the scene
7877
const tracker = this.gameObject.getComponent(WebXRImageTracking);
79-
tracker?.addEventListener("image-tracking", this.onImageTracking);
80-
}
81-
82-
onDisable() {
83-
const tracker = this.gameObject.getComponent(WebXRImageTracking);
84-
tracker?.removeEventListener("image-tracking", this.onImageTracking);
85-
}
86-
87-
private onImageTracking = (event: CustomEvent) => {
88-
const trackedImages: WebXRTrackedImage[] = event.detail;
89-
for (const img of trackedImages) {
90-
console.log(img.url, img.state);
91-
}
78+
// The event is fully typed — event.detail is WebXRTrackedImage[]
79+
tracker?.addEventListener("image-tracking", event => {
80+
for (const img of event.detail) {
81+
console.log(img.url, img.state);
82+
}
83+
});
9284
}
9385
}
9486
```

0 commit comments

Comments
 (0)