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

Intégration de GreenSock avec Edge Animate

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

Découvrez comment l'intégration de classes d'animation externes, comme celles de GreenSock, peut améliorer la vélocité et l'interactivité de vos animations créées avec Edge Animate.

Détails de la leçon

Description de la leçon

Pour aller plus loin que les fonctionnalités intégrées dans Edge Animate, vous pouvez introduire des classes d'animation externes comme GreenSock et jQuery, entre autres. GreenSock, reconnu pour ses classes de script performantes utilisées avec Flash, propose désormais des classes compatibles HTML5, JavaScript et CSS3. Cela permet d'apporter la même vélocité et dynamisme des animations Flash au sein de vos créations Edge. Les effets 3D que GreenSock offre, comme les rotations ou les plans animés, sont facilement intégrables et ne nécessitent pas une gestion spécifique des navigateurs. De plus, le code généré est très léger, surpassant la plupart des classes jQuery en termes de performance. Nous explorerons notamment comment animer une galerie d'images via des commandes clavier en utilisant GreenSock, ainsi que d'autres effets avancés comme les rotations 3D sur un axe vertical et les animations parallaxes utilisant du scroll. L'objectif est de démontrer le potentiel d'animation avancée et la facilité de déploiement de ces classes au sein de vos projets Edge Animate.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :


- Apprendre à intégrer et utiliser des classes d'animation externes comme GreenSock avec Edge Animate.
- Découvrir les avantages des animations GreenSock en termes de performance et d'interactivité.
- Savoir comment déployer des animations 3D et parallaxes avec facilité.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML5, JavaScript, et CSS3 ainsi qu'une compréhension préalable de l'utilisation d'Edge Animate.

Métiers concernés

Les compétences acquises peuvent être appliquées dans des domaines tels que :


- Développement web
- Design interactif
- Création de contenu multimédia
- Production de jeux éducatifs en ligne

Alternatives et ressources

En alternative à GreenSock, vous pouvez également explorer les bibliothèques d'animation comme jQuery et Anime.js, bien que la performance et la simplicité d'intégration varient.

Questions & Réponses

GreenSock permet d'apporter la même vélocité et dynamisme des animations Flash à des environnements compatibles HTML5, améliorant ainsi considérablement les interactions utilisateur et la performance des animations.
Avec GreenSock, vous pouvez créer des effets 3D comme des rotations, des animations de plans, des filtres animés, ainsi que des effets de parallaxe en fonction du scroll.
GreenSock génère un code beaucoup plus léger et performant que la plupart des classes jQuery, ce qui se traduit par des animations plus fluides et une meilleure expérience utilisateur.