Formation Animations en HTML5 avec Canvas 2 jours


Suivez 2 jours intensifs de formation Animations en HTML5 avec 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.

Télécharger le tutorial HTML5 pour les Webdesigner

Plan de Formation Animations en HTML5 avec Canvas

Formation HTML5 et CSS3 Gestion de contenu 2 jours
Formation Sass Compass 2 jours
Formation HTML 5 – 3 jours
Formation HTML5 et CSS3 Perfectionnement 3 jours
Formation Animations en HTML5 avec Canvas 2 jours
Formation XML Développeurs 3 jours

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

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s