You can see it running live here (you’ll need a WebGL capable browser such as Chrome).

It uses text messages to generate pseudo-random combinations of particle colour, background colour, size and speed to change the animation. It also uses a dictionary of colour words found via XKCD to find matching words in the text messages and use them to colour the particles.

The animation is based on a THREE.js demo project by Paul Lewis / @aerotwist.

Send to Receive was created over two days at The Creators Project / Eyebeam #arthack hackathon. Read more about the other arthack projects and winners here.

By David Wolf with Twilio SMS integration & Sinatra backend by Jonathan Vingiano based on an idea by Crystal Butler.

You can download the source and fork it on GitHub here

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)

Last weekend I participated in the TechCrunch Disrupt NYC Hackathon. Starting at 12.30pm on Saturday and working through until 9.30am on Sunday I worked with Jonathan Dahan on a prototype of Soundscape. We were interviewed by TechCrunch at that special hour of the morning when we were totally manic and couldn’t stand still! See the video here.

The mobile app we built lets you tag and identify songs when you’re out at a café, a bar or a club. It links the song information to the venue as well as whether you like or dislike the song.

The idea is to build up a musical map of what is being played where, so you can choose where to go based on your musical tastes and give feedback to the venue owners and DJs.

The prototype app was built using HTML5/JS/CSS through Phonegap with a server running Node.js and MongoDB. We used The Echonest for track information and foursquare for venue information.

The app was designed by Courtney Christopher.

This is a simple Mac App which lets you play a movie both forward and backwards simultaneously to  explore the serendipitous relationships between different parts of the film, the framing and editing. There are no controls other than loading, starting and stopping the movie.

It was inspired by a post on Tomorrow Museum which describes a screening of The Shining where the film was projected both forward and backwards on top of one another.

It’s not just for purpose of spectacle that this film was projected this way; it seems that Kubrick filmed (and edited) with an intuitive balance and geometry. Objects in the two layers of projections routinely matched up with each other, characters were positioned in similar places far too often to be chalked up as odd coincidence. The film is a mirror, and to appreciate it one must first determine on what side of the mirror a particular scene is taking place.

The app was built using Quartz Composer and Xcode and requires MacOS 10.6.

It’s been a long time, but I used to make these things all the time when I was working on my Masters project, I called them ‘Vidgets’.

You can download the app here. I’ve also put the source files up on GitHub here.

Let me know what movies you find which work well played back and forth.

Disclaimer: HD movies tend to take a lot of CPU/GPU, especially when playing backwards and may not run smoothly. Also, I made this in an afternoon/evening with minimal testing so it’s not guaranteed to work or to not blow up your computer. Probably best to save what you’re doing before you try it!

• 24 ways: An Introduction to CSS 3-D Transforms – Good introduction to CSS 3D transforms and animation.

For more of my links see delicious.com/dpwolf

• TUIO – TuioKinect is a free proof-of-concept TUIO hand gesture tracker for the popular Microsoft Kinect controller. This application allows the rapid creation of gesture enabled applications within any platform or environment that supports the TUIO protocol

For more of my links see delicious.com/dpwolf

• LZX Industries – The LZX Visionary is a line of EuroRack format synthesizer modules designed for creating and manipulating video and images.

  Pretty cool to see new analogue video effects hardware in 2010!

For more of my links see delicious.com/dpwolf

• RequireJS – RequireJS loads plain JavaScript files as well as more defined modules.

For more of my links see delicious.com/dpwolf

• Release: KinectTools, v0.2 | Kineme – This Quartz Composer plugin gives you direct access to both the RGB colour image and depth image from the XBOX Kinect. No additional drivers required. Let the hacking begin.

For more of my links see delicious.com/dpwolf

• Safari CSS Visual Effects Guide: Interactive Visual Effects – Mobile Safari Touch Events guide

For more of my links see delicious.com/dpwolf

• lericson/code/ – MacBook Multitouch – in Python –

For more of my links see delicious.com/dpwolf

• Changing Safari’s User Agent | one digital life – In the terminal, type
  defaults write com.apple.safari IncludeDebugMenu 1
  to enable the debug menu in Safari/Webkit

For more of my links see delicious.com/dpwolf

• The absolute bare minimum every programmer should know about regular expressions – I’m Mike – Handy guide to regular expressions. Learn to be like this guy http://xkcd.com/208/

For more of my links see delicious.com/dpwolf

• HTMLMediaElement Class Reference – Complete list of attributes, events and methods for dealing with audio and video in HTML5 via Safari/WebKit.

For more of my links see delicious.com/dpwolf

• Terminal Tips and Tricks For Mac OS X – Super User – Some very handy commands for the MacOS command line.

For more of my links see delicious.com/dpwolf

• jQuery Fundamentals – An excellent jQuery reference book. The project is also hosted on GitHub where all contributions and translations are tracked. A pdf version is also available there. CC licensed.

For more of my links see delicious.com/dpwolf

• Safari HTML5 Audio and Video Guide: Controlling Media with JavaScript – How to build custom HTML5 video controls with javascript and get information such as percentage downloaded.

For more of my links see delicious.com/dpwolf

• mir.aculo.us with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast – The making of a nice little time zone web app.

For more of my links see delicious.com/dpwolf

• Client-side JavaScript file processing may come via File API – Nice little example showing how the newish File API works to read and process local files in JavaScript.

For more of my links see delicious.com/dpwolf

• Safari Client-Side Storage and Offline Applications Programming Guide: Using the JavaScript Database – Beginning in Safari 3.1 and iPhone OS 2.0, Safari supports the HTML5 JavaScript database class. The JavaScript database class, based on SQLite, provides a very basic relational database intended for local storage of content that is too large to conveniently store in cookies (or is too important to accidentally delete when the user clears out his or her cookies).

For more of my links see delicious.com/dpwolf