Animation et Ordonnancement des Vignettes
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
1. Utiliser Create.js pour animer les vignettes.
2. Gérer l'échelle et l'opacité des éléments.
3. Manipuler l'index des éléments pour le focus visuel.
Résumé
Apprenez à utiliser Create.js pour animer les vignettes de vos projets en ajustant leur échelle et opacité.
Description
Dans cette leçon, nous explorerons les différentes étapes pour animer des vignettes en utilisant Create.js. Vous apprendrez comment agrandir les vignettes lors du survol, ajuster leur opacité et gérer leur index pour qu'elles apparaissent au premier plan.
En premier lieu, nous préciserons que les vignettes commencent à une échelle de 80% et une opacité de 40%. Lors du survol, nous augmentons l'échelle à 100% et l'opacité à 100% également. Pour la gestion des index, nous utiliserons la méthode setChildIndex pour assurer que la vignette survolée reste au premier plan.
Enfin, nous mettrons en place la fonction de réduction de l'échelle et de l'opacité lorsque le survol cesse, retournant les vignettes à leurs paramètres initiaux. Cette leçon inclut également la gestion des erreurs courantes afin d'assurer un fonctionnement optimal.