Skip to content

Image Tracking con Babylon.js

Setup

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

Añadir contenido AR

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

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