Tag Archive for 'audio'

HTML5 Audio Bubble Shooter

screenshot

Click on the image to play (requires the latest Chrome Beta)

This game/demo was created in an afternoon at the Google HTML5 Hackathon NYC on Monday August 1st 2011 by Du Hoang (design), Michael Yin (game programming) and me (audio api integration).

Using the new HTML5 Audio API, the game does real-time audio analysis and beat detection on an mp3 file playing in the browser, triggering music bubbles on the beat and changing the game background gradients.

It’s pretty crazy what you can achieve in a few hours of hacking! It was lots of fun.

It requires the latest Chrome Beta. You will also need to enalble the Web Audio API by going to about:flags. See instructions and more examples here.

Based on http://www.propulsionjs.com/ and the HTML5wow GAL 9000 demo.

Audio: Show My Ass by Dominique Young Unique (via Pitchfork)

Bookmarks for July 15th

These are my links for July 15th:

For more of my links see delicious.com/dpwolf

(0)

Bookmarks for May 3rd

These are my links for May 3rd:

For more of my links see delicious.com/dpwolf

(0)

Bookmarks for January 25th

These are my links for January 25th:

  • Vamp Plugins – Vamp is an audio processing plugin system for plugins that extract descriptive information from audio data — typically referred to as audio analysis plugins or audio feature extraction plugins.
  • Sonic Visualiser – Sonic Visualiser is an application for viewing and analysing the contents of music audio files.

For more of my links see delicious.com/dpwolf

(0)

Bookmarks for November 13th

These are my links for November 13th:

  • Create with Context – How people really use the iPhone – A pdf presentation based on a usability study of iPhone applications. via Overlobe
  • RjDj – This looks really really cool. It is an application and system for listening to generative music on the iPhone. Tracks or 'scenes' can respond to sounds in the listener's environment via microphone, sampling and incorporating them into the music in real time as well as motion data from the inbuilt accelerometers. Scenes can be created using open source audiovisual programming environment PD. Makes me really want an iPhone!

For more of my links see delicious.com/dpwolf

(0)