I’d like to use a tracking marker (perhaps via ar.js or artoolkit/artoolkit5) to accurately place a 3d object in a specific real world location.
I would then like to use webXR/webAR technology so that the the 3d object will remain in place even if the camera moves away from the marker or the marker is obstructed/hidden from view.
I’ve been playing with the demos below but I am struggling to work out how to marry the two aspects as I’m new to the libraries.
It looks like to me that the most important part to get right is the camera position between the webXR and marker tracking libraries as well as the camera’s controller but I’m not sure how to do this.
I am currently looking into a solution that uses WebXR and its experimental “image-tracking” - my Android phone is too old (OS 10) and I would like a solution that works for most devices…
Any help is appreciated. Some info for the curious:
WebXR Image Tracking is an experimental API enabling browsers to detect, track, and anchor 3D content to real-world, 2D image markers (posters, packaging) using device cameras. It works locally on the device to provide real-time pose (position/rotation) data, currently requiring Chrome flags (#webxr-incubations) on Android or specific WebXR-enabled browsers.
SImple: not possible (unfortunately) until the image tracking will be an official feature on Chrome (maybe never). There are tons of dicussions about it
