Create some music by clicking or dragging @ http://jabtunes.com/labs/jtenorion.html
** Warning: Can be CPU intensive. Safari / Chrome for best results. If you do not have a fast CPU, use less effects in the checkbox options.
Check out a video playing with this.
After a while, you may find that you’re creating some chinese-like, malay-like or javanese like music.
This is a clone of the fairly expensive electronic but a fairly cheap music instrument call the Tenori-On made by Yamaha.
Anyway, this version is closer’s to Andre’s implementation call ToneMatrix, a flash implementation using notes of a pentatonic scale, which allows you to pleasant sounding music evening if you click on it randomly. Just youtube it, and you can find how many others have created music with the Tonematrix.
First of all my implementation differs with using a HTML 5 Canvas to render the graphics instead of flash.
My initial visual effects was less than satisfactory compared to Andre’s implementation and I got stuck at creating the “ripple effects”. I first tried the ripple algorithm used in my previous experiment, but such animation would be almost usuable and very likely to hang the browser.
After a period of rest, while reading on perlin noise in canvas, I started having some inspirations for this project again.
Its then struck me that I could implement this with a simple particle system with gradients.
I was also inspired by the use of gradients, alpha and composites stumped upon this while looking up collaborative programming.
So right now, although its not all perfect, but its a big improvement from the past.
Go ahead, have fun, create some music, hack the code, or provide some suggestions.
p.s. I found the layout look like an iPad after I used curve borders, not that I wanted to replicate the iP* devices.
Other WIP screenshots here.
(a cross post on my facebook note)