3D Assets

Supported formats

Format	Usage
GLB/GLTF	3D models (recommended)
OBJ	3D models (legacy)
PNG/JPG	Textures
HDR	Environment maps
MP4	Video textures

Loading GLB models

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

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

// Add as AR content
adapter.addARContent('myMarker', model, { scale: 1 })

Optimization

For mobile AR experiences, optimize your assets:

• Polygons: Keep models below 100K polygons
• Textures: Maximum 2048x2048, preferably 1024x1024
• Texture formats: Use compression (Draco for geometry, KTX2 for textures)
• Animations: Avoid very dense vertex animations

Recommended asset structure

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