Skip to content

ThreeAdapter

Adapter de integración para Three.js.

Constructor

javascript
import { ThreeAdapter } from './adapters/three.js'

const adapter = new ThreeAdapter({
  scene,            // THREE.Scene
  camera,           // THREE.PerspectiveCamera
  renderer,         // THREE.WebGLRenderer
  showVideo: true   // Mostrar feed de cámara como fondo (default: true)
})
ParámetroTipoRequeridoDescripción
sceneTHREE.SceneEscena de Three.js
cameraTHREE.PerspectiveCameraCámara
rendererTHREE.WebGLRendererRenderer
showVideobooleanNoMostrar vídeo de cámara como fondo (default: true)

Métodos

attach(tracker)

Conecta el adapter al tracker.

javascript
adapter.attach(tracker)

addARContent(targetId, object3D, options)

Añade contenido 3D asociado a un target.

javascript
adapter.addARContent('miMarker', cube, { scale: 1, flipX: false })
ParámetroTipoDescripción
targetIdstringID del target
object3DTHREE.Object3DCualquier objeto 3D de Three.js
options.scalenumberMultiplicador de escala (default: 1)
options.flipXbooleanVoltear horizontalmente (default: false)

setup()

Configura el fondo de vídeo y la cámara. Llamar después de tracker.start().

javascript
await tracker.start()
adapter.setup()

startRenderLoop()

Inicia un render loop automático. Opcional si prefieres manejar el render manualmente.

javascript
adapter.startRenderLoop()