Check out this Tenorion-like instrument by Joshua Koo. It’s super fun to play with!
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.
[Music Notes]
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.
[Geeknotes]
First of all my implementation differs with using a HTML 5 Canvas to render the graphics instead of flash.I use the the Sion Library for the audio, creating a JS to AS bridge to generate sounds. Howeveer, with the still-in-progress Mozilla Audio Data API, one can easily modify this program to run fully in javascript soon.
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.