Création de bouton simple et avancée avec Animate CC
Création d'un symbole movieClip
Création d'un symbole movieClip à deux états type switch
Comment coder un comportement bouton sur un movieClip
Création d'une animation complexe avec trajectoire
Création d'une animation complexe
Détails de la leçon
Description de la leçon
Dans cette leçon, nous explorerons la classe Twin de Create.js, qui est dédiée à l'animation des objets d'affichage. Cette API permet de programmer des animations de manière fluide et efficace. Nous verrons comment cibler un élément, appliquer des transformations de taille (scale), et gérer la durée et l'accélération de ces animations.
La classe Twin facilite la manipulation des propriétés d'un objet survolé, comme un bouton, en modifiant ses dimensions sur les axes X et Y. Vous apprendrez à contrôler la durée de l'animation et l'utiliser des types d'accélération tels que QuadOut pour obtenir des transitions fluides.
En fin de leçon, vous saurez non seulement programmer des animations simples mais aussi comprendre les principes de base des propriétés de transformation des objets dans Create.js, rendant vos éléments interactifs et dynamiques.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre l'utilisation de la classe Twin dans Create.js.
- Apprendre à programmer des animations d'objets d'affichage.
- Savoir manipuler les propriétés scale pour des animations fluides et dynamiques.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé de :
- Avoir des connaissances de base en JavaScript et en Create.js.
- Comprendre les concepts de base de la programmation objets.
Métiers concernés
Ces compétences sont particulièrement utiles dans les métiers suivants :
- Développeur front-end
- Animateur digital
- Designer interactif
Alternatives et ressources
En alternatives à Create.js, il est possible d'utiliser :
- GSAP (GreenSock Animation Platform)
- Anime.js
- Pixi.js
Questions & Réponses
Je m'abonne