CATALOGUE Code & Data Formation Animate CC Apprendre la programmation dans Animate CC - Les fondamentaux de Create JS

Les Nouveautés de la Version 2 d'Animate CC

Retour à la formation
Chapitre 4 Leçon 6
Précédent
Suivant

Découvrez comment centrer et rendre vos animations réactives avec la version 2 d'Animate CC.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons les nouvelles fonctionnalités de la version 2 d'Animate CC, qui améliorent considérablement l'expérience utilisateur en termes de centrage et de réactivité des animations.

Il est désormais possible de centrer facilement une animation horizontalement, verticalement ou les deux, directement depuis l'interface sans avoir à toucher au code HTML. De plus, les options réactives permettent d'adapter l'animation à la taille de la fenêtre du navigateur, en maintenant le ratio original ou en utilisant des modes d'ajustement spécifiques. Deux sous-options se démarquent particulièrement : l'ajustement à la zone visible et l'étirement pour ajuster, chacune ayant ses propres avantages et inconvénients. Enfin, nous constatons que ces améliorations rapprochent Animate CC d'être un véritable successeur d'Edge Animate.

Grâce à ces outils, la création d'animations réactives devient plus intuitive et accessible, ouvrant de nouvelles possibilités pour les développeurs.

Objectifs de cette leçon

À la fin de cette vidéo, vous serez en mesure de centrer vos animations et de les rendre réactives à la taille de la fenêtre du navigateur sans recours au code HTML.

Prérequis pour cette leçon

Connaissances de base en animation avec Animate CC et notions de développement web.

Métiers concernés

Les compétences abordées sont particulièrement utiles pour les métiers de développeur web, designer UI/UX et animateur numérique.

Alternatives et ressources

Pour des options similaires, vous pouvez explorer Edge Animate ou d'autres logiciels d'animation réactive comme Tumult Hype.

Questions & Réponses

Les nouveaux modes de centrage disponibles sont horizontaux, verticaux et combinés (horizontalement et verticalement).
L'option 'ajuster à la zone visible' permet à l'animation de s'étirer de manière responsif pour s'adapter à la fenêtre du navigateur, même si celle-ci est plus grande que les dimensions initiales de l'animation.
L'option 'étirer pour ajuster' peut entraîner le tronquage de certains éléments de l'animation, surtout si la largeur de la fenêtre du navigateur est beaucoup plus grande que sa hauteur.