Asuka Studio
Visualisation produit 3D
Placez des visuels sur de vraies surfaces produit tout en maîtrisant la géométrie, l’occlusion et les performances.
Le moteur Babylon.js transforme les maillages produit en surfaces de personnalisation interactives et contraintes. Les clients inspectent leur design sous tous les angles tandis que le visuel reste attaché à la bonne géométrie.
Babylon.js
Moteur WebGL isolé dans son propre bundle chargé à la demande
Adapté aux surfaces
Textes et images suivent les tangentes et normales du maillage
GLB
Scènes, matériaux, pièces et caméras optimisés
Préparation de la scène
Transformez un GLB en produit, pas seulement en modèle.
Associez les maillages aux éléments produit, définissez variations et matériaux, puis enregistrez des caméras qui cadrent le produit et ses parties modifiables.
Configuration de la scène
- Association des maillages aux éléments
- Variations de matériaux et de couleurs
- Caméras globales et centrées sur une pièce
- Échelle, orientation et interactions de la scène
- Optimisation GLB premium facultative
Placement sur surface
Projetez le visuel sur la surface sélectionnée.
Les zones de surface reconstruisent les triangles et UV utiles afin que le visuel suive le maillage plutôt que le plan de la caméra.
Contrôles de placement
- Alignement sur la normale lors de l’insertion et du déplacement
- Zones de dessin limitées à un maillage
- Déplacement en direct contraint à la géométrie autorisée
- Orientation correcte des faces et des images
- Occlusion par les parties du produit situées devant la surface
Performances
Gardez les produits complexes fluides.
Le chargement, les requêtes de surface, la reconstruction et les aperçus de déplacement sont séparés pour n’effectuer les calculs lourds que lorsque nécessaire.
Protections à l’exécution
- Bundle Babylon chargé à la première vue 3D
- Données d’accélération des maillages mises en cache
- Aperçu fluide pendant le glisser et validation stable au relâchement
- État de caméra conservé dans la configuration
- API de rendu cohérente avec la 2D
Placer
Repères
Définissez des points d’insertion utiles et appliquez le comportement de remplacement sur la surface réellement cliquée.
Contraindre
Zones sur maillage
Limitez un calque à un maillage ou à une région dessinée par l’utilisateur sur celui-ci.
Inspecter
Caméras intelligentes
Cadrez une variation sans déplacer le produit et revenez ensuite à une vue racine centrée.
Next step
Préparez votre premier produit 3D.
Utilisez le guide de configuration pour associer les maillages, vues, caméras et surfaces modifiables.