Some examples not detecting Image Target

[sachinjain3677]

Hi @vasturiano thanks for the amazing project.
But I was unable to get the following examples working
https://vasturiano.github.io/3d-force-graph-ar/example/text-nodes/
https://vasturiano.github.io/3d-force-graph-ar/example/img-nodes/
https://vasturiano.github.io/3d-force-graph-ar/example/text-links/

Somehow it fails to detect the Image Target and just sits idle. This is being observed in Iphone XR, a latest android device and chrome browser on desktop as well.

Steps to reproduce the behavior:

1. Open an example
2. Give camera permission
3. Point the camera to the Hiro image target
4. Nothing happens

Ideally, a graph should appear in front of the image target.

Desktop

• OS: MacOS Monterey 12.2.1
• Browser: Google Chrome, Safari

Smartphone

• Device: Android, Iphone XR
• Browser: Google Chrome

Is this a configuration issue somehow on my side? Please let me know.

[vasturiano]

@sachinjain3677 thanks for reaching out.

The reason for this issue is that Aframe has trouble raycasting against Sprite type objects. And all of those examples use Sprites for nodes and/or links. This cause this error in the console:

aframe:27923 THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.

Unfortunately this needs to be fixed inside Aframe before the examples can be made to work.