Image Tracking with A-Frame

Setup

import { MiniTrackAR } from './minitrack-core.js'
import { AFrameAdapter } from './adapters/aframe.js'

// Tracker
const tracker = new MiniTrackAR({
  licenseKey: 'YOUR_LICENSE_KEY'
})
await tracker.init()

// Adapter
const sceneEl = document.querySelector('a-scene')
const adapter = new AFrameAdapter({ sceneEl })
adapter.attach(tracker)

Add AR content

const boxEl = document.getElementById('ar-box')
adapter.addARContent('myMarker', boxEl, { scale: 1 })

Load marker and start

const img = new Image()
img.src = './marker.jpg'
await new Promise(r => { img.onload = r })
await tracker.addTarget('myMarker', img)

await tracker.start()

addARContent options

Option	Type	Default	Description
scale	number	1	Scale multiplier
flipX	boolean	false	Flip horizontally