Latest

TickerPlot

TickerPlot by Abhijit Gadgil is a canvas based charting tool specifically for stock charts and technical analysis. TickerPlot supports Log/Linear scale, Candlestick, OHLC, line plots and several technical indicators, including pan and zoom capability.

TickerPlot

Comments from the Author:

In this demo we use the canvas for plotting the charts of ticker symbols and mouse events on canvas for panning, drawing trendlines etc. The canvas plotting library ‘tickp’ is opensource and is hosted at bitbucket.

Works best in Google Chrome or Firefox.

Coulisse

Elmer has created this coverflow effect called Coulisse using the canvas element.

Coulisse

Coverflow

Elmer’s future plans involve releasing Coulisse as a jQuery.ui plugin.

3D Christmas Tree

Roman Cortes has created this 3D Christmas Tree to get you in the spirit of Christmas.

Merry Christmas!

Roman also offers an explanation of how it was created within the confines of 1kb for the JS1kb Christmas Competition.

Enjoy Christmas everybody!

Super Santa Sweep 3D

Over at Direct Design they have created this 8-Bit inspired pseudo 3D Christmas dash game. As Santa, it’s your job to collect gifts and head to the exit. 3 of the same gift in a row will get you a bonus!

Super Santa Sweep 3D

Collect all of the presents!

Comments from the Author:

We have built on the excellent article from the Opera dev pages to develop the graphics, we have also ironed out a couple of performance issues with IE to improve playability. While not as good as the ‘real’ browsers, the game is playable in IE 7 and 8.

Merry Christmas everybody!

Pirates Love Daisies

You may not know this, but pirates apparently love daisies. They love them so much that they would fight all kinds of sea creatures (and seagulls) to protect their daisy patch, and that’s exactly what they will do in this tower defence game created by Grant Skinner. Davy Jones is sending his scurvy minions to steal your most valuable possessions: your daisies. Only your stalwart crew can stop them before they take all your fragrant flowers to the murky depths. Hire new crew members and place them strategically to prevent the creeps from nabbing your daisies and returning to the water from whence they came.

Pirates Love Daisies

Shiver me flowers!

Comments from the Author:

We started out by building core game logic, and a simple library to manage canvas state. We profiled performance, then revisited some of our initial ideas to work with the limitations we found. Overall, we found working with JS to be a lot easier than we expected. Picking up the language was a breeze, and we were able to apply the processes and approaches we’ve developed from years of working on interactive content with Flash. There is a certain amount of fun and freedom afforded by a dynamic scripting language, though the lack of strict typing, compiler time errors, and language-level support for inheritance (ie. no super keyword) were frustrating but manageable.

Achtung die Kurve

Mathias Paumgarten and David Strauß have produced this addictive multiplayer game where you have to control your line ensuring it does not collide with the walls or the other player’s lines.

Achtung die Kurve

Avoid your line and your opponent's line

Achtung die Kurve is played on a single computer, so you’ll need everyone to gather around. You can select the controls as you start. Here’s hoping for a Websockets version in the future!

The game has some perculiar behaviour in Firefox, so use Chrome or Internet Explorer 9 for this one.

Welcome to Canvas Demos

Home to applications, games, tools and tutorials that use the HTML 5 <canvas> element - which allows for dynamic scriptable rendering of bitmap images.

Browser check

  • canvas
  • canvas text

It looks as though your browser does not support canvas natively. Why not try one of these browsers?

Learn more about canvas support

Canvas news

Site news

Submit your demo

Submit your demo, and if we like it we'll feature it on Canvas Demos!