Adaptation et Animation sur HTML5 Canvas
Apprenez à adapter la taille de votre scène à un élément contenu, positionner et animer des éléments comme un avion et des villes sur une carte.
Création de bouton simple et avancée avec Animate CC
Création d'un symbole movieClip
Création d'un symbole movieClip à deux états type switch
Comment coder un comportement bouton sur un movieClip
Création d'une animation complexe avec trajectoire
Création d'une animation complexe




















Détails de la leçon
Description de la leçon
Dans cette leçon, vous allez découvrir une méthode simple pour ajuster la taille de votre scène à un élément spécifique dans une animation HTML5 Canvas. Nous commencerons par la manipulation des panneaux de propriétés pour adapter la taille de la scène. Ensuite, nous apprendrons comment positionner des éléments animés, tels qu'un avion qui se déplace d'une ville à une autre. Vous verrez également comment ajouter des puces pour les villes, et comment vectoriser du texte pour éviter des problèmes de polices sur les différentes machines des utilisateurs. Enfin, nous créerons des interpolations et ajouterons un calque de script pour contrôler l'animation avec des actions comme un stop à la fin.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à ajuster la taille de la scène à un élément, à positionner et animer divers éléments graphiques, et à utiliser des scripts pour contrôler les animations.
Prérequis pour cette leçon
Il est recommandé d'avoir des connaissances de base en HTML5 Canvas et en animation pour suivre cette vidéo efficacement.
Métiers concernés
Les compétences abordées dans cette leçon sont particulièrement utiles pour les métiers suivants : développeur web, graphiste, et spécialiste en multimédia.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des logiciels d'animation comme Adobe Animate ou SVG pour des besoins spécifiques en animation vectorielle.
Questions & Réponses
