Créer des Animations de Vignettes avec Create.js

Animations grossissement / rétrécissement des vignettes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez la programmation dans Animate CC
Revoir le teaser Je m'abonne
5,0
Transcription

59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Apprenez à utiliser Create.js pour animer les vignettes de vos projets en ajustant leur échelle et opacité.

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.

Voir plus
Questions réponses
Quel est l'objectif de la méthode setChildIndex dans la vidéo?
La méthode setChildIndex est utilisée pour assurer que la vignette survolée apparaisse toujours au premier plan, ce qui améliore la visibilité et l'interaction utilisateur.
Quelle transition de l'échelle est programmée lors du survol d'une vignette?
Lors du survol d'une vignette, son échelle passe de 80% à 100%, assurant ainsi un grossissement visuel pour l'utilisateur.
Pourquoi utilise-t-on getNewChildren - 1 pour les index des vignettes?
La valeur getNewChildren - 1 assure que l'élément survolé obtienne l'index le plus élevé, le plaçant ainsi au premier plan par rapport aux autres vignettes.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
C0C23DAC-E0F0-4671-A5DA-98CC3C3F0FD7@cyberlibris.studi.fr
Il y a 7 mois
RAS