Learn how to play piano songs without knowing sheet-music; instead, watch notes fall towards the keyboard as color-blocks; similar to how Guitar Hero works, but with a real instrument. Color piano Theory (CPT) ties together chords, scales, inversions, octaves, key signatures, and play-by-play examples of classical compositions, getting you started with playing piano the easy way =)

Getting your feet wet with Color Piano (features);

1. Drag & Drop MIDI files into your browser to view/play them in CPT. Helpful links;
• MIDI-Classics explains what MIDI is.
• eHow explains how-to convert Audio to MIDI.
• VGMusic provides MIDIs to an amazing assortment of video games!
• Freebyte has links to other collections of MIDI files.
• http://www.piano-midi.de/midi_files.htm
2. Seek to a specific location in the song, or replay parts your having troubles with;
• To do this, use your MouseWheel, or Scroll with two fingers using a Trackpad, or Use the Scrollbar on the right of the Piano.
3. Play the keyboard with your computers keyboard =)
• `1234567890-=  and  asdfghjkl;’  are all black keys.
• qweryuiop[]\ and zxcvbnm,./ are all white keys.
4. Configure the Piano to play slower when learning a new song, then slowly increase the speed as you get better!
• Step 1. Click on the Configure cog on the right of the Piano.
• Step 2. Use the range slider to configure the Speed.
5. Configure the Synesthesia, aka color-to-note mapping, that you relate with. My personal favorite is D.D. Jameson, but there are a lot of other interesting options created by people throughout history, starting with Issac Newton. To configure;
• Step 1. Click on the Configure cog on the right of the Piano.
• Step 2. Use the select-menu to configure the Synesthesia.
6. Configure whether you want to see the notes before they happen, or after they happen. Before is default for learning to play piano, after is a mode to be used strictly as a visualizer (much harder to learn from);
• Step 1. Click on the Configure cog on the right of the Piano.
• Step 2. Use the select-menu to configure the Visualization.

• 0.3.2–12/23/11
• Improved MIDI reproduction.
• 0.3.0–12/18/11
• Speed controls, and ability to scroll through midi.
• 0.2.9–12/17/11
• Steinway grand piano synth.
• 0.2.8–12/11/11
• Tie into Web Audio API for more accurate playback in Chrome.
• Tie into localStorage to save settings.
• 0.2.3–12/10/11
• Preview notes before they happen.
• 0.2.0–12/6/11
• Using base64 soundfonts.
• Now displays all 88-keys of a standard piano.
• Watch notes falling towards the keys before the note plays!
• 0.1.0–11/27/11
• HTML5 <audio> is used for sound-output.
• Color Piano Theory is available on the Chrome Webstore.
• pre-alpha
• MIDI-reading support via Matt West‘s very kindly provided jasmid project.
• Royalty free classical piano pieces from Disklavier World.
• http://mudcu.be/journal/2011/01/color-piano-theory/
• http://mudcu.be/journal/2007/03/piano-theory-widget/