Comment créer des animations de direction dans Creative Experience

4 février 2025 4 minutes de lecture
Partager

Dans le cadre de notre Creative Experience Microwave , j'ai décidé d'explorer plus en profondeur les fonctionnalités de Creative Experience en étudiant la création d'animations de direction Creative Experience l'aide de différents modèles 3D. Dans cet article, je vous montrerai comment nous avons conçu et contrôlé la direction gauche et droite de notre GoBuggy personnalisé.

Créer une animation d'acteur

Pour créer l'animation de virage à droite, j'ai cliqué avec le bouton droit sur « Assemblage supérieur » dans le panneau Projet et sélectionné « Créer une animation d'acteur » . La fenêtre de l'éditeur d'animation s'est alors affichée.

Figure 1 : Création d'une animation d'acteur

Animation de rotation des roues

J'ai ajouté les composants des roues droite et gauche en cliquant sur le « Ajouter un acteur », car je souhaitais les animer toutes les deux. Pour créer une animation de mouvement, j'ai cliqué sur le « + » à côté des composants et sélectionné le type d'animation « Transformation »

Figure 2 : Transformation

Si vous avez déjà utilisé un logiciel de rendu ou de montage vidéo, vous connaissez probablement le concept de clés. Lors de la création d'une animation, il est nécessaire d'ajouter des clés qui définissent les positions initiale et finale des éléments. Cela permet de générer le mouvement souhaité.

J'ai d'abord sélectionné la roue gauche dans le panneau Projet pour définir sa position initiale. Dans le panneau Propriétés, j'ai cliqué sur le Ajouter une clé pour enregistrer l'angle de rotation initial de la roue.

Figure 3 : Légende de l’animation de l’angle de départ de la rotation

Ensuite, dans le panneau Éditeur d'animation, j'ai fait défiler la chronologie de 0 à 3 secondes et ajusté le composant pour qu'il pivote de 30 degrés (90 - 30 = 60°) vers la droite. Comme il s'agit de la position finale souhaitée pour l'animation, j'ai ajouté une clé de rotation depuis le panneau Propriétés.

Figure 4 : Légende de l’animation de l’angle final de rotation

Une fois ces étapes terminées, une barre de chronologie bleue apparaît dans le panneau de l'éditeur d'animation, occupant l'espace entre les deux images clés. J'ai répété la même opération pour les roues droites. En déplaçant la barre d'animation de 0 à 3 secondes, j'ai constaté que les deux roues tournaient de 30 degrés vers la droite.

Figure 5 : Chronologie

Animation des roues revenant en position droite

Je souhaite que les roues reprennent leur position initiale droite après un virage à droite. Pour cela, j'ai créé une nouvelle animation appelée « Virage à droite vers position droite » . Cette animation doit démarrer à l'angle où le virage à droite se termine.

J'ai d'abord sélectionné la roue gauche, réglé son angle de rotation à 30 degrés (90 - 30 = 60°) vers la droite, puis ajouté une clé. Cela a permis d'enregistrer la position à 0 seconde comme l'angle atteint à la fin de l'animation du virage à droite.

Figure 6 : Virage à droite vers virage en ligne droite - Angle de rotation initial

Ensuite, dans le panneau de l'éditeur d'animation, j'ai fait défiler la chronologie de 0 à 3 secondes et défini l'angle de rotation nécessaire pour que la roue revienne à sa position initiale. Enfin, j'ai ajouté une autre image clé pour terminer l'animation. J'ai répété les mêmes étapes pour la roue droite.

Figure 7 : Angle de rotation final du virage à droite vers la droite

Vous pouvez voir ci-dessous les GIF créés pour les animations de virage à gauche et de virage à droite.

Figure 8 : Animation « Tourner à droite »
Figure 9 : Animation du virage à droite vers la ligne droite
Figure 10 : Animation « Tourner à gauche »
Figure 11 : Animation du virage à gauche vers la ligne droite

Scénario : Contrôle du volant

Nous contrôlerons la rotation de la roue à l'aide de boutons. Chaque fois que l'on cliquera sur le bouton « Tourner à droite », l'animation correspondante se lancera.

Figure 12 : Éditeur de scénarios – Lecture de l’animation « Tourner à droite »

Une fois cette animation terminée, l'animation « Virage à droite puis ligne droite » sera déclenchée pour ramener les roues à leur position initiale.

Figure 13 : Éditeur de scénarios – Virage à droite vers la ligne droite (Animation Play)
Figure 14 : Tournez à droite

Conclusion

Dans cet article, nous avons détaillé le processus de création d'animations de direction réalistes pour la voiture GoBuggy dans Creative Experience . Grâce aux animations d'acteurs et aux images clés, nous avons pu contrôler la rotation des roues et obtenir des mouvements de direction fluides et interactifs. Cela améliore l'expérience utilisateur et confère un réalisme accru au modèle 3D.

Si vous souhaitez en savoir plus sur la visualisation 3D et les animations interactives, n'hésitez pas à consulter nos derniers articles de blog sur 3DEXCITE 

Rıdvan Polat
S'abonner
Notifier de
invité

0 Commentaires
Le plus ancien
Les plus récents Les plus populaires
Commentaires en ligne
Voir tous les commentaires
0
J'aimerais beaucoup avoir votre avis, n'hésitez pas à commenter. x