Tutoriel sur l'utilisation de l'API Twinmax pour des Animations Élastiques

Chargement de l'API TweenMax et ajout d'une animation à l'initiation du Drag
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Adobe Animate CC 2017
Revoir le teaser Je m'abonne
Transcription

39,90€ Je commande

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

DescriptionProgrammeAvis

39,90€ Je commande

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

Les objectifs de cette vidéo sont les suivants :

  • Comprendre comment charger et initialiser la bibliothèque Twinmax.
  • Apprendre à référencer des éléments pour optimiser le code.
  • Maîtriser la gestion des animations en utilisant la méthode killAll.
  • Savoir créer des animations de grossissement avec une accélération élastique.

Découvrez comment initialiser et utiliser l'API Twinmax pour créer des animations élastiques fluides et performantes dans vos projets de développement web.

Dans cette leçon, nous nous concentrons sur l'initialisation de l'API Twinmax pour créer des animations élastiques. Nous aborderons :

1. Chargement de la bibliothèque Twinmax : Vous apprendrez à inclure le fichier JavaScript Twinmaxmin.js dans votre projet et à initialiser la bibliothèque.

2. Référencement des éléments : Nous verrons comment utiliser des variables pour référencer des éléments afin de rendre votre code plus concis et plus lisible.

3. Gestion des animations : Découvrez comment utiliser la méthode killAll pour arrêter toutes les animations en cours avant de lancer une nouvelle animation afin d'éviter les interférences.

4. Création d'une animation de grossissement : Apprenez à utiliser Twinmax pour agrandir un élément à 120% de sa taille d'origine avec une accélération élastique lorsqu'il est cliqué.

Ce tutoriel vous aidera à comprendre les bases de l'utilisation de Twinmax pour des animations fluides et dynamiques.

Voir plus
Questions réponses
Pourquoi est-il important d'utiliser la méthode killAll avant de lancer une nouvelle animation ?
Utiliser la méthode killAll permet de stopper toutes les animations en cours et d'éviter les interférences et les parasitages avec de nouvelles animations.
Quelle est la syntaxe pour augmenter la taille d'un élément avec Twinmax ?
La syntaxe pour augmenter la taille d'un élément avec Twinmax est Twinmax.to(element, vitesse, { scaleX: 1.2, scaleY: 1.2 }).
Pourquoi est-il préférable de référencer un élément dans une variable ?
Référencer un élément dans une variable permet de rendre le code plus concis et plus lisible en évitant de répéter une longue chaîne de caractères plusieurs fois dans le code.