Neural4D-Modelle in WebAR verwenden

Schritt 1: GLB für Web-Performance exportieren und optimieren

WebAR-Erlebnisse erfordern eine hohe visuelle Qualität bei gleichzeitig konsequenter Optimierung, damit sie über mobile Netzwerke schnell geladen werden. Das Format .glb (binäres GLTF) ist der Branchenstandard für WebAR.

Beim Export aus Neural4D Studio wendet unser System automatisch die folgenden produktionsreifen Standards an:

Standard	Vorteil
Draco-Komprimierung	Reduziert die Größe der Geometriedaten um bis zu 90 %, ohne Details zu verlieren.
KTX2-Texturcodierung	Optimiert Texturen für den GPU-Speicher und verhindert Browserabstürze auf leistungsschwachen Geräten.

Schritt 2: Plattformübergreifenden WebAR-Viewer implementieren

Für ein einheitliches Erlebnis auf Android (Scene Viewer) und iOS (AR Quick Look) empfehlen wir die Verwendung der Google-Bibliothek <model-viewer>.

Binde die Bibliothek zunächst in den HTML-Header ein:

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>

Bette anschließend das Neural4D-Modell mit der folgenden responsiven Konfiguration ein:

<model-viewer 
    src="path/to/neural4d_model.glb" 
    ios-src="path/to/neural4d_model.usdz"
    ar ar-modes="webxr scene-viewer quick-look" 
    camera-controls 
    poster="poster.webp" 
    shadow-intensity="1" 
    auto-rotate>
    <button slot="ar-button" class="ar-button">View in your space</button>
</model-viewer>

Schritt 3: Hohe visuelle Qualität sicherstellen

Die Beleuchtung in WebAR kann oft flach wirken. Um die „High-Tension“-Ästhetik der Neural4D-Modelle zu bewahren, solltest du immer eine HDR-Umgebungskarte verwenden. So spiegeln die Metall- und Glasoberflächen deines Modells die Umgebung der realen Welt präzise wider.

Neural4D-Modelle verwenden vorgebackene, physikalisch korrekte PBR-Materialien (Physically Based Rendering), die vollständig mit der Beleuchtungs-Engine von model-viewer kompatibel sind.

Neural4D kostenlos testen

Hast du eine Frage oder bist du auf ein Problem gestoßen, das hier nicht behandelt wird? Besuche unsere Feedback-Seite und teile es uns mit – wir lesen jede Nachricht.

Neural4D-Modelle in WebAR verwenden

Schritt 1: GLB für Web-Performance exportieren und optimieren

Schritt 2: Plattformübergreifenden WebAR-Viewer implementieren

Schritt 3: Hohe visuelle Qualität sicherstellen

PRODUKTE

FUNKTIONEN

UNTERNEHMEN

RESSOURCEN