31 ejemplos de WebAR Fácil
Inicio · Manual en español · English documentation · Apoyar
Abre mediante el servidor del proyecto. En móviles utiliza HTTPS y permite la cámara. Cada HTML contiene sus propios comentarios y código; solo comparte el SDK y la carpeta assets.
Mostrar el marcador en otra pantalla o imprimirlo a 20 cm de ancho. Los nuevos ejemplos 14–25 usan ../assets/marcador.jpg y ../assets/marcador2.jpg; los primeros trece conservan sus rutas.
Los ejemplos 07–13 usan odometría óptica sin marcador: desplaza la cámara sobre textura y pulsa Colocar aquí. La escala es relativa; no es una reconstrucción completa ni se garantiza ausencia de deriva.
- Modelo GLB con marcador
- Mover, girar y escalar con marcador
- Dos botones para cambiar el GLB con marcador
- Texto escrito sobre el marcador
- Vídeo MP4 con marcador
- Mover la iluminación con marcador
- Modelo GLB con SLAM óptico
- Mover, girar y escalar con SLAM
- Dos botones para cambiar el GLB con SLAM
- Texto escrito con SLAM
- Vídeo MP4 con SLAM
- Mover la iluminación con SLAM
- Guardar, recuperar y borrar un mapa local
- Varios marcadores independientes
- Elegir animaciones de un GLB
- MP4 con chroma key ajustable
- Elegir imagen y GLB desde el dispositivo
- Tolerancia y retención al perder el marcador
- Tocar partes del modelo
- Catálogo y variantes de color
- Del marcador al seguimiento espacial
- WebXR nativo con hit-test
- Comparar perfiles de rendimiento
- Modelo, texto y vídeo en un marcador
- Integración con A-Frame
- Colocación con mira y cuadrícula local
- Pantalla completa, foto y vídeo
- Escala métrica experimental
- Three.js con renderer propio
- Explora superficies y toca para colocar
- Reconoce un celular y muestra a Kai
Para editar: cambia ../assets/Kai-WebAR-Facil.glb, ../assets/cohete.glb, ../assets/marcador.jpg o ./assets/video.mp4 dentro de cada HTML. No necesitas generar .dat/JSON manualmente ni descargar scripts de terceros.