Canvas Demos

• Getting Started w...
  Want to get started with Mr. doob’s 3D library Three.js? Paul Lewis has created this great tutorial which will help you do just that. In this tutorial, Paul covers the basics of three.js including setting a scene; making a mesh and adding materials and lights. If you want to get started with three.js, now’s your chance! aerotwist.com/lab/creating-particles-with-three-js/
• Adobe Illustrator...
  Export artwork and animation from Adobe Illustrator directly to Canvas.

• Tweet! Tweet!
  Follow us on Twitter to find out the latest news on canvas and keep on top of the year's most exciting technology!
• Submission
  Got a game, application, tutorial or tool you want to share with the World? Submit it to Canvas Demos!

Getting Started with Three.js

• Intermediate - Tutorials
• Posted on July 29th, 2011

Want to get started with Mr. doob’s 3D library Three.js? Paul Lewis has created this great tutorial which will help you do just that.

Let's get started!

In this tutorial, Paul covers the basics of three.js including setting a scene; making a mesh and adding materials and lights. If you want to get started with three.js, now’s your chance!

• Comments: 9
• Read more

GLGE

• Libraries - Tools
• Posted on July 29th, 2011

GLGE, by Paul Brunt, is a JavaScript library intended to ease the use of WebGL masking the involved nature of developing WebGL from the developer so that they can spend their time creating richer content for the web.

Create awesome WebGL demos with GLGE

GLGE’s main features include: keyframe animation; perpixel lighting directional lights, spot lights and point lights; normal mapping; skeletal animation; depth shadows; shader based picking; environment mapping; reflections and refractions.

Keep an eye on CanvasDemos.com over the coming weeks for WebGL demos using GLGE.

• Comments: 4
• Read more

Alex the Allegator 4

• Games - Platform
• Posted on July 28th, 2011

A long time ago, I used to run an independant games company called Natomic Studios and one of our fellow indie developer friends was Johan Peitz of Free Lunch Design who in 2003 created Alex the Allegator 4 for a four color retro games competition. It was a awesome little platform game and I was delighted to see it revived recently when Oliver submitted this wonderful HTML5 tribute version of Alex the Allegator 4 running on MelonJS.

Awesome retro platforming

Alex the Allegator 4 is a pure jump’n'run, just like the old classic platform games. Guide Alex through the jungle in order to save his girlfriend Lola from evil humans who want to make a bag of her.

Move left & right with the arrow keys, use X to jump and press left control to spit eggs (if you have some available).

The latest Chrome is recommended.

• Comments: 16
• Read more

Magician – Fairy Rescue

• Games - Shooting
• Posted on July 28th, 2011

Brunda has submitted this simple yet addictive shoot ‘em up called “Magician – Fairy Rescue”. Using the magic wand at the bottom of the screen, you must free the fairies from the bubbles so they can float upwards to safety but make sure they avoid the monsters on their way up.

Magician - Fairy Rescue

Move the mouse around the game area to aim the magic wand at your desired angle, then click the mouse to fire the magic spell. The magic spell will hit the fairy bubble and release them.

• Comments: 15
• Read more

CATcher

• Games - Puzzle
• Posted on July 27th, 2011

Like kitteh? Like CATcher! CATcher by Willian Carvalho is a simple game where you have to catch the falling kitties with a basket. You have 30 seconds to save as many as you can.

Catch the cats!

Use the mouse cursor to move the basket. Every 100 points you score will give you 15 more seconds of playtime.

• Comments: 2
• Read more

WebGL Maze

• Games - Puzzle
• Posted on July 27th, 2011

Xavier Bourry has created this 3D maze game in WebGL. The object of the game is to get through the maze – from the start to the end which are clearly marked as signposts in the sky above.

Find your way to the end!

Use the mouse to look around and move through the maze. There’s 7 levels to play.

Got a WebGL demo? Submit it to us and see it featured on Canvas Demos!

• Comments: 13
• Read more

Browser check

• canvas
• canvas text

Learn more about canvas support

Canvas Demos

©2009 Nested Elements

Created by Andi Smith

Applications, games, tools and tutorials for the HTML5 canvas element

Keywords: canvas, html5, javascript, demos, games, tutorials