CATALOGUE Code & Data Formation Animate CC Maîtrisez la programmation dans Animate CC - Ateliers créatif avec Create JS

Gestion des Dimensions et Animation de Chargement en Create.js

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

Explorez les mécanismes pour adapter les dimensions des images dans un chargeur et ajouter une animation de chargement en Create.js.

Détails de la leçon

Description de la leçon

Cette leçon vous apprend comment récupérer et manipuler les dimensions d'un chargeur en Create.js. Vous découvrirez pourquoi il est nécessaire de redimensionner les images chargées et comment les adapter automatiquement aux dimensions du chargeur. En utilisant la propriété NominalBounds, vous serez en mesure de récupérer avec précision la largeur et la hauteur des occurrences de symbole. Ensuite, vous verrez comment ajouter une animation de chargement centrée à l'intérieur du chargeur, un processus fréquent dans la gestion des médias et des éléments graphiques dynamiques. Apprenez à optimiser votre code en commentant et en structurant vos variables et fonctions pour une meilleure lisibilité et maintenance de votre projet. Enfin, cette leçon vous montrera comment vous assurer que les modifications apportées au chargeur s'adaptent automatiquement aux changements de dimension, permettant une flexibilité accrue dans la gestion de vos éléments graphiques.

Objectifs de cette leçon

L'objectif de cette vidéo est de vous apprendre à récupérer et manipuler les dimensions d'un chargeur, à redimensionner et centrer les éléments graphiques chargés, et à ajouter des animations de chargement de manière dynamique en Create.js.

Prérequis pour cette leçon

Connaissance de base de JavaScript et de la programmation orientée objet. Expérience préalable avec Create.js est recommandée.

Métiers concernés

Les compétences acquises dans ce tutoriel sont applicables aux métiers de développeur front-end, designer d'interfaces utilisateur, et animateur graphique.

Alternatives et ressources

Comme solutions alternatives, vous pouvez utiliser Adobe Animate ou GSAP (GreenSock Animation Platform) pour la manipulation des éléments graphiques et des animations.

Questions & Réponses

Il est nécessaire de récupérer les dimensions du chargeur pour redimensionner correctement les images à l'intérieur et éviter qu'elles ne débordent ou ne soient mal centrées.
La propriété NominalBounds permet de récupérer les dimensions des occurrences de symbole en Create.js.
Pour centrer une animation de chargement dans le chargeur, vous devez utiliser les dimensions récupérées du chargeur pour calculer les positions horizontale et verticale de l'animation.