Booster des Talents IT

Formation Animations en HTML5 avec Canvas

logo du composant html canvas
Cette formation vous permettra de découvrir et d’utiliser les capacités de HTML5 et JavaScript en matière de création de contenus Rich Media avec Canvas. Vous apprendrez à concevoir du contenu depuis le simple dessin jusqu’à la conception 3D en passant par l’animation.
Prixà partir de
990 €HT
RéférenceAF24805
Durée2 jours
Public Développeurs, Webdesigners
PrérequisBonnes connaissances en HTML5 et bases du langage JavaScript
TP50%

Plan de Formation Animations en HTML5 avec Canvas

Introduction et rappels

Les frameworks HTML5 : quels outils et quels avantages ?
Retours sur les bases d’une application Web
Les APIs disponibles
Rappels sur le langage de script
La différence entre canvas et SVG

Les bases du dessin avec l’API Canvas

La balise canvas et son API
Remplir la zone du canvas
Créer des formes primitives
Ajouter et personnaliser du texte
Animer les éléments
Utiliser les techniques de tracés avancées : Béziers, courbes…
Dessiner une texture

Techniques de dessin avancées

Transformer les objets avec Translate
Gérer le mouvement des formes : scaling, rotation…
Appliquer une transformation customisée
Gérer les ombres et les dégradés
Détourer un élément
Utiliser des masques
Optimiser le canvas
Utiliser la propriété globalAlpha
Manipulation de pixels

Exemples de mise en application

Construire un diaporama d’images
Créer des animations, utiliser des spritesheets
Utiliser le double buffering
Intégrer le canvas dans des pages

Concevoir avec des frameworks

Exemple : utiliser KineticJS
Organiser les ressources
Gérer les événements
Gérer les interactions : interpolation, drag & drop, animation

Aperçu des applications 3D de canvas

Support 3D du JavaScript
Les notions de base
Gérer les caméras et l’éclairage
Animer les objets
Gérer les textures

Nos autres formations Langage de balisage et de présentation

AF24805Formation Animations en HTML5 avec Canvas 31 sessions prévues2 jours990 €HT
AF15544Formation HTML5 et CSS3 Perfectionnement 29 sessions prévues3 jours1450 €HT
AF13127Formation Sass & Compass 30 sessions prévues2 jours1290 €HT
AF6097Formation HTML5 et CSS3 31 sessions prévues2 jours1150 €HT
AF1604Formation XML Développeurs 28 sessions prévues3 jours1470 €HT
Voir les 12 formations
Vous pouvez également être intéressé par des formations CSS3, HTML5, Javascript ou par les formations de notre filière Langage de balisage et de présentation
Prixà partir de
990 €HT
RéférenceAF24805
Durée2 jours
Public Développeurs, Webdesigners
PrérequisBonnes connaissances en HTML5 et bases du langage JavaScript
Travaux pratiques50%
Suivez l'une de
nos 31 sessions
le 27/01/2021 à Paris
le 04/02/2021 à Distance
le 04/02/2021 à Grenoble
le 04/02/2021 à Lyon
le 25/02/2021 à Nantes
le 01/03/2021 à Paris
le 29/03/2021 à Toulouse
le 07/04/2021 à Lyon
le 07/04/2021 à Grenoble
le 07/04/2021 à Distance
le 14/04/2021 à Aix-en-Provence
le 11/05/2021 à Paris
le 26/05/2021 à Lille
le 03/06/2021 à Lyon
le 03/06/2021 à Distance
le 03/06/2021 à Grenoble
le 23/06/2021 à Nantes
le 21/07/2021 à Paris
le 21/07/2021 à Toulouse
le 06/09/2021 à Lyon
le 06/09/2021 à Grenoble
le 06/09/2021 à Distance
le 29/09/2021 à Aix-en-Provence
le 14/10/2021 à Lille
le 25/10/2021 à Paris
le 03/11/2021 à Grenoble
le 03/11/2021 à Distance
le 03/11/2021 à Lyon
le 17/11/2021 à Nantes
le 06/12/2021 à Toulouse
le 09/12/2021 à Paris
Voir toutes les dates