Applications et jeux sur Canvas

Quelles applications peut avoir Canvas? Quelques exemples pour montrer les possibilités de la nouvelle balise HTML...

Ces scripts en JavaScript fonctionnent sur les navigateurs supportant Canvas, donc Firefox, Chrome, Safari et non sous IE. Cliquer sur l'image pour la démo.

	Crystal Galaxy Jeu de plateau horizontal avec audio (ce qui manque quelquefois à HTML 5).
	Angry Birds Le jeu de lancer de projectiles, représentés par des oiseau qui a connu un grand succès sur mobiles est maintement implémenté sur Canvas et fonctionne avec le navigateur Chrome, et un compte utilisateur.
	Labyrinthe 3D Le code d'un labyrinthe 3D est donné en exemple sur le manuel de Mozilla, et quelques améliorations lui ont été ajoutées ici. Etonnant, Castle Wolfenstein revient en JavaScript!
	Free Civ Une implémentation du jeu Civilisation sur Canvas, fonctionnant en ligne en mode mono ou multi joueurs.

Quake II

Utilisant la librairie graphique 3D, WebGL, donc OpenGL, HTML 5 audio et localStorage, nettement plus rapide que Doom, avec 60 fps annoncés.

Bert

Un jeu de plateforme dans le style des anciens jeux d'Apogée en 2D, avec le génie des décors en moins.

Effets d'éclairage (Lightning effects)

Avec JavaScript et Canvas, des effets de lumières basé sur l'ombrage de Phong sont appliqués sur une image. La zone sur laquelle on passe la souris s'éclaire.
Pour réaliser l'effet, on utilise deux texture d'une même image, l'une contenant les formes, l'autre les couleurs.
Le code source est disponible.

Asteroïdes

Le jeu classique.

Galactic Plunder

Un jeu de tir spatial en JavaScript avec son et musique.

Démonstration et code source

• CanvasPad. Test drive de Microsoft.
  Montre comment programmer Canvas avec une démo interactive qui fonctionne sous Firefox.
• Démos de Microsoft.
  Une quantité de démonstrations pour Canvas.
• Réalisation d'un jeu Canvas
  Le making of du jeu X-Type.
• Le tissu
  Avec du code on reproduit le mouvement et les propriétés du tissu. Etonnant.