AR.js Image Tracking

See Full Article >>

Boost Your Social Clout

AR.js Image Tracking

Hey y’all,

I’m a bit of a beginner with html and javascript, so thanks in advance!

I’m trying to use ar.js with a-frame to create a simple web based augmented reality scene. Basically when you look at an image through your camera, you should see a 3d model. The website which opens your camera is an html website through github pages. In other words, I’m trying to implement this over the web, not locally, so anyone can use it.

The place that i’m having trouble is understanding how to use NFT’s, and then publishing the files online in order to reference them in my html code. For example, here is the complete documentation:

https://ar-js-org.github.io/AR.js-Docs/

Attached is an image showing the instructions for creating an NFT. The other picture is how the example calls their NFT through a URL.

I have used the NFT Marker Creator to get a .fset, .fset3, and .iset file for my .jpeg image tracker. However, currently these files are local. I’m confused on what to do next in order to reference them with a url like the example did. Do I upload them all to a folder somewhere online? or in github?

I hope this makes sense, thanks so much for any help!

https://preview.redd.it/o7ctdlg15sd61.png?width=1716&format=png&auto=webp&s=257fd4e4c1d77cd19bdfdabe360f014a324d6dd3

https://preview.redd.it/iytknkg15sd61.png?width=1350&format=png&auto=webp&s=6eb32d935446a7e718f4c677af327baed36fb29f

https://preview.redd.it/mzddkig15sd61.png?width=1624&format=png&auto=webp&s=7be4f0f6be6d79f4b15ed850af5f3baa30a8ca8f

submitted by /u/hthom_
[link] [comments]

Boost Your Social Clout