Introduction à l'API Create.js pour les Animations

Cette vidéo offre une vue d'ensemble de l'API Create.js, expliquant ses différentes composantes et leur usage dans les animations.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons l'API Create.js et ses quatre principales bibliothèques : EaseLJS, TwinJS, SoonJS et PreloadJS. EaseLJS gère les objets d'affichage et les événements, TwinJS anime les éléments par programmation, SoonJS traite le son dans les animations, et PreloadJS permet le chargement de médias et données externes. Nous montrons comment naviguer dans la documentation de chaque partie et l'importance de la console pour le débogage et l'expérimentation de nouvelles méthodes et propriétés.

Nous détaillons aussi l'intégration de Create.js dans Adobe Animate CC, où les quatre bibliothèques sont fusionnées pour optimiser le poids du framework. Un exemple pratique est fourni pour illustrer comment utiliser les événements et les méthodes d'un objet MovieClip pour enrichir vos projets d'animation.

Objectifs de cette leçon

Les objectifs de cette vidéo sont : comprendre les différentes composantes de l'API Create.js, savoir utiliser la documentation pour chaque bibliothèque et apprendre à déboguer une animation en accédant aux propriétés et méthodes des objets via la console.

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo incluent une connaissance de base en programmation JavaScript et des notions en animation numérique. Une expérience préalable avec Adobe Animate CC est également recommandée.

Métiers concernés

Ces connaissances sont particulièrement utiles pour les métiers de l'infographie, du développement web interactif, de la conception de jeux vidéo et du design d'animations numériques. Les professionnels dans ces domaines peuvent tirer parti de l'API Create.js pour optimiser et enrichir leurs projets.

Alternatives et ressources

Des alternatives à Create.js pourraient être : GSAP (GreenSock Animation Platform) pour des animations complexes, Howler.js pour le contrôle audio, et Pixi.js pour des rendus graphiques rapides et interactifs.

Questions & Réponses

Les quatre bibliothèques principales de Create.js sont EaseLJS, TwinJS, SoonJS et PreloadJS. Chacune est dédiée à une fonctionnalité spécifique comme la gestion des objets d'affichage, l'animation, la gestion des sons et le chargement des médias externes.
Dans Adobe Animate CC, les quatre bibliothèques de Create.js sont fusionnées en une seule pour optimiser le poids du framework, rendant ainsi plus léger le fichier CreateJS min.js utilisé lors de la publication des animations.
La méthode utilisée pour ajouter un enfant dans la liste d'affichage dans Create.js est AddChild. Elle permet d'ajouter des éléments tels que des bitmaps à la liste d'affichage d'un conteneur ou d'une scène.