Behold the John Whitney Music Box, a realization in music of the motion graphic concepts of John Whitney. The animation and audio are by Jim Bumgardner, who first developed the web app 10 years ago.
You may notice some interesting links between the visuals and the audio, especially if you are a musician. For example, when the pattern forms a 3-arm starfish, the chords you are hearing are diminished chords, which consist of minor thirds, an interval in which the notes are 3 chromatic steps apart. The chords you hear always bear this type of relationship to the pattern you are seeing, consisting of intervals which match the arrangement of arms.
I generated the audio using my sound synthesis program, Syd, which provides a very elegant way to accomplish this kind of thing. Unfortunately, Syd is horribly supported these days (I haven’t updated the Macintosh version since before OS X). Here’s a sample Syd patch which was used to generate the audio (I actually used 3 similar patches and mixed the results together).
Bumgardner commented on a recent Reddit thread:
I made the Whitney Music Box nearly 10 years ago. It seems like it gets rediscovered on Reddit about every 18 months. Invariably, I see the same comments: 1) Aphex Twin 2) Bowser's castle 3) Hypnotoad 4) Microtones are creepy 5) Awesome on drugs. And, much to my relief, no one seems to mind that its still implemented in Flash!
There are many variations and each plays perfectly full-screen. This one is one of my favorites, but the hand-cranked one is most fun. There's also an easter egg if you play at a certain time of day. If you'd like to have even more fun at Bumgardner's behest, it's time to spin the Wheel of Lunch!
Mark posted about Whitney's psychedelic computer animations in 2010.
Adobe Flash, the clunky and unsearchable interactive plugin tech, was always bad. Its presence on a website guaranteed a user interface disaster, an unblockable ad, or general bloated shonkiness. But it was also liberating, making animation and programming accessible in a way unseen since the days of 8-bit computers with BASIC built-in. Flash Is Responsible […]
Simon Niklaus et al devised a method to convincingly add a 3D Ken Burns zoom effect to 2D photographs. Their code works as well as a professional graphic designer: better than simple cut-outs slapped into an After Effects stage, thought I still get that slightly uncanny “2.5D” Viewmaster effect. The Ken Burns effect allows animating […]
Treat yourself, internet: We’ve rounded up some deals from the past week that were too good not to bring back for an encore. Take your pick from home goods, massagers and other tech, all at serious discounts. TREBLAB Z2 Bluetooth 5.0 Noise-Cancelling Headphones Get in the groove and stay that way with these headphones and […]
As cool as your smartphone is, it can’t do everything. When a job requires a little elbow grease, a multitool is a great thing to have around – and might just save your life in the right situation. Here’s a roundup of some of the latest multitool designs, which have come a long way since […]
Whether you own or rent your place, insurance on that home is a necessary hassle – but a new tech-driven company called Lemonade is starting to show that while it might indeed be a necessity, it doesn’t have to be a hassle. Here’s the way insurance typically works: You pay premiums and hope an accident […]