Plateforme DW3




À propos


ȮEN
Ȭ
0
ȭ
Loading...
ľ
×
× < >
Partager sur:

(Temps de lecture: 23 minutes)

Éditeur 3D

ð
Auteur :
Julien Béliveau
2025-12-15
Créez des pages web et des fiches de produits uniques en 3 dimensions!

Documentation de l'éditeur 3D


L'application Éditeur 3D permet de créer, modifier, prévisualiser et relier des scènes 3D. Elle permet aux utilisateurs de gérer des scènes, d'ajouter des objets 3D, de configurer les paramètres de la caméra, de télécharger des modèles et des textures, de modifier les paramètres d'environnement des scènes et de relier des scènes à des produits ou à des pages.


Principales fonctionnalités


  • Créer et gérer plusieurs scènes 3D.
  • Prévisualiser les modifications directement dans l'éditeur.
  • Ajouter des objets géométriques, des lumières et des modèles 3D importés.
  • Configurer les matériaux, les textures, les ombres et les reflets.
  • Créer des mouvements d'objets et des séquences d'animation.
  • Contrôler la caméra de la scène et la navigation des visiteurs.
  • Relier des scènes à des pages web et à des produits.
  • Créer des configurateurs de produits interactifs.
  • Télécharger et organiser les modèles et les ressources de texture.


Ouverture de l'éditeur


L'éditeur s'ouvre avec un identifiant de scène

Si aucune scène n'est sélectionnée, l'application ouvre la fenêtre de sélection de scène.

La barre d'outils principale comprend des commandes pour :
Gestion des scènes
Bibliothèque d'objets.
Commandes de caméra
Lecture / Arrêt de l'animation de la scène.
Environnement de la scène.


Gestion des scènes


Les utilisateurs peuvent créer, ouvrir, renommer, décrire et supprimer des scènes. Chaque scène dispose de son propre environnement, de sa caméra, de ses objets, de ses animations et de ses paramètres de publication.

  • Attribuez un nom unique à la scène.
  • Ajoutez une description interne.
  • Choisissez le canevas de destination utilisé pour afficher la scène.
  • Associez la scène à un produit.
  • Associez la scène à une ou plusieurs pages du site web.
  • Utiliser une scène sur la page d'accueil du site web.
  • Effacer les associations existantes avec des produits ou des pages.


Aperçu en direct de la scène


L'éditeur inclut un aperçu interactif qui affiche la scène pendant sa configuration. De nombreux ajustements sont immédiatement pris en compte dans l'aperçu, ce qui permet aux utilisateurs de tester le positionnement, les dimensions, les matériaux, l'éclairage et le placement de la caméra.



Environnement de la scène


L'apparence générale d'une scène peut être personnalisée à l'aide des paramètres d'arrière-plan, d'ambiance et de visibilité.

  • Sélectionnez une couleur d'arrière-plan.
  • Utilisez une image téléchargée comme arrière-plan de la scène.
  • Configurez la couleur et la densité du brouillard.
  • Sélectionnez un préréglage de ciel tel que coucher de soleil, journée, temps nuageux ou soirée.
  • Activez un environnement océanique calme.
  • Activez ou désactivez les commandes de rotation et de déplacement du visiteur.
  • Liez le déplacement horizontal de la caméra au défilement de la page.
  • Réglez la vitesse de défilement.


Effets d'arrière-plan animés


Les scènes peuvent inclure des arrière-plans environnementaux animés pour créer du mouvement et une atmosphère.

  • Effet de vitesse de la lumière ou de propulsion stellaire.
  • Fond d'étoiles en mouvement.
  • Lever de soleil se déplaçant d'est en ouest.
  • Coucher de soleil se déplaçant d'ouest en est.


Bibliothèque d'objets


Des objets peuvent être ajoutés à partir de formes intégrées, d'outils d'éclairage ou de collections de modèles téléchargées. Chaque objet ajouté apparaît dans la liste des objets de la scène et peut être sélectionné pour être modifié.

  • Créer un nouvel objet.
  • Sélectionner et modifier un objet existant.
  • Dupliquer un objet.
  • Supprimer un objet.
  • Donner aux objets des noms reconnaissables.


Objets géométriques


L'éditeur peut générer des formes tridimensionnelles couramment utilisées sans nécessiter de modèle externe.

  • Texte en trois dimensions.
  • Boîte et boîte arrondie.
  • Capsule.
  • Cercle et anneau.
  • Cône et cylindre.
  • Plan.
  • Sphère.


Modèles importés


Les modèles téléchargés sont classés en catégories pratiques afin de pouvoir être réutilisés dans différentes scènes.

  • Personnages.
  • Éléments urbains.
  • Mobilier.
  • Nature.
  • Accessoires et décors.
  • Technologie.
  • Véhicules.


Transformations d'objets


Chaque objet peut être positionné et transformé avec précision dans l'environnement tridimensionnel.

  • Définissez les positions X, Y et Z.
  • Ajustez la largeur, la hauteur, la profondeur ou l'échelle en fonction du type d'objet.
  • Faites pivoter l'objet autour des axes X, Y et Z.
  • Configurez les valeurs de rayon et de segment pour les formes compatibles.
  • Modifiez les dimensions tout en visualisant le résultat dans l'aperçu de la scène.


Matériaux et apparence


Les objets peuvent utiliser différents styles de matériaux et propriétés de surface pour obtenir des apparences réalistes, illustrées, techniques ou simplifiées.

  • Sélectionnez les matériaux standard, basique, profondeur, Lambert, Matcap, normal, Phong ou Toon.
  • Choisissez la couleur principale de l'objet.
  • Configurez la couleur d'émission et l'intensité lumineuse.
  • Ajustez la transparence et l'opacité.
  • Contrôlez la rugosité de la surface.
  • Contrôlez l'aspect métallique.
  • Activez le comportement réfléchissant.
  • Choisissez si les textures apparaissent à l'avant, à l'arrière ou des deux côtés.


Textures et cartes de surface


Les textures peuvent être appliquées à des objets géométriques pour ajouter des images, des motifs et des détails de surface réalistes.

  • Appliquez une texture de surface principale.
  • Répétez la texture horizontalement et verticalement.
  • Ajoutez des cartes d'occlusion ambiante pour plus de détails d'ombrage.
  • Ajoutez des cartes alpha pour les zones transparentes.
  • Ajoutez des cartes de relief pour simuler le relief de la surface.
  • Ajoutez des cartes normales pour des réactions détaillées à la lumière.
  • Ajoutez des cartes de métallicité pour les zones métalliques.
  • Ajoutez des cartes de déplacement qui modifient la surface visible.
  • Ajustez l'échelle et le biais de déplacement.


Éclairage


Différentes sources lumineuses peuvent être combinées pour contrôler la visibilité, l'atmosphère, les reflets et les ombres.

  • Lumière ambiante.
  • Lumière directionnelle.
  • Lumière hémisphérique.
  • Lumière ponctuelle.
  • Lumière de zone rectangulaire.
  • Projecteur.

Selon le type de lumière, les utilisateurs peuvent configurer sa couleur, son intensité, sa position, sa cible et le comportement des ombres. Des aides visuelles peuvent également s'afficher pendant le développement de la scène pour faciliter le placement des lumières.



Ombres et reflets


Les objets compatibles peuvent projeter des ombres sur d'autres objets ou recevoir des ombres provenant des éléments environnants de la scène. Le comportement réfléchissant peut également être activé lorsqu'une surface polie ou miroitante est requise.



Découpe géométrique


Un objet géométrique peut recevoir des formes de découpe qui suppriment ou modifient des parties de son volume visible. Cela peut être utilisé pour créer des ouvertures, des cavités ou des formes personnalisées plus complexes.

  • Découpeur de boîte.
  • Découpeur de cône.
  • Outil de découpe cylindrique.
  • Outil de découpe sphérique.
  • Commandes indépendantes de position, de taille et de rotation pour chaque outil de découpe.


Animations d'objets


Les objets peuvent réagir automatiquement ou de manière interactive grâce à des animations configurables. Chaque animation définit un déclencheur, une action, des valeurs de début et de fin, ainsi que l'ampleur du changement appliqué à chaque image.



Déclencheurs d'animation


  • Attendre une autre action.
  • Démarrer lorsque l'on clique sur l'objet.
  • Démarrer automatiquement au chargement de la scène.


Actions d'animation


  • Ouvrir un lien vers un site web.
  • Faire pivoter sur l'axe X, Y ou Z.
  • Déplacer sur l'axe X, Y ou Z.
  • Mettre à l'échelle sur l'axe X, Y ou Z.
  • Modifier l'opacité.
  • Modifier la rugosité.
  • Modifier la métallicité.
  • Modifier l'intensité d'émission.


Fin de l'animation


Une fois sa valeur finale atteinte, une animation peut s'arrêter, redémarrer en boucle, inverser son sens ou déclencher une autre animation. Cela permet de relier plusieurs actions et objets en séquences plus longues.



Commandes de caméra


La caméra de scène détermine ce que les visiteurs voient lorsque la scène démarre.

  • Définir la position de la caméra sur les axes X, Y et Z.
  • Définissez la direction de vision de la caméra.
  • Déplacez la caméra de développement verticalement ou horizontalement.
  • Déplacez la caméra de développement vers l'avant ou vers l'arrière.
  • Réinitialisez la caméra de développement.
  • Copiez le point de vue de prévisualisation actuel dans la caméra de scène enregistrée.
  • Afficher une aide à la caméra pendant la configuration de la scène.


Intégration de produit


Une scène peut être associée à un produit pour offrir une présentation tridimensionnelle interactive ou un configurateur de produit. Les options de produit peuvent modifier automatiquement l'apparence ou l'emplacement des objets de la scène.



Actions des options de produit


Chaque valeur d'une option de produit peut exécuter une ou plusieurs actions sur les objets de scène sélectionnés.

  • Modifier la couleur d'un objet.
  • Modifier l'opacité.
  • Remplacer une texture.
  • Modifier la position X, Y ou Z.
  • Modifier la taille X, Y ou Z.
  • Modifier la rotation X, Y ou Z.
  • Appliquer plusieurs modifications issues de la même sélection de produit.
  • Identifier l'option de produit sélectionnée par défaut.

Cela permet de représenter visuellement des choix tels que la couleur, le matériau, les accessoires, les dimensions, les configurations ou les variantes de produit.



Intégration à une page web


Les scènes peuvent être associées à une ou plusieurs pages web et affichées dans la zone 3D désignée de la page. Une scène peut également être associée à la page d'accueil ou reliée à une présentation de produit.

  • Publiez la même scène sur plusieurs pages.
  • Utilisez différentes scènes pour différentes sections du site web.
  • Affichez des environnements animés décoratifs ou informatifs.
  • Ajoutez des objets interactifs qui ouvrent des liens.
  • Présentez les produits dans un format tridimensionnel interactif.


Importation de modèles


Des modèles tridimensionnels externes peuvent être téléchargés et organisés pour une utilisation ultérieure dans des scènes.

  • Téléchargez des modèles GLB et GLTF.
  • Téléchargez les ressources BIN associées.
  • Téléchargez les ressources d'image utilisées par les matériaux des modèles.
  • Organisez les modèles par catégorie et par nom de modèle.
  • Conservez les ressources existantes ou remplacez-les lors d'un téléchargement.
  • Téléchargez des paquets de modèles jusqu'à la limite de téléchargement configurée.


Importation de textures


Des ressources d'images peuvent être téléchargées pour les textures d'objets, les arrière-plans et les cartes de matériaux spécialisées.

  • Importez des formats d'image courants tels que JPG, PNG, GIF, SVG, AVIF et WEBP.
  • Organisez les cartes de texture associées sous un nom de texture commun.
  • Conservez des ressources distinctes pour la couleur de base, la transparence, le relief, les normales, le déplacement, l'occlusion ambiante et la métallicité.
  • Réutilisez les textures téléchargées sur plusieurs objets et scènes.


Utilisations courantes


  • Présentations interactives de produits.
  • Configurateurs de couleurs et de matériaux de produits.
  • Salles d'exposition virtuelles.
  • Arrière-plans animés pour sites web.
  • Introductions de pages en trois dimensions.
  • Diagrammes et démonstrations interactifs.
  • Présentations architecturales ou d'intérieur.
  • Visualisations pédagogiques.
  • Navigation tridimensionnelle interactive.
  • Présentations de personnages, de véhicules, de mobilier ou d'équipements.


Flux de travail simple


  1. Créez une scène et saisissez ses informations générales.
  2. Configurez l'arrière-plan, le ciel, le brouillard et les commandes pour les visiteurs.
  3. Ajoutez des formes, des lumières ou des modèles importés.
  4. Positionnez, redimensionnez et faites pivoter les objets.
  5. Configurez les matériaux, les textures, les ombres et les reflets.
  6. Ajoutez des animations d'objets et des déclencheurs d'interaction.
  7. Positionnez la caméra et enregistrez le point de vue souhaité.
  8. Connectez les options de produit lors de la création d'un configurateur de produit.
  9. Associez la scène aux pages Web ou au produit appropriés.
  10. Prévisualisez et testez la scène terminée.


Résumé en langage clair


L'éditeur 3D fournit les outils nécessaires pour assembler des scènes interactives complètes sans avoir à programmer manuellement chaque objet. Les utilisateurs peuvent combiner des formes, des modèles importés, des lumières, des textures, des effets d'environnement, des commandes de caméra et des animations, puis publier le résultat sur des pages web ou le relier à des produits. Il peut être utilisé pour tout type de projet, d'un simple arrière-plan animé à un configurateur de produit détaillé ou une salle d'exposition virtuelle.



Retour au sommaire