Selbst gehostete Projekte

Bestehende selbst gehostete Projekte werden bis zum 28. Februar 2027 unverändert funktionieren. Dieser Leitfaden führt Sie durch den Prozess der Migration von der von 8th Wall gehosteten Engine auf die 8th Wall Engine Binary, so dass Ihr Projekt auch nach dem Februar 2027 weiterleben kann.

Infos

Die 8th Wall Engine Binary unterstützt keine Cloud-abhängigen Features oder solche, für die wir keine Lizenz haben, um sie zu verteilen, wie zum Beispiel:

• VPS / Karten
• Aktiviert die Handverfolgung
• Module / Backends

So aktualisieren Sie ein selbst gehostetes Projekt, um die 8th Wall Engine Binary zu verwenden:

1. Laden Sie xr-standalone.zip herunter und entpacken Sie es in Ihren Projektordner
2. Entfernen Sie das Skript-Tag für "apps.8thwall.com/xrweb" und ersetzen Sie es durch "".
3. Fügen Sie data-preload-chunks zum Skript-Tag hinzu oder rufen Sie await XR8.loadChunk() in Ihrem Code auf, bevor Sie die Engine starten. Weitere Einzelheiten finden Sie in den folgenden Abschnitten.

Hinweis

data-preload-chunks="face, slam" wird auch für Erlebnisse unterstützt, die sowohl Welt- als auch Gesichtseffekte verwenden.

Weltweite Auswirkungen

Wenn Sie die Weltverfolgung verwenden, fügen Sie data-preload-chunks="slam" zum Skript-Tag hinzu oder rufen Sie await XR8.loadChunk('slam') in Ihrem Code auf, bevor Sie die Engine starten.

Gesichtseffekte

Wenn Sie die Gesichtserkennung verwenden, fügen Sie data-preload-chunks="face" zum Skript-Tag hinzu oder rufen Sie await XR8.loadChunk('face') in Ihrem Code auf, bevor Sie die Engine starten.

Bild-Ziele

Wenn Sie Bildziele verwenden, fügen Sie data-preload-chunks="slam" zum Skript-Tag hinzu oder rufen Sie await XR8.loadChunk('slam') in Ihrem Code auf, bevor Sie die Engine starten.

Bild-Zielscheiben herunterladen

Laden Sie die Bildziele von der 8th Wall-Konsole herunter:

Sie erhalten eine .zip-Datei mit Ihren Bildzielen. Verschieben Sie diesen Ordner in Ihr selbstgehostetes Projekt.

Image-Ziele konfigurieren

Konfigurieren Sie die Bildziele zu Beginn Ihrer Erfahrung.

Um Bildziele zu aktivieren, rufen Sie XR8.XrController.configure vor jedem anderen Code auf:

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

Infos

Automatisch geladene Ziele haben eine Eigenschaft "loadAutomatically": true" in der json-Datei.