Skip to content

Image Tracking con A-Frame

Setup

javascript
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)

Añadir contenido AR

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

Cargar marker y arrancar

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

await tracker.start()

Opciones de addARContent

OpciónTipoDefaultDescripción
scalenumber1Multiplicador de escala
flipXbooleanfalseVoltear horizontalmente