CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Guide Téléchargement et Intégration de Greensock pour Animations CSS3

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

Découvrez comment télécharger et intégrer le kit d'animation de Greensock pour réaliser des animations CSS3.

Détails de la leçon

Description de la leçon

Cette leçon vous guide à travers le téléchargement et l'installation de la librairie d'animation Greensock (version 12). Vous apprendrez où trouver le bouton Download.js sur le site greensock.com/css3 et comment télécharger le fichier ZIP contenant toutes les classes d'animation nécessaires. Le ZIP contient un dossier src avec deux répertoires : minified pour les animations optimisées pour les mobiles, et uncompressed pour les effets plus complexes adaptés aux publications web. Nous expliquerons comment déplacer le dossier src dans votre projet EdgeAnimate et l'utiliser efficacement pour créer des animations dynamiques.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Montrer où et comment télécharger le kit d'animation Greensock.
  • Décrire le contenu du fichier ZIP téléchargé.
  • Expliquer l'utilisation des répertoires minified et uncompressed.
  • Illustrer l'intégration des classes Greensock dans un projet EdgeAnimate.

Prérequis pour cette leçon

Avant de suivre cette vidéo, il est recommandé d'avoir une connaissance de base en JavaScript, des notions en CSS3, et une familiarité avec EdgeAnimate.

Métiers concernés

Les compétences abordées dans cette vidéo sont particulièrement utiles pour les développeurs front-end, les web designers et les animateurs graphiques.

Alternatives et ressources

Comme solutions alternatives à Greensock pour créer des animations, on peut considérer l'utilisation de CSS animations, de la librairie Anime.js ou encore du framework Velocity.js.

Questions & Réponses

Le kit d'animation Greensock peut être téléchargé sur le site greensock.com/css3, en cliquant sur le bouton Download.js situé en haut à droite de la page.
Le répertoire minified contient les classes d'animation dans une version optimisée pour une utilisation mobile, tandis que le répertoire uncompressed comprend des classes avec des enrichissements pour des effets plus complexes adaptés aux publications web.
Pour intégrer les classes Greensock dans un projet EdgeAnimate, il suffit de copier le répertoire src du fichier ZIP téléchargé au sein du projet EdgeAnimate et utiliser les classes via quelques commandes simples en JavaScript.