Image Tracking with Babylon.js

Setup

import { MiniTrackAR } from './minitrack-core.js'
import { BabylonAdapter } from './adapters/babylon.js'
import * as BABYLON from '@babylonjs/core'

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

// Adapter
const adapter = new BabylonAdapter({ scene, camera, engine })
adapter.attach(tracker)

Add AR content

const box = BABYLON.MeshBuilder.CreateBox('box', { size: 0.1 }, scene)
adapter.addARContent('myMarker', box, { scale: 1, flipX: true })

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