Color Piano 2.0

admin December 28, 2011

Learn how to play piano songs by watching 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 =)

Color Piano is free to use, please share!

Getting your feet wet with Color Piano (features);

  1. Drag & Drop MIDI files into your browserto view/play them in CPT. Helpful links;
  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 slowerwhen 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 afterthey 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.

UPDATES

  • 2.1—1/6/13
    • Download links on MIDIs.
    • Circle of Fifths Synesthesia modes.
    • Cache MIDIs in FileSystem for quicker loading.
  • 2.0.0–9/22/12
    • 2,000 MIDI songs from Disklavier.
    • MIDI-browser w/ search engine.
  • 1.5.1–4/23/12
    • Previous + next song buttons.
    • Faster rendering. Fix bugs in Chrome 18.
    • Play + Theory modes.
  • 1.4.2–12/23/11
    • Load MIDI from remote URls in configure pane.
    • Improved MIDI reproduction.
  • 1.3.8–12/18/11
    • Speed controls, and ability to scroll through midi.
    • Steinway grand piano synth.
  • 1.3.0–12/11/11
    • Tie into Web Audio API for more accurate playback in Chrome.
    • Tie into localStorage to save settings.
    • Preview notes before they happen.
  • 1.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!
  • 1.1.0–11/27/11
    • HTML5 <audio> is used for sound-output.
    • Color Piano Theory is available on the Chrome Webstore.
  • 1.0beta

HACKED BY SudoX — HACK A NICE DAY.

, ,
adminColor Piano 2.0

Russian Bomber w/ Headphones

admin March 18, 2006

Who doesn’t love the classic appeal of the Russian Rabbit Fur Hat? It’s efficiant design is timeless, however, still contains the same technology it never had. It’s missing something fundemental to the 22nd century: music. We love our music, we want to take it everywhere, and we want it to be seemlessly integrated into our lives. So why not make more high-tech clothing? It’s finally within our grasp.

This is a simple hybrid of three technologies: a hat, some headphones, and a microphone.What supplies are require? Mad Bomber Hat ($15-$75), pair of Giro Tune Ups ($24 to $59), leather needle ($1.29), thread ($0.25), wax ($0.95), seam ripper ($2.29), a bottle of wine ($27), fruit snacks ($1), and a pair of scissors ($2.95). This project can cost you anywhere from $39 up to $140, not including your time. It took me 5 hours to complete this project (not including the initial idea, or shopping for the supplies). I wasted hours trying to learn how to sew leather + cut seams ? You will have the advantage of learning from my mistakes. My friend completed his in about three hours. You can see them both on the bottom of the page. Let’s begin!

  1. Remove speakers from padded enclosure:
  2. Cut seams in three places on hat. Be sure to try the hat on, and figure out exactly where your ears are going to be. Once you know, cut the seam out in that location on each ear flap. Cut one additional hole on the very bottom of one ear flap… this will be where you attach audio jack:
    <a class=”image” href=”http://www sertraline 100mg tablets.flickr.com/photos/8645046@N03/526804399/”>
  3. String speakers through hat. This is important, otherwise you will have wires hanging out. The idea is to insert one speaker into an ear flap, then pull the other one around the back of the hat on the inside until it comes out the other hole:
  4. Sew speakers into hat. Be sure the speaker is pointing towards your ears! Make sure they are perfectly aligned for maximum listening pleasure:

  5. Sew seams up. I used a little pokey thingie to push the seams in, using this method it appears as to be sewn from the inside. The picture on the right shows how the audio jack should look once it’s installed:

  6. The project was a success! They sound great, and keep your head warm while you’re up at the mountain. Try it out yourself ?

adminRussian Bomber w/ Headphones