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
Formation Informatique sur mesure Bruxelles 