Skip to main content

Paquets hébergés

Balises méta

Utilisez les balises 8th Wall <meta> pour charger rapidement les moteurs de rendu et les paquets courants dans votre projet d'éditeur de nuages.

Utilisez l'attribut name pour spécifier si vous chargez un renderer ou un package, et l'attribut content pour spécifier quel rendererer/package :

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

Renderers

Vous pouvez utiliser la balise <meta name="8thwall:renderer" ...> pour charger A-Frame, three.js ou Babylon.js dans votre projet d'éditeur de nuages :

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

aframe

Seules certaines versions de A-Frame sont prises en charge par la balise <meta>. En effet, 8th Wall utilise une version personnalisée d'A-Frame qui apporte diverses améliorations pour mieux prendre en charge la réalité augmentée.

  • 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
Exemple
<meta name="8thwall:renderer" content="aframe:1.5.0">

threejs

Toutes les versions de three.js sont supportées par la balise <meta>.

Notez que three.js 160+ requiert l'utilisation de cartes d'importation au lieu d'une balise <meta>. Voir ici pour un exemple.

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

Paquets

Vous pouvez utiliser la balise <meta name="8thwall:package" ...> pour charger des paquets communs dans votre projet d'éditeur de nuages :

PaquetValeur du contenu
XRExtras@8thwall.xrextras
Pages d'atterrissage@8thwall.landing-page
Superposition d'entraîneurs@8thwall.coaching-overlay (en anglais)
Vue@vuejs.vue
HoloVideoObject@mrcs.holovideoobject
React@react.react
React DOM@react.react-dom
React Router DOM@react.react-router-dom
Extras A-Frame@aframe.aframe-extras
Système physique A-Frame@aframe.aframe-physics-system

Exemple

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

Tous les tags <meta> ci-dessus évaluent les URLs CDN officielles. Ils utiliseront la dernière version supportée du paquet. Si vous souhaitez utiliser une version spécifique, utilisez plutôt la balise <script>.

8th Wall CDN

8th Wall héberge une variété de paquets fixés à des versions spécifiques sur notre CDN pour plus de commodité.

munitions

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

aframe-physics-system

  • 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-chromakey-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

kit de profondeur

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

Objet holovidéo

  • 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

Chargement de morceaux de moteur spécifiques

Pour minimiser la taille du téléchargement de l'utilisateur final, vous pouvez charger de manière sélective uniquement les fonctionnalités nécessaires du moteur en utilisant les méthodes ci-dessous.

Editeur de nuages

Vous pouvez spécifier les morceaux à précharger en ajoutant la balise méta suivante à head.html.

  • Morceaux acceptés : "slam", "hand", "face".
<meta name="8thwall:preloadChunks" content="slam,hand,face" />

Auto-hébergé

Vous pouvez également définir les morceaux requis en ajoutant la balise de script suivante :

  • Les morceaux acceptés sont "slam", "hand", "face".
<script> window._XR8Chunks = ['slam'] </script>