Ir al contenido principal

Paquetes alojados

Metaetiquetas​

Utiliza las etiquetas de 8th Wall <meta> para cargar rápidamente renderizadores y paquetes comunes en tu proyecto de editor de nubes.

Utilice el atributo name para especificar si está cargando un renderer o un package, y el atributo content para especificar qué renderer/paquete:

<meta name="8thwall:renderer" content="renderer:version">
<meta name="8thwall:package" content="@package.package">

Renderizadores​

Puedes utilizar la etiqueta <meta name="8thwall:renderer" ...> para cargar A-Frame, three.js o Babylon.js en tu proyecto de editor de nubes:

<meta name="8thwall:renderer" content="aframe:version">
<meta name="8thwall:renderer" content="threejs:version">
<meta name="8thwall:renderer" content="babylonjs:version">

aframe​

Sólo algunas versiones de A-Frame son compatibles con la etiqueta <meta>. Esto se debe a que 8th Wall utiliza una versión personalizada de A-Frame que introduce varias mejoras para soportar mejor la RA.

  • 0.8.2
  • 0.9.0
  • 0.9.2
  • 1.0.3
  • 1.0.4
  • 1.1.0
  • 1.2.0
  • 1.3.0
  • 1.4.1
  • 1.5.0
Ejemplo​
<meta name="8thwall:renderer" content="aframe:1.5.0">

tresjs​

Todas las versiones de three.js son compatibles a través de la etiqueta <meta>.

Tenga en cuenta que three.js 160+ requiere el uso de mapas de importación en lugar de una etiqueta <meta>. Véase un ejemplo en aquí.

Ejemplo​
<meta name="8thwall:renderer" content="threejs:159">

Paquetes​

Puedes utilizar la etiqueta <meta name="8thwall:package" ...> para cargar paquetes comunes en tu proyecto de editor de nubes:

PaqueteValor del contenido
XRExtras@8thwall.xrextras
Páginas de destino@8thwall.landing-page
Coaching Overlay@8thwall.coaching-overlay
Vue@vuejs.vue
HoloVideoObject@mrcs.holovideoobject
React@react.react
React DOM@react.react-dom
React Router DOM@react.react-router-dom
A-Frame Extras@aframe.aframe-extras
Sistema de Física A-Frame@aframe.aframe-sistema-fisico

Ejemplo​

<meta name="8thwall:package" content="@8thwall.xrextras">

Todas las etiquetas <meta> anteriores evalúan URLs CDN oficiales. Extraerán la última versión compatible del paquete. Si desea utilizar una versión específica, utilice una etiqueta <script> en su lugar.

8ª Pared CDN​

8th Wall aloja una variedad de paquetes fijados a versiones específicas en nuestra CDN para mayor comodidad.

munición​

  • https://cdn.8thwall.com/web/aframe/ammo.wasm.js
  • https://cdn.8thwall.com/web/aframe/ammo.wasm.wasm

aframe-sistema-físico​

  • https://cdn.8thwall.com/web/aframe/aframe-physics-system-3.2.0.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-physics-system-4.0.1.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-physics-system-4.0.1-updated.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-physics-system-4.2.2.min.js

aframe-animation-component​

  • https://cdn.8thwall.com/web/aframe/aframe-animation-component-5.1.2.min.js

aframe-cromakey-material​

  • https://cdn.8thwall.com/web/aframe/aframe-chromakey-material-1.1.1.min.js

aframe-extras​

  • https://cdn.8thwall.com/web/aframe/aframe-extras-4.2.0.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-extras-6.1.0.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-extras-6.1.1.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-extras-7.2.0.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-extras-7.2.0.min.js

aframe-particle-system-component​

  • https://cdn.8thwall.com/web/aframe/aframe-particle-system-component-1.1.3.min.js
  • https://cdn.8thwall.com/web/aframe/aframe-particle-system-component-1.1.4.min.js

aframe-spe-particles-component​

  • https://cdn.8thwall.com/web/aframe/aframe-spe-particles-component.min.js

depthkit​

  • https://cdn.8thwall.com/web/aframe/depthkit-1.0.0.min.js

holovideoobjeto​

  • https://cdn.8thwall.com/web/mrcs/holovideoobject-0.2.2.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.2.2.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.2.3.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.2.5.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.1.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.2.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.3.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.4.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.6.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.3.7.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.4.0.min.js
  • https://cdn.8thwall.com/web/mrcs/holovideoobject-1.5.0.min.js

Carga de partes específicas del motor​

Para minimizar el tamaño de la descarga del usuario final, puede cargar selectivamente sólo las funciones necesarias del motor utilizando los métodos que se indican a continuación.

Editor de nubes​

Puede especificar qué trozos precargar añadiendo la siguiente metaetiqueta a head.html.

  • Trozos aceptados: 'golpe', 'mano', 'cara'.
<meta name="8thwall:preloadChunks" content="slam,hand,face" />

Autoalojado​

Alternativamente, puede definir los trozos necesarios añadiendo la siguiente etiqueta script:

  • Los trozos aceptados son 'golpe', 'mano', 'cara'.
<script> window._XR8Chunks = ['slam'] </script>