Matériel de référence
Introduction complète à l'API HTML Canvas pour créer des graphiques dynamiques, des animations et des visualisations interactives. Conçu pour les étudiants de 3ème année ETI et IRC.
Voir le coursExercices pratiques et défis de programmation pour renforcer les concepts HTML Canvas à travers une mise en œuvre concrète.
Voir les exercicesPrimitives de dessin fondamentales démontrant comment créer des formes de base et des courbes en utilisant l'API Canvas.
Explorer l'exempleExemple de composition complexe montrant comment combiner plusieurs formes pour créer des illustrations structurées.
Voir l'exempleTechniques avancées pour charger, traiter et manipuler des images dans un contexte Canvas.
Explorer l'exempleManipulation interactive des couleurs démontrant la gestion des événements et les entrées utilisateur dans les applications Canvas.
Essayer la démo interactiveRendu d'arc dynamique avec des techniques d'animation fluides utilisant requestAnimationFrame.
Voir l'animationCourbes de Bézier quadratiques animées démontrant la manipulation des points de contrôle.
Voir l'animationCourbes de Bézier cubiques complexes avec plusieurs points de contrôle pour des animations fluides et élégantes.
Voir l'animationImplémentation complète d'un jeu combinant graphiques Canvas, gestion d'événements, logique de jeu et gestion d'état. Une démonstration pratique de l'application des technologies web pour créer des applications interactives.
Jouer au jeu