Ir al contenido principal

Proyectos autoalojados

Los proyectos autoalojados existentes funcionarán sin cambios hasta el 28 de febrero de 2027. Esta guía explica el proceso de migración del motor alojado en 8th Wall al motor binario de 8th Wall, lo que permitirá que su proyecto siga vivo después de febrero de 2027.

información

El binario del motor de 8th Wall no admite funciones dependientes de la nube o aquellas para las que no tenemos licencia de distribución, como:

  • VPS / Mapas
  • Seguimiento manual
  • Módulos / Backends

Para actualizar un proyecto autoalojado para que utilice el binario del motor 8th Wall:

  1. Descarga xr-standalone.zip y descomprímelo en la carpeta de tu proyecto.
  2. Elimine la etiqueta script de apps.8thwall.com/xrweb y sustitúyala por <script async src="./path/to/xr.js"></script>.
  3. Añade data-preload-chunks a la etiqueta script o llama await XR8.loadChunk() en tu código antes de arrancar el motor. Consulte las secciones siguientes para obtener más información.
nota

data-preload-chunks="face, slam" también es compatible con las experiencias que utilizan efectos de mundo y de cara.

Efectos en el mundo​

Si utilizas el seguimiento mundial, añade data-preload-chunks="slam" a la etiqueta script o llama a await XR8.loadChunk('slam') en tu código antes de arrancar el motor.

Efectos faciales​

Si utilizas el seguimiento facial, añade data-preload-chunks="face" a la etiqueta script o llama a await XR8.loadChunk('face') en tu código antes de arrancar el motor.

Objetivos de imagen​

Si utiliza objetivos de imagen, añada data-preload-chunks="slam" a la etiqueta script o llame a await XR8.loadChunk('slam') en su código antes de iniciar el motor.

Descargar objetivos de imagen​

Descargue los objetivos de imagen de la consola 8th Wall:

Recibirá un archivo .zip con sus objetivos de imagen. Mueva esta carpeta a su proyecto autoalojado.

Configurar objetivos de imagen​

Configura los objetivos de imagen al inicio de tu experiencia.

Para activar los objetivos de imagen, llame a XR8.XrController.configure antes de cualquier otro código:

const onxrloaded = () => {
  XR8.XrController.configure({
    imageTargetData: [
      require('../image-targets/target1.json'),
      require('../image-targets/target2.json'),
    ],
  })
}
window.XR8 ? onxrloaded() : window.addEventListener('xrloaded', onxrloaded)
información

Los objetivos autocargados tendrán una propiedad "loadAutomatically": true en el archivo json.