Applications and games on Canvas

Which applications for Canvas? Some examples to demonstrate the possibilities of the new HTML tag...

These JavaScript scripts can work only on Canvas compatible browsers: Firefox, Chrome, Safari. Not on IE. Click on the image for the demo.

	Crystal Galaxy Horizontal board game with sound (which sometimes lack in HTML 5).
	Angry Birds The game of launched projectiles, represented by birds that was a great success on mobile phones is now implemented on canvas and works with the Chrome browser, and a user account.
	3D Maze The code of a 3D maze is given in example on the manual at Mozilla, and some improvements has been added to it here. Amazing, the return of Castle Wolfentein in JavaScript! The full Wolfenstein 3D game is also available in the browser.
	Car Navigation It is a mashup of several technologies that use Canvas for the rendering surface. The tools used are Mario Kart, OpenStreeMap and the 3D effect is achieved by a combination of drawImage calls... More on the site.
	Free Civ An implementation of the Civilisation game on Canvas, running online in single or multi players.

Quake II

Using the 3D graphics library WebGL, so OpenGL, HTML 5 audio and localStorage, significantly faster than Doom, with 60 fps announced.

Bert

A platform game similar to old 2D games from Apogee, less the appeal of sceneries.

Lightning effects

With Javascript and Canvas, lighting effects based on the Phong shading are applied on an image. The area on which we move the mouse illuminates.
To achieve the effect, two textures of the same image are used, one containing the forms, the other colors.
The source code is available.

Asteroids

The classic game.

Galactic Plunder

A spatial fight game in JavaScript with sound and music.

Démonstrations and code source

• CanvasPad. Test drive from Microsoft.
  Shows how to program Canvas with an interactive demo that works under Firefox.
• Microsoft demos.
  Lot of Canvas demos.
• Making of X-Type
  About the game.
• Fabric
  Code reproduces the movement and the properties of the clothes. Surprising. And a tutorial to explain how to.

Tweet