Ihre 3D-Modelle im Internet

Wir empfehlen die Verwendung von 3D-Modellen im GLB-Format (glTF 2.0 binary) für alle WebAR-Erlebnisse. GLB ist derzeit das beste Format für WebAR mit seiner geringen Dateigröße, großartigen Leistung und vielseitiger Funktionsunterstützung (PBR, Animationen, etc.).

Modelle zum GLB-Format konvertieren

Bevor Sie exportieren, stellen Sie sicher, dass:

• Der Drehpunkt befindet sich an der Basis des Modells (wenn Sie erwarten, dass es auf dem Boden aufliegt)
• Der Vorwärtsvektor des Objekts liegt entlang der Z-Achse (wenn Sie erwarten, dass es nach vorne zeigt)

Wenn Ihr Modell als glTF exportiert wurde, ziehen Sie den glTF-Ordner per Drag & Drop in gltf.report und klicken Sie auf Export, um es in eine GLB zu konvertieren.

Wenn Ihr Modell nicht in glTF/GLB aus einer 3D-Modellierungssoftware exportiert werden kann, importieren Sie es in Blender und exportieren es als gLTF oder verwenden einen Konverter.

Online-Konverter: Creators3D, Boxshot

Native Konverter: Maya2glTF, 3DS Max

Eine vollständige Liste der Konverter finden Sie unter https://github.com/khronosgroup/gltf#gltf-tools.

Es ist eine gute Idee, das Modell in glTF Viewer zu betrachten, bevor Sie es mit in ein 8th Wall Projekt importieren. So können Sie eventuelle Probleme mit Ihrem Modell erkennen, bevor Sie es zu einem 8th Wall-Projekt hinzufügen.

Nachdem Sie in ein 8th Wall-Projekt importiert haben, stellen Sie sicher, dass:

• Der Maßstab erscheint korrekt bei (1, 1, 1). Wenn die Skala um einen erheblichen Betrag abweicht (z.B. 0,0001 oder 10000), ändern Sie die Skala nicht im Code. Ändern Sie sie stattdessen in Ihrer Modellierungssoftware und importieren Sie erneut. Wenn Sie die Skalierung im Code stark verändern, kann dies zu Problemen mit dem Modell führen.
• Die Materialien erscheinen korrekt. Wenn Ihr Modell über reflektierende Materialien verfügt, können diese schwarz erscheinen, es sei denn, es gibt etwas zu reflektieren. Siehe das Reflektionsbeispielprojekt und/oder das Beispielprojekt Glasbeispielprojekt

Weitere Informationen über bewährte Verfahren für 3D-Modelle finden Sie im Abschnitt GLB-Optimierung.

Bitte lesen Sie auch den Blogbeitrag 5 Tipps für Entwickler, um jedes 8th Wall WebAR-Projekt realistischer zu gestalten .

FBX zu GLB konvertieren

Die folgende Anleitung erklärt, wie Sie das von Facebook entwickelte FBX2glTF CLI-Konvertierungstool lokal auf Ihrem Mac installieren und ausführen. Dieses Tool ist bei weitem das zuverlässigste Tool, das wir bei 8th Wall bisher für die Konvertierung von FBX in GLB verwendet haben, und wir haben es bis heute für alle unsere First-Party-Inhalte eingesetzt.

Installation von FBX2glTF auf Ihrem Mac

1. Diese Datei herunterladen: https://github.com/facebookincubator/FBX2glTF/releases/download/v0.9.7/FBX2glTF-darwin-x64
2. Terminal öffnen
3. Navigieren Sie zum Ordner Downloads: cd ~/Downloads
4. Machen Sie die Datei ausführbar: chmod +x FBX2glTF-darwin-x64
5. Wenn Sie eine Warnung bezüglich der heruntergeladenen Datei sehen, klicken Sie einfach auf Abbrechen

6. Öffnen Sie Systemeinstellungen -> Sicherheit & Datenschutz, klicken Sie auf das Symbol Sperren und geben Sie dann Ihr macOS Passwort ein.

7. Klicken Sie auf Trotzdem erlauben
8. Schließen Sie die Systemeinstellungen.
9. Zurück zum Terminal-Fenster
10. Führen Sie den vorherigen Befehl erneut aus (durch Drücken des Pfeils nach oben sollten Sie den vorherigen Befehl wiederherstellen): chmod +x FBX2glTF-darwin-x64
11. Es wird eine aktualisierte Warnung angezeigt. Klicken Sie auf Öffnen:

12. Jetzt sollten Sie in der Lage sein, das FBX2glTF-Programm erfolgreich auszuführen

Kopieren Sie FBX2glTF in ein Systemverzeichnis (Optional)

Um die Ausführung des FBX2glTF-Konverters zu erleichtern, kopieren Sie ihn in das Verzeichnis /usr/local/bin. Damit entfällt die Notwendigkeit, jedes Mal zum Ordner Downloads zu navigieren, um den Befehl auszuführen.

1. Führen Sie im Ordner Downloads sudo cp ./FBX2glTF-darwin-x64 /usr/local/bin
2. Das System wird Sie wahrscheinlich nach Ihrem macOS-Passwort fragen. Geben Sie ihn ein und drücken Sie Enter
3. Da sich /usr/local/bin standardmäßig in Ihrem PATH befinden sollte, können Sie nun einfach FBX2glTF-darwin-x64 aus einem beliebigen Verzeichnis ausführen.

FBX2glTF auf Ihrem Mac ausführen

1. Navigieren Sie in Terminal zu dem Ordner, in dem sich Ihre fbx-Dateien befinden. Hier finden Sie einige hilfreiche Befehle zum Durchsuchen von Verzeichnissen über die Kommandozeile unter macOS:

• pwd gibt das aktuelle Verzeichnis des Terminals aus.
• ls listet den Inhalt des aktuellen Verzeichnisses auf.
• cd wechselt das Verzeichnis und nimmt entweder einen relativen (z.B. cd ~/Downloads) oder absoluten Pfad (z.B. cd /var/tmp)

2. Führen Sie das Programm FBX2glTF-darwin-x64 aus und übergeben Sie Parameter für Eingabe- (-i) und Ausgabedateien (-o).

FBX2glTF Beispiel

FBX2glTF-darwin-x64 -i yourfile.fbx -o newfile.glb

3. Das obige Beispiel wird yourfile.fbx in eine neue GLB-Datei namens newfile.glb konvertieren
4. Ziehen Sie die neu erstellte GLB-Datei per Drag & Drop auf https://gltf-viewer.donmccurdy.com/, um zu überprüfen, ob sie korrekt funktioniert.
5. Für eine erweiterte Konfiguration der glb-Konvertierung sehen Sie sich die folgenden Befehle an: https://github.com/facebookincubator/FBX2glTF#cli-switches

FBX2glTF Stapelkonvertierung

Wenn Sie mehrere FBX-Dateien im selben Verzeichnis haben, können Sie sie alle auf einmal konvertieren

1. Navigieren Sie in Terminal zu dem Ordner, der mehrere FBX-Dateien enthält
2. Führen Sie den folgenden Befehl aus:

FBX2glTF Batch-Konvertierung Beispiel

ls *.fbx | xargs -n1 -I {} FBX2glTF-darwin-x64 -i {} -o {}.glb

3. Dies sollte glb-Versionen von jeder fbx-Datei erzeugen, die Sie im aktuellen Ordner haben!

GLB-Optimierung

Die Optimierung von Assets ist ein entscheidender Schritt zur Erstellung magischer WebAR-Inhalte. Große Assets können zu Problemen wie unendlichem Laden, schwarzen Texturen und Abstürzen führen.

Textur-Optimierung

Texturen tragen in der Regel am meisten zu großen Dateigrößen bei, daher ist es eine gute Idee, diese zuerst zu optimieren.

Die besten Ergebnisse erzielen Sie, wenn Sie Texturen mit einer Größe von 1024x1024 oder kleiner verwenden. Die Texturgrößen sollten immer auf als Zweierpotenz eingestellt werden (512x512, 1024x1024, usw.).

Sie können dies mit Ihrem bevorzugten Bildbearbeitungs- und/oder 3D-Modellierungsprogramm tun. Wenn Sie jedoch bereits ein bestehendes GLB-Modell haben, können Sie die Größe der Texturen innerhalb des 3D-Modells schnell und einfach ändern, indem Sie gltf.report

• Ziehen Sie Ihr 3D-Modell auf die Seite. Legen Sie in der linken Spalte die maximale gewünschte Texturgröße fest (1).
• Klicken Sie auf Abspielen (2), um das Skript auszuführen. Die Konsole (unten links) zeigt den Status des Vorgangs an.
• Laden Sie Ihr modifiziertes GLB-Modell herunter, indem Sie auf Exportieren (3) klicken

Komprimierung

Die Komprimierung kann die Dateigröße erheblich reduzieren. Die Draco-Komprimierung ist die beliebteste Komprimierungsmethode und kann in den Blender-Exporteinstellungen oder nach dem Exportieren in gltf.report konfiguriert werden.

Das Laden komprimierter Modelle in Ihr Projekt erfordert eine zusätzliche Konfiguration. Weitere Informationen finden Sie im A-Frame Beispielprojekt oder im three.js Beispielprojekt .

Geometrie-Optimierung

Zur weiteren Optimierung können Sie das Modell dezimieren, um die Anzahl der Polygone zu reduzieren.

Wenden Sie in Blender den Modifikator Decimate auf das Modell an und reduzieren Sie die Einstellung Ratio auf einen Wert unter 1.

Wählen Sie Modifikatoren anwenden in den Exporteinstellungen.

Tutorial Optimierung