Aller au contenu principal

Animation

Le panneau Animation est une timeline. Servez-vous-en quand plusieurs objets doivent bouger ensemble, en rythme.

Pour l'ouvrir, cliquez sur Animation dans la barre latérale gauche.

Pour un seul changement en douceur, inutile de passer par la timeline : il suffit de donner une durée à une étape d'événement.

Presets, barres et images clés​

ÉlémentCe que c'est
PresetUne animation nommée, que vous pouvez lancer.
BarreLa partie d'un objet dans l'animation, sur sa propre piste.
Image cléUn instant, une valeur, et l'easing utilisé pour y arriver.

Une barre anime un composant d'un objet. Cet objet n'est pas forcément celui qui possède le preset : un seul preset peut donc animer tout un groupe. Quand une barre anime un autre objet, le composant de cet objet indique qu'il est animé.

La barre de lecture est un second type de barre. Quand la tête de lecture l'atteint, elle lance le preset d'un autre objet. Utilisez-la pour découper une animation complexe en presets plus petits.

Un preset dure aussi longtemps que sa barre la plus longue. Vous pouvez aussi lui donner sa propre durée : la timeline continue alors après la dernière image clé.

Le panneau​

Quand rien n'est sélectionné, le panneau liste les animations de la scène. Sélectionnez un objet dans la scène ou dans Layers pour travailler sur ses animations.

ZoneCe qu'elle affiche
HautOù vous êtes : Scene animations, l'objet, et l'animation ouverte sur cet objet. C'est ici que vous passez d'une animation à l'autre, et que vous les renommez, les copiez ou les supprimez.
GaucheLes pistes de l'animation ouverte, regroupées par objet.
CentreLa timeline de l'animation ouverte.
DroiteTemplates : des mouvements tout faits, comme une rotation, un changement d'échelle ou un fondu. Faites-en glisser un sur la timeline.

Si l'objet n'a pas encore d'animation, cliquez sur Create animation.

Sous les pistes :

  • Track ajoute un paramètre à animer. Cherchez-le dans la liste, ou cliquez sur un champ en surbrillance dans l'inspecteur.
  • Object ajoute un autre objet à l'animation. Cherchez-le dans la liste, ou cliquez dessus dans la scène ou dans Layers.

L'en-tête regroupe les commandes d'édition et les boutons de lecture. Quand la timeline joue, ou quand vous déplacez la tête de lecture, les objets bougent dans la scène.

Le panneau suit votre sélection

Sélectionnez un objet, et le panneau affiche ses animations : la sienne, celle qui le fait bouger, ou celle de son parent le plus proche. Les pistes se limitent à cet objet et aux objets qu'il contient. Un clic dans le vide laisse le panneau là où il était.

Auto-keyframing​

L'interrupteur Auto-keyframing se trouve à côté du bouton de lecture. Quand il est activé, déplacer un objet dans la scène ajoute une image clé à la position de la tête de lecture.

Pour animer de cette façon : déplacez la tête de lecture, placez l'objet, puis recommencez. C'est la méthode la plus rapide. C'est aussi avec elle qu'on ajoute le plus facilement des images clés dont on ne voulait pas.

Travailler sur la timeline​

ActionRésultat
Faire glisser une barreDéplace toutes ses images clés d'un coup.
Faire glisser une image cléLa déplace dans le temps, entre ses voisines.
Ctrl + glisser une image clé d'extrémitéÉtire ou raccourcit toute la barre depuis l'autre bout.
Faire défiler la moletteZoome sur l'axe du temps.

Vous pouvez copier, couper et coller des barres. Supprimer la dernière image clé d'une barre supprime la barre.

Ici, les raccourcis agissent sur les barres

Quand des barres sont sélectionnées, dupliquer, copier, coller et supprimer s'appliquent aux barres. Les objets de votre scène ne sont pas touchés.

Easing​

L'easing règle la façon dont une valeur évolue jusqu'à une image clé. La courbe choisie sur une image clé détermine comment l'animation arrive sur cette image clé.

  • Quad, Quart, Circular, Exponent et Back, chacune en In, Out ou In-Out.
  • Elastic, avec ses propres réglages Amplitude et Period.
  • Step, en Hold (garde l'ancienne valeur jusqu'à l'image clé) ou Jump (la change d'un coup).
  • Linear, et une courbe personnalisée que vous dessinez vous-même.
Vous hésitez ? Choisissez Out

Un mouvement qui arrive puis se pose paraît naturel. Un mouvement qui accélère jusqu'à sa position finale, en général, non.

Le rendu de chaque courbe : Animation.

Lancer une animation​

L'étape Play animation du composant Events lance un preset. Vous y réglez :

  • le mode de boucle : Once, Count ou Forever ;
  • le nombre de répétitions ;
  • la vitesse ;
  • un délai.

Autostart lance un preset au démarrage de la scène. C'est une case à cocher sur le composant Animation de l'objet, dans Element settings. La cocher ajoute un événement qui lance le preset au lancement de la scène ; la décocher supprime cet événement. Vous pouvez voir et modifier cet événement comme n'importe quel autre. Tant qu'Autostart est activé, son mode de boucle, ses répétitions, sa vitesse et son délai se trouvent juste sous la case.


Suite : Patch editor — construire de la logique en reliant des nœuds.