Latest
Sandy is a 3D engine that prodominently works in Flash, but for a recent release have starting supporting haXe, a multiplatform language. As a result with support from some additional libraries, it is now possible to get Sandy 3D working with JavaScript and canvas.
Matthew Casperson has created some handy tutorials demonstrating how to take this approach to 3D, along with some impressive demos.
View the Sandy haXe demos, and also the tutorials.
For more information on Sandy, visit their website at www.flashsandy.org
Scott Schiller, author of the excellent Flash/JavaScript plugin SoundManager2, has created some funky 360 MP3 Player User Interface demos using canvas.
Scott says:
This is a version of the “360-degree player”, a demo packaged with SoundManager 2 (JS+Flash sound API) that uses Canvas to draw pretty waveform and spectrum EQ graphs around a circular UI that shows load and play progress.
The 360 UI works on the basis of decorating plain old HTML links to MP3 files, allowing play, seek, showing progress etc. using the canvas element.
Check out the 360 MP3 Player, and if you aren’t already familiar with SoundManager2, check out it’s official site.
Kevin Geer has submitted this beautiful demo of a living, breathing dragon which flaps it’s wings in to a heart shape. The dragon animation is composed of recursive functions., instead of loops.
Check out the demo!
This binary clock is a simple but clever demo of a binary clock using canvas.
Hope you know binary...
Not sure how it works? The circles each represent a binary count – when they are filled they represent 1 and when they are empty they represent 0. From the left to right and then downwards, the values represent 1, 2, 4, 8, 16, 32. To get the number 11, the circles 1, 2 and 8 would be filled (1 + 2 + 8 = 11).
Check out the Binary Clock
Turbomilk, specialists in creating icons, have developed Iconza – a canvas based Mootools application. Iconza provides a collection of free icons that can be dynamically coloured and resized to your own requirements.
Choose a predefined colour, or hit the colour box to make your own
Check out Iconza Iconza
AlteredQualia’s Image Evolution is a interesting canvas demo based on an idea by Roger Alsing who asked: “could you paint a replica of the Mona Lisa using only 50 semi transparent polygons?”
Image Evolution takes this one step further by allowing you to specify the target result image, the number of polygons, the mutation level and even apply a variety of effects.
Sit there long enough and you can paint your own Mona Lisa
The evolution happens as follows:
Firstly, setup a random DNA string to form the application start. Then:
- Copy the current DNA sequence and mutate it slightly
- Use the new DNA to render polygons onto a canvas
- Compare the canvas to the source image
- If the new painting looks more like the source image than the previous painting did, then overwrite the current DNA with the new DNA
- Repeat from step 1
Check out the Image Evolution demo
