GLTF-Exportanleitung - Professionelle 3D-Asset-Exportierung

Schnellstart - Perfekter GLTF-Export in 2 Schritten

GLTF-Export-Spezialisierung

Export-Formate & Anwendungsfälle

GLB (Binär) (.glb)

Am besten für: Game-Engines, AR/VR-Anwendungen, Web 3D-Viewer

• Einzelne Binärdatei mit eingebetteten Texturen und Animationen
• Optimale Ladeleistung für Echtzeit-Anwendungen
• Native Unterstützung für Unity, Unreal Engine, Three.js
• Kleinere Dateigröße durch effiziente Komprimierung

GLTF JSON (.gltf)

Am besten für: Webentwicklung, Content-Erstellungs-Pipelines, Debugging

• Menschenlesbare JSON-Struktur zur einfachen Inspektion
• Separate Asset-Dateien für granulare Kontrolle
• Besser für Versionskontrolle und kollaborative Entwicklung
• Flexible Asset-Referenzierung und externes Textur-Management

Erweiterte Export-Funktionen

Szenen-Graph-Export

Hierarchische Struktur-Bewahrung

• Vollständige Knoten-Hierarchie mit Transformationen
• Beibehaltung der Eltern-Kind-Beziehungen
• Komponenten-basierte Entity-Struktur für Game-Engines
• Optimiert für Unity GameObject- und Unreal Actor-Systeme

Animations-Export

Keyframe-Animations-Unterstützung

• Skelett-Knochen-Animationen für Charakter-Rigs
• Eigenschafts-basierte Animationen (Position, Rotation, Skalierung)
• Morph-Target-Animationen für Gesichtsausdrücke
• Timeline-basierter Export mit benutzerdefinierten Frame-Bereichen

Material- & Textur-Export

PBR-Material-Pipeline

• Physikalisch basierte Rendering (PBR)-Materialien
• Diffuse, Normal, Metallic-Roughness Textur-Maps
• Emissive Texturen für Leuchteffekte
• Alpha-Blending und Transparenz-Unterstützung

Game-Engine-Integration

Unity-Integration

// Unity GLTF-Import-Beispiel
var gltfAsset = AssetDatabase.LoadAssetAtPath<GameObject>("Assets/Models/exported-model.glb");
Instantiate(gltfAsset);

Unreal Engine-Integration

// Unreal Engine GLTF-Import
UStaticMesh* LoadedMesh = Cast<UStaticMesh>(StaticLoadObject(
    UStaticMesh::StaticClass(), NULL, TEXT("/Game/Models/exported-model.glb")));

Three.js Web-Integration

// Three.js GLTF-Loader
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
const loader = new GLTFLoader();
loader.load('exported-model.glb', (gltf) => {
    scene.add(gltf.scene);
});

Export-Qualitäts-Einstellungen

Hohe Qualität (Spiele-Produktion)

• Mesh-Auflösung: Original-Qualität
• Texturgröße: Vollauflösung (bis zu 4K)
• Animation: 60 FPS Keyframe-Export
• Materialien: Vollständige PBR-Pipeline mit allen Textur-Maps

Web-optimiert (Browser-Performance)

• Mesh-Auflösung: Reduzierte Polygon-Anzahl (50-75% des Originals)
• Texturgröße: Komprimiert auf 1K-2K
• Animation: 30 FPS Keyframe-Optimierung
• Materialien: Vereinfachte Shader für Web-Kompatibilität

Mobile-optimiert (AR/VR-Anwendungen)

• Mesh-Auflösung: Aggressive Polygon-Reduzierung (25-50% des Originals)
• Texturgröße: 512px-1K Maximum
• Animation: 24 FPS mit Knochen-Reduzierung
• Materialien: Mobile-freundliche Shader-Varianten

Technische Implementierung

Die GLTF-Export-Funktionalität wird durch die ExportDialog-Komponente (src/components/gltf-viewer/fullscreen/ExportDialog.tsx) implementiert, optimiert für GLTF-Workflows:

Export-Verarbeitungs-Pipeline

1. Szenen-Analyse - Scannen der 3D-Szene nach Meshes, Materialien und Animationen
2. Asset-Optimierung - Komprimierung von Texturen und Optimierung von Mesh-Daten
3. GLTF-Assemblierung - Erstellung des GLTF-Szenen-Graphs mit korrekter Knoten-Hierarchie
4. Binär-Packung - Kombinierung von Assets in GLB-Format oder separate GLTF-Dateien
5. Validierung - Überprüfung der GLTF-Spezifikations-Konformität
6. Download - Streaming der optimierten Datei zum Benutzer-Gerät

Performance-Charakteristiken

• Kleine Modelle (<1MB): 1-3 Sekunden
• Mittlere Modelle (1-10MB): 3-8 Sekunden
• Große Modelle (10-50MB): 8-20 Sekunden
• Komplexe Szenen (50MB+): 20-45 Sekunden

Best Practices für Spieleentwicklung

Asset-Organisation

• Verwenden Sie beschreibende Namen für exportierte Modelle
• Organisieren Sie Assets nach Spiel-Level oder Szene
• Behalten Sie konsistente Skalierung bei (1 Einheit = 1 Meter empfohlen)
• Gruppieren Sie verwandte Modelle in einzelne GLTF-Dateien wo angemessen

Performance-Optimierung

• Textur-Atlassing: Kombinieren Sie kleine Texturen in Textur-Atlase
• LOD-Ketten: Exportieren Sie mehrere Qualitätsstufen für entfernungs-basiertes Rendering
• Animations-Komprimierung: Verwenden Sie Keyframe-Reduzierung für bessere Performance
• Mesh-Optimierung: Entfernen Sie ungenutzte Vertices und optimieren Sie die Topologie

Qualitätssicherung

• Testen Sie exportierte GLTF-Dateien in der Ziel-Game-Engine vor Integration
• Überprüfen Sie Animations-Wiedergabe und Material-Erscheinung
• Prüfen Sie Textur-Mapping und UV-Koordinaten-Bewahrung
• Validieren Sie Szenen-Hierarchie und Transform-Vererbung

Fehlerbehebung häufiger Probleme

Export-Fehler

Problem: Export-Prozess schlägt fehl oder produziert beschädigte Dateien Lösung:

• Überprüfen Sie das Quell-Modell auf ungültige Geometrie oder Materialien
• Reduzieren Sie Texturgrößen bei Speicher-Problemen
• Versuchen Sie verschiedene Qualitäts-Voreinstellungen

Game-Engine-Kompatibilität

Problem: Exportierte GLTF-Dateien importieren nicht korrekt in Unity/Unreal Lösung:

• Stellen Sie GLTF 2.0-Spezifikations-Konformität sicher
• Überprüfen Sie Animations-Kurven-Kompatibilität
• Überprüfen Sie Material-Shader-Unterstützung in der Ziel-Engine

Performance-Probleme

Problem: Exportierte Dateien sind zu groß oder laden langsam Lösung:

• Verwenden Sie "Web-optimiert" oder "Mobile-optimiert"-Voreinstellungen
• Aktivieren Sie Textur-Komprimierung
• Reduzieren Sie Animations-Keyframe-Dichte

Professionelle Workflow-Integration

Versionskontrolle

• Exportieren Sie GLTF-Dateien in dediziertes /assets/models/-Verzeichnis
• Verwenden Sie beschreibende Dateinamen mit Versionsnummern
• Speichern Sie sowohl Quell- als auch optimierte Versionen für verschiedene Plattformen

Kollaborative Entwicklung

• Teilen Sie GLTF-Dateien über Asset-Management-Systeme
• Dokumentieren Sie verwendete Export-Einstellungen und Qualitäts-Voreinstellungen
• Führen Sie Export-Logs für technische Überprüfung

Automatisierte Pipelines

• Integrieren Sie GLTF-Exports in CI/CD-Workflows
• Automatisieren Sie Qualitäts-Validierung und Optimierung
• Generieren Sie mehrere Export-Varianten für verschiedene Plattformen