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

Tutoriel sur l'Animation de Grossissement avec CreateJS

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

Découvrez comment animer le grossissement d'images clés avec CreateJS et JavaScript grâce à cette vidéo complète.

Détails de la leçon

Description de la leçon

Dans ce tutoriel, vous apprendrez étape par étape comment animer des images en utilisant la bibliothèque CreateJS et le langage JavaScript. Nous commencerons par définir une fonction AnimZoom pour cibler les images à agrandir. Ensuite, nous verrons comment initialiser la taille de départ et l'opacité des images à zéro, en utilisant un tween pour passer de 0% à 100% de taille et d'opacité. Une temporisation courte sera également implémentée pour assurer que les paramètres de départ sont bien appliqués avant d'exécuter l'animation de grossissement. En testant et en déboguant le code, nous identifierons et corrigerons les erreurs potentielles pour garantir le bon fonctionnement de l'animation. Ce tutoriel est idéal pour les développeurs souhaitant améliorer leurs compétences en animations d'images avec CreateJS.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
1. Apprendre à créer une fonction d'animation pour le grossissement d'images.
2. Comprendre l'utilisation de CreateJS pour l'animation.
3. Savoir comment initialiser l'état d'une image avant l'animation.

Prérequis pour cette leçon

Pour suivre ce tutoriel, vous devez avoir une compréhension de base de JavaScript et HTML ainsi qu'une familiarité avec la bibliothèque CreateJS.

Métiers concernés

Ce tutoriel est pertinent pour les métiers de développeur front-end, designer interactif, et concepteur multimédia.

Alternatives et ressources

Pour des animations similaires, vous pouvez également utiliser des librairies JavaScript comme GSAP (GreenSock) ou Anime.js.

Questions & Réponses

La fonction utilisée pour animer les images est appelée AnimZoom.
Une temporisation est utilisée pour éviter que les fonctions de mise à zéro et d'animation de grossissement ne s'exécutent simultanément, ce qui pourrait causer des interférences.
La bibliothèque JavaScript employée pour les animations est CreateJS.