Adaptation et Animation sur HTML5 Canvas

Configuration et organisation du scénario, création des calques
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Ateliers créatifs Adobe Animate CC
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 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.

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.

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.

Voir plus
Questions réponses
Pourquoi est-il important de vectoriser le texte dans une animation HTML5 Canvas?
La vectorisation du texte garantit que la police s'affiche correctement même si l'utilisateur n'a pas la police installée sur sa machine.
Comment ajuster la taille de la scène à un élément contenu dans HTML5 Canvas?
Vous devez aller dans les panneaux de propriétés, sélectionner les paramètres avancés et cliquer sur 'ajusté au contenu'.
Quelle est l'astuce pour éviter les problèmes de police dans une animation HTML5 Canvas?
La meilleure solution est de vectoriser le texte afin qu'il s'affiche correctement sur toutes les machines.

Programme détaillé