8th Wall 2026: Cómo crear AR sin cuenta y sin suscripción

La Realidad Aumentada en la web (WebAR) ha cambiado para siempre. 8th Wall, la tecnología que permitió que la AR funcionara en cualquier navegador de smartphone sin instalar apps, ha liberado su motor o por lo menos partes de él. Si quieres saber qué puedes hacer hoy mismo, aquí te lo contamos todo.

¿Qué está pasando con 8th Wall en 2026 y que va a pasar?

El 28 de febrero de 2026 marcó un antes y un después. Niantic (los dueños de 8th Wall) cerró la plataforma de alojamiento pagado (8thwall.com) y lanzó 8thwall.org, una versión de código abierto.

El cambio clave: Ya no hay suscripciones mensuales de cientos de dólares. El motor ahora es una librería que puedes descargar y usar.

La mala noticia: Herramientas en la nube como el Cloud Editor y el hosting directo de 8th Wall ya no existen. Ahora tú eres el responsable de programar y alojar tu propio código. (A mis ojos no es mala noticia)

Lo que es GRATIS vs. Lo que ya no existe

¿Qué es el «Engine Binary» y cómo se maneja en 8th Wall?

En el mundo del software, un «Binary» (Binario) es un archivo de código que ya ha sido compilado; es decir, no puedes ver el código fuente ni modificar cómo funciona por dentro, pero puedes «ejecutarlo» para que haga su trabajo.

A diferencia de otras librerías donde puedes leer cada línea de código como por ejemplo MindAR, el Motor de 8th Wall (XR Engine) se distribuye como un archivo cerrado. Esto permite que Niantic proteja su algoritmo de SLAM (el más avanzado del mercado) mientras te permite usarlo gratis.

Lo que debes saber del Binario de 8th Wall para tus aplicaciones de realidad aumentada:

• Es «Closed Source»: No puedes ver cómo está programado el motor interno ni recompilarlo.
• Licencia de Uso Limitado: Puedes usarlo para tus proyectos y distribuirlo en tus propias apps o sitios web, pero no puedes vender el motor como si fuera tuyo ni crear un competidor de 8th Wall con él.
• Indispensable para el AR Pro: Si quieres que tu experiencia tenga World Effects (rastreo de suelo) o Absolute Scale (medidas reales), tienes que incluir este archivo binario en tu proyecto.

¿Cómo se integra en el código de tu aplicación de realidad aumentada con 8th wall?

Ya no se llama a una URL externa de Niantic. Ahora, el proceso es local:

• Descarga: Obtienes el paquete xr-standalone.zip desde el nuevo portal o GitHub. Busca la opción (Download) al lado derecho y se descargara el zip.
• Referencia Local: En lugar de apuntar a apps.8thwall.com, subes el archivo xr.js a tu propio servidor y lo etiquetas así:

<script async src="./js/xr.js"></script>
//Puedes tambien hacer varios llamados
<script async src="./js/xr.js" data-preload-chunks="slam, face"></script>

• Carga de Módulos (Chunks): Como el binario es pesado, debes decirle qué partes cargar específicamente para ahorrar datos al usuario:
  • XR8.loadChunk(‘slam’) -> Para rastrear el mundo.
  • XR8.loadChunk(‘face’) -> Para filtros faciales.

Explicación para no-programadores: ¿Qué es eso de los «Chunks» y como funciona?

Si no eres programador, imagina que 8th Wall es un videojuego que quieres jugar en tu celular.

• El Binario (xr.js): Es como descargar la aplicación base del juego. Ocupa poco espacio y se descarga rápido.
• Los Chunks (Módulos): Son como los «niveles» o «mapas» del juego. Si solo vas a jugar en el nivel del desierto (filtros de cara), no necesitas descargar el mapa de la ciudad (rastreo de suelo). Al separar el código en chunks, la página web carga mucho más rápido porque solo baja lo que realmente vas a usar.
• El «Await» (La espera): Es simplemente el letrero de «Cargando…». Cuando el programador escribe await XR8.loadChunk(‘slam’), le está diciendo al navegador: «Oye, no abras la cámara todavía; espera a que el mapa de rastreo de suelo termine de descargarse por completo».

En resumen: Gracias a este sistema, tus usuarios no tienen que esperar 30 segundos viendo una pantalla en blanco. Pueden entrar a la web casi instantáneamente y ver cómo se descargan solo las funciones de AR que tu campaña necesita.

Lenguajes y Frameworks: ¿Cómo se programa 8th Wall?

8th Wall corre directamente en el navegador, lo que significa que hablamos el lenguaje de la web.

El Lenguaje Base: JavaScript (ES6+)

Todo en 8th Wall se construye con JavaScript. Al ser una librería .js, puedes usarla con los estándares modernos de desarrollo web.

• Node.js: Para gestionar tus dependencias y paquetes si usas herramientas como Webpack o Vite.
• TypeScript: Aunque el motor es JS, muchos desarrolladores usan TypeScript para tener un código más limpio y evitar errores de «tipado» en proyectos grandes.

Los Motores de Renderizado (Frameworks 3D) en 8th Wall

8th Wall pone la «inteligencia» (el rastreo, la cámara, los puntos), pero necesitas un motor para dibujar los objetos 3D. Tienes estas opciones principales:

A-Frame (El más popular y fácil)

Es un framework basado en HTML. Si sabes crear una página web básica, puedes usar A-Frame.

• Cómo funciona: Usas etiquetas como a-entity o a-box.
• Ideal para: Campañas de marketing rápidas, galerías de arte sencillas y principiantes.
• Relación con 8th Wall: 8th Wall tiene componentes oficiales que se «inyectan» directamente en A-Frame.

Three.js (El estándar de la industria)

Es la librería de gráficos 3D más poderosa para la web.

• Cómo funciona: Todo es código puro. Tú controlas la matriz de la cámara, las luces, las sombras y los materiales avanzados (PBR).
• Ideal para: Experiencias AAA, juegos web complejos y visualizaciones de productos de hiper-lujo.

Babylon.js

Una alternativa muy robusta a Three.js, mantenida por Microsoft.

• Ideal para: Desarrolladores que vienen del mundo de los videojuegos (como Unity) y prefieren un motor más estructurado y con mejores herramientas de físicas.

React + React Three Fiber (R3F)

Puedes usar React para manejar la interfaz de usuario (botones, menús) y React Three Fiber para renderizar el 3D dentro del ecosistema de componentes de React.

Herramientas de Desarrollo (Workflow)

Ya que el Cloud Editor desapareció, el flujo de trabajo ahora es:

• Editor de Código: Visual Studio Code (el estándar).
• Entorno Local: Usar Vite o SSL Local. (Importante: ¡La Realidad Aumentada solo funciona bajo protocolos seguros https!).
• 8th Wall Desktop: La nueva aplicación de escritorio que mencionamos antes, que te permite tener una interfaz visual similar a un motor de juegos mientras programas en JS.

Tabla Comparativa de Dificultad

¿Qué pasa con Unity entonces para 8th Wall?

Muchos preguntan esto. 8th Wall tenía un plugin para Unity, pero con el cambio a Open Source y el fin del hosting en 2027, el enfoque actual es 100% Web Nativa. Si quieres usar Unity para WebAR, ahora es más complejo y requiere exportar como WebGL, lo cual suele ser muy pesado para móviles.

¿Como se utilizan los Image Targets en 8th Wall?

La forma de crear y utilizar marcadores en 8th Wall ha cambiado ahora que es open source. por el momento solo podemos utilizar las opciones de marcadores planos y cilindricos. Esperemos que a futuro podamos hacer uso de otras formas.

Creando Marcadores en 2026: El Image Target CLI

Como la versión de escritorio (8th Wall Desktop) aún está en desarrollo, la forma oficial y más potente de crear marcadores hoy es a través de la Interfaz de Línea de Comandos (CLI).

¿Qué es el Image Target CLI?

Es una herramienta de terminal que procesa tus imágenes y las convierte al formato exacto que el Motor Offline de 8th Wall entiende. Olvídate de subir archivos a una web; ahora todo sucede en tu computadora.

Paso a Paso para Generar Marcadores con el image targe CLI de 8th wall:

Un dato importante para esto es que yo estoy utilizando Visual Studio Code, entonces abro la terminal en mi proyecto y desde ahí comienzo con los siguientes pasos:

• Clona el repositorio oficial: git clone https://github.com/8thwall/8thwall.git
• Instala las dependencias: Entra a la carpeta apps/image-target-cli y ejecuta npm install
• Corre la herramienta: Ejecuta node ./src/index.js y sigue las instrucciones en pantalla.

¿Qué te pedirá la herramienta?

• Ruta de la imagen: Dónde está tu JPG o PNG.
• Tipo de recorte (Crop): Puedes usar el recorte centrado por defecto o definir dimensiones manuales.
• Geometría: Elige entre Flat (Plano) o Cylindrical (Cilíndrico). Si eliges cilindro, te pedirá la circunferencia y el ancho del objetivo (puedes usar mm o pulgadas).

El Resultado: ¿Qué archivos genera?

Una vez que termines, la herramienta te entregará una carpeta con:

• Archivo JSON: Contiene toda la metadata técnica.
• Imagen Original y Cropped: Tu imagen lista para el motor.
• Thumbnail: Una miniatura de 263×350.
• Luminance Image: Una versión en escala de grises de 480×640 (es la que el motor usa para «ver» los contrastes).

¿Cómo cargar tus Marcadores en el Código de tu WebAR de 8th Wall?

const onxrloaded = () => {
  XR8.XrController.configure({
    imageTargetData: [
      require('../image-targets/poster-principal.json'),
      require('../image-targets/tarjeta-contacto.json'),
    ],
  })
}

// Escuchamos el evento de carga del motor
window.XR8 ? onxrloaded() : window.addEventListener('xrloaded', onxrloaded)

El Nuevo Horizonte de la WebAR: Libertad y Responsabilidad

La transición de 8th Wall hacia un modelo basado en binarios standalone y apertura del ecosistema marca el fin de una etapa dominada por plataformas cerradas y el inicio de una era de propiedad técnica. Para el desarrollador, el cierre del alojamiento administrado por Niantic no representa un retroceso, sino una graduación profesional.

Atrás queda la dependencia del Cloud Editor y el modelo tradicional de suscripción mensual. Lo que tenemos hoy es un motor potente que podemos ejecutar bajo nuestra propia infraestructura, con control total sobre el código, el rendimiento y la privacidad del usuario.

Puntos Clave para el Futuro de la WebAR

• De «No-Code» a «Pro-Code»: La desaparición de herramientas visuales en la nube obliga a los creadores a profundizar en JavaScript y frameworks como A-Frame o Three.js. Esto inevitablemente elevará el estándar técnico de las experiencias WebAR en el mercado.
• El Binario como Nuevo Estándar: Aceptar el motor como un binario cerrado es un equilibrio razonable: la empresa protege su propiedad intelectual relacionada con SLAM, mientras los desarrolladores acceden a una de las tecnologías de rastreo más avanzadas del ecosistema WebAR para desplegarla bajo su propio control.
• Optimización y Control Real:El sistema de Chunks y la generación local de Image Targets mediante CLI ofrecen un nivel de optimización y granularidad que antes no era posible bajo un esquema de hosting administrado.

En 2026, la WebAR no es simplemente más accesible: es más responsable. Ya no se trata de pagar por infraestructura gestionada, sino de asumir el dominio técnico del stack completo. Si estás dispuesto a trabajar directamente con el código, administrar tu propio hosting y dominar la línea de comandos, el límite ya no es financiero, sino creativo.

El motor está en tus manos. Ahora la pregunta es qué arquitectura estás dispuesto a construir.

En los siguientes días estaré actualizando esta entrada con nuevos tutoriales al respecto.