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ámetro | Tipo | Requerido | Descripción |
|---|---|---|---|
scene | THREE.Scene | Sí | Escena de Three.js |
camera | THREE.PerspectiveCamera | Sí | Cámara |
renderer | THREE.WebGLRenderer | Sí | Renderer |
showVideo | boolean | No | Mostrar 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ámetro | Tipo | Descripción |
|---|---|---|
targetId | string | ID del target |
object3D | THREE.Object3D | Cualquier objeto 3D de Three.js |
options.scale | number | Multiplicador de escala (default: 1) |
options.flipX | boolean | Voltear 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()