Assets 3D

Formatos soportados

Formato	Uso
GLB/GLTF	Modelos 3D (recomendado)
OBJ	Modelos 3D (legacy)
PNG/JPG	Texturas
HDR	Environment maps
MP4	Vídeo textures

Carga de modelos GLB

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'

const loader = new GLTFLoader()
const gltf = await loader.loadAsync('./models/mi-modelo.glb')
const model = gltf.scene

// Añadir como contenido AR
adapter.addARContent('miMarker', model, { scale: 1 })

Optimización

Para experiencias AR en móvil, optimiza tus assets:

• Polígonos: Mantén los modelos por debajo de 100K polígonos
• Texturas: Máximo 2048x2048, preferiblemente 1024x1024
• Formatos de textura: Usa compresión (Draco para geometría, KTX2 para texturas)
• Animaciones: Evita animaciones de vértices muy densas

Estructura de assets recomendada

src/assets/
├── models/
│   ├── mi-modelo.glb
│   └── otro-modelo.glb
├── textures/
│   ├── env-map.hdr
│   └── custom-texture.png
├── audio/
│   └── ambient.mp3
└── markers/
    ├── marker1.jpg
    └── marker2.jpg