Comment utiliser les modèles Neural4D en WebAR ?

Étape 1 : exporter et optimiser le GLB pour le Web

Les expériences WebAR exigent une qualité visuelle élevée et une optimisation poussée pour charger rapidement sur les réseaux mobiles. Le format .glb (GLTF binaire) est la norme du secteur pour le WebAR.

Lors de l’exportation depuis Neural4D Studio, notre système applique automatiquement les normes suivantes, prêtes pour la production :

Norme	Avantage
Compression Draco	Réduit la taille des données géométriques jusqu’à 90 % sans perte de détail.
Encodage des textures KTX2	Optimise les textures pour la mémoire GPU et évite les plantages du navigateur sur les appareils peu puissants.

Optimisation des fichiers GLB Neural4D pour le WebAR

Étape 2 : intégrer une visionneuse WebAR multiplateforme

Pour offrir une expérience cohérente sur Android (Scene Viewer) et iOS (AR Quick Look), nous recommandons la bibliothèque <model-viewer> de Google.

Commencez par inclure la bibliothèque dans l’en-tête HTML :

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

Intégrez ensuite le modèle Neural4D avec la configuration responsive suivante :

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

Étape 3 : préserver une qualité visuelle saisissante

L’éclairage en WebAR peut souvent paraître plat. Pour préserver l’esthétique « High-Tension » des modèles Neural4D, utilisez toujours une carte d’environnement HDR. Les surfaces métalliques et vitrées de votre modèle refléteront ainsi fidèlement l’environnement réel.

Les modèles Neural4D utilisent des matériaux PBR (rendu physiquement réaliste) précalculés, entièrement compatibles avec le moteur d’éclairage de model-viewer.

Essayer Neural4D gratuitement

Vous avez une question ou rencontrez un problème non abordé ici ? Rendez-vous sur notre page Commentaires pour nous en faire part : nous lisons tous les messages.

Comment utiliser les modèles Neural4D en WebAR ?

Étape 1 : exporter et optimiser le GLB pour le Web

Étape 2 : intégrer une visionneuse WebAR multiplateforme

Étape 3 : préserver une qualité visuelle saisissante

PRODUITS

FONCTIONNALITÉS

ENTREPRISE

RESSOURCES