Tuto – Créez des animations JavaScript avec l’HTML Canvas
Tuto – Créez des animations JavaScript avec l’HTML Canvas
RAR | Vidéo | Français | 2 H 01 Min | 2.6 Go
Le Canvas permet l’affichage de graphismes 2D et 3D à l’aide de JavaScript au sein d’une page HTML5. Il n’est pas toujours facile d’écrire le code JavaScript afférant au Canvas, c’est pour cela que je vous propose de découvrir la librairie jCanvas qui simplifie grandement l’écriture du code. Apprenez à maîtriser le Canvas en JavaScript, étape par étape ! De l’introduction aux bases du dessin (formes, textes, dégradés) jusqu’aux projets complets comme un système solaire animé ou des formes sinusoïdales interactives, ce cours vous guide dans la création d’animations et d’effets graphiques dynamiques à l’aide de l’API Canvas.
Au programme :
01 – Introduction
02 – Mise en place
03 – Notre premier Canvas
04 – Les méthodes liés au Rectangle
05 – Dessin de trajets
06 – Création d’un dégradé
07 – Dessin de lignes et d’un triangle
08 – Les cercles
09 – Ajouter du texte
10 – Modifier la hauteur et largeur
11 – Faire un Canvas responsive
12 – Save et Restore
13 – Translate
14 – Rotate
15 – Les images
16 – Faire une animation avec requestAnimationFrame
17 – Effet de souris
18 – Projet système solaire
19 – Fin projet Système Solaire
20 – Mise en place
21 – Fin projet Rosace
22 – Mise en place
23 – Détection de collision
24 – Mise en place
25 – Projet sinusoïdales partie 1
26 – Projet sinusoïdales partie 2
27 – Projet sinusoïdales partie 3
