WebAR para Range

Durante años, plataformas como 8thWall demostraron que la realidad aumentada en navegador podía ser una herramienta increíble para experiencias interactivas, marketing, visualización 3D y contenido educativo.

Cuando 8thWall cerró operaciones como plataforma independiente y posteriormente liberó parte de su tecnología, quedó algo muy claro: todavía existe un enorme interés por crear experiencias WebAR accesibles, abiertas y controladas por los propios desarrolladores.

Al mismo tiempo, muchas plataformas WebAR tradicionales obligaban a simplificar materiales, texturas y ciertos workflows 3D para asegurar compatibilidad y rendimiento en dispositivos móviles. Parte de la idea detrás de este proyecto fue precisamente ofrecer un pipeline más flexible y abierto para trabajar con escenas GLTF/GLB modernas, materiales PBR y arquitecturas runtime más extensibles.

Ahí es donde nace este proyecto.

Incluye:

  • instalación
  • exportación WebAR
  • configuración AR
  • viewer mode
  • runtime systems
  • troubleshooting
  • flujo de trabajo recomendado

Documentación

📘 Guía y documentación del addon:
WebAR For Range


¿Qué es Range WebAR Exporter?

Range WebAR Exporter es un addon para Range Engine enfocado en exportar escenas interactivas a experiencias WebAR modernas usando:

  • Three.js
  • WebXR
  • GLTF / GLB
  • Runtime modular portable

El objetivo no es solo “exportar modelos 3D”, sino crear una base flexible para experiencias interactivas en navegador con arquitectura extensible y orientada a runtime.


Características actuales

  • Exportación directa a WebAR
  • Viewer Mode y AR Mode
  • Hit-test placement
  • Runtime modular
  • Sistema de componentes y eventos
  • Hotspots interactivos
  • Animaciones runtime
  • Overlay debug tools
  • Arquitectura portable basada en SceneData
  • Preparación para integración futura con sistemas visuales de nodos

           

Usa el lector de QR en tu telefono y prueba los archivos de demostración

 


Requisitos para WebAR

Durante el uso dentro de Range Engine, el addon puede visualizar los proyectos utilizando un servidor local temporal generado automáticamente para pruebas rápidas y desarrollo. Sin embargo, para publicar experiencias WebAR y utilizarlas correctamente en dispositivos móviles, es necesario usar un servidor con HTTPS. Esto se debe a las restricciones actuales de WebXR y acceso a cámara/sensores en navegadores modernos. Abrir directamente el index.html desde el explorador de archivos (file://) no permitirá utilizar correctamente:

  • acceso a cámara
  • sesiones WebXR
  • hit-test AR
  • tracking AR

Opciones recomendadas para publicación:

  • Hosting HTTPS
  • GitHub Pages
  • Netlify
  • Vercel
  • Servidor HTTPS propio

⚠️ Algunas funciones WebXR pueden variar dependiendo del navegador y dispositivo utilizado.


Más que un exporter

Con el tiempo, el proyecto comenzó a evolucionar más allá de un simple exportador. Actualmente el runtime ya cuenta con:

  • sistemas modulares
  • lifecycle management
  • component registries
  • event/action architecture
  • SceneData abstraction layer

La meta a largo plazo es construir un pipeline portable donde la lógica visual pueda reutilizarse entre distintos backends y runtimes.


¿Por qué hacerlo?

Porque WebAR sigue siendo una tecnología extremadamente poderosa. No requiere instalar apps. Funciona desde el navegador. Es ideal para:

  • educación
  • visualización de productos
  • museos
  • marketing
  • prototipos interactivos
  • experiencias inmersivas ligeras

Y sobre todo: porque todavía hay espacio para herramientas abiertas, experimentales y hechas por desarrolladores independientes.


Estado del proyecto

El proyecto sigue en desarrollo activo y actualmente está enfocado en:

  • consolidar arquitectura runtime
  • SceneData como formato portable
  • modularidad
  • integración futura con sistemas visuales tipo Range Node Core (más información proximamente)

Todavía hay mucho trabajo por delante, pero la base ya comienza a tomar forma.

Más avances próximamente.

Leave a Reply

Your email address will not be published. Required fields are marked *