Lost Decade Games have created this retro-inspired shoot-em-up game called Onslaught! Enemies appear from the gates at the top of the screen in waves, and it is your job to eliminate them and move on to the next wave.
Attacking the dragon
Move with the cursor keys and attack with the space bar. Collect gold to raise your score, collect meat to recover health and collect the scrolls for improved weapons. You can switch weapons with Z and X.
Onslaught was made for a chiptune contest. If you’re not a fan of chiptunes, you can use M to mute
Richard Brunson has created this comprehensive canvas demo which produces intricate chakra patterns.
The word Chakra translates from Sanskrit to “wheel” or “turning”. Chakra’s are said to be spirals or circles of energy permeating from one point in fan shaped formations.
There's lots of pretty patterns to view
Use the number keys to change the number of petals drawn, C to change the colours, M to cycle the drawing mode, R to change rotation and click to change the chakra.
Fans of Pacman may have seen Google’s recent HTML implementation of Pacman on their homepage constructed with hundreds of DIV elements. Dale Harvey has created a HTML5 version of Pacman that uses the canvas element.
Retaining the classic maze and your favourite four ghosts, this version of Pacman runs smoothly and authentically as you steer Pacman around the maze collecting dots and power pills.
Classic Pacman action
Comments from the Author:
This is most of the Pacman game everyone knows and loves. I wanted to play with new web technologies so writing a simple browser game seemed like a good idea. It currently uses localStorage, HTML5 Audio, Canvas and @font-face.
Ibon Tolosana has produced this exciting 3D image transition canvas demo. Tiler 3D displays a slideshow of an unlimited number of equal sized images in a grid of 3d rotating tiles.
Tiler switches between images with 3D transitions
Comments from the Author:
The transitions happen randomly transforming each image in a grid of 3D tiles which rotate and translate to end up showing the next image. Since it is a tiny 3d engine, it uses the canvas element intensively, mainly transforming 3d geometry into 2d image projections. A good benchmark for the javascript vm and processor power as well.
Google Chrome for Windows or Linux is recommended for this demo.
Hakim El Hattab has been playing around with magnets for this HTML5 canvas experiment. Particles orbit around magnetic points creating currents – the more particles there are around a magnet – the stronger it glows.
Particles flow around the magnets
You can drag the magnets around to make different effects, add additional magnets by double clicking, remove magnets by dragging them off the canvas and press left/right on the cursor keys to try different skins.
Think you know your countries? Kevin Pickell has used the canvas element to render a world map which asks you to drag and drop the country names in to the correct areas. The quiz has 11 different areas of the world as well as the States of the USA and Provinces of Canada.
Getting stuck on naming Eastern Europe
Comments from the Author:
I’ve offered it (for free) to the Khan Academy, http://www.khanacademy.org/ , to use this code on their educational website and they have accepted it and plan on adding it to their group of educational tools.
Home to applications, games, tools and tutorials that use the HTML 5 <canvas> element - which allows for dynamic scriptable rendering of bitmap images.
