Awesome recursive drawing in the browser:
Category: Web
I’ve featured a few pieces of Subblue’s work over the years… now after patiently waiting, his fractal explorer in WebGL has just been released… with full mandelbulb etc 3d fractal exploration on the fly, right in your browser.
Be warned, this is some heavy processing, so close all your work documents, fire up your best browser: no IE bollocks, you’ll need a WebGL enabled browser like Firefox or Chrome latest or nightly builds.
Recently made the Cup Size Choir for La Senza via the agency Karmarama, which was quite a hit over the Christmas period… 1,000,000 uniques over the first 4 days. The site got hammered by Gizmodo on the first night, apparently was serving 200mb/sec at one stage.
So forget the boring Deck the Halls song, here’s a link to the Nothing Else Matters intro that I made: www.cupsizechoir.com/?s=27775
Unlike most tunes that are recorded live on the site, having access to the database I entered this tune in via code. Took about 2 hrs to format the data correctly for the tune – it doesn’t mimic the guitar work perfectly though.
Flagged as NSFW, but I really think it is SFW.
For code people, here’s the ‘tablature’ for the tune:
var barlength:int = 24;
var bar : int = 0 * barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = 2;
var bar : int = 0 * barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = 2;
bar += barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = 2;
bar += barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = 2;
bar += barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = ‘2,11’;
bar += barlength;
deckthehalls[bar + 0] = ‘0,11’;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = 4;
deckthehalls[bar + 12] = ‘7,11’;
deckthehalls[bar + 14] = 7;
deckthehalls[bar + 16] = 4;
deckthehalls[bar + 20] = 2;
bar += barlength;
deckthehalls[bar + 0] = 0;
deckthehalls[bar + 4] = 2;
deckthehalls[bar + 8] = ‘4,11’;
deckthehalls[bar + 12] = ‘7,12’;
deckthehalls[bar + 16] = ‘4,11’;
deckthehalls[bar + 20] = ‘2,10’;
bar += barlength;
deckthehalls[bar + 0] = ‘0,11’;
deckthehalls[bar + 4] = ‘2,10’;
deckthehalls[bar + 8] = ‘4,9’;
// half bar up to A
bar += 12;
deckthehalls[bar + 0] = 3;
deckthehalls[bar + 4] = 5;
deckthehalls[bar + 8] = 7;
deckthehalls[bar + 12] = 10;
deckthehalls[bar + 16] = 7;
deckthehalls[bar + 20] = 5;
bar += barlength;
deckthehalls[bar + 0] = 3;
deckthehalls[bar + 4] = 5;
deckthehalls[bar + 8] = 7;
deckthehalls[bar + 12] = 10;
deckthehalls[bar + 16] = ‘3,5,7’;
deckthehalls[bar + 20] = ‘4,5,7’;
// up to c
bar += barlength;
deckthehalls[bar + 0] = ‘5,7’;
deckthehalls[bar + 4] = 7;
deckthehalls[bar + 8] = 9;
deckthehalls[bar + 12] = 12;
deckthehalls[bar + 16] = 9;
deckthehalls[bar + 20] = 7;
bar += barlength;
deckthehalls[bar + 0] = 6;
deckthehalls[bar + 4] = 8;
deckthehalls[bar + 8] = 10;
deckthehalls[bar + 12] = 13;
deckthehalls[bar + 16] = 10;
deckthehalls[bar + 20] = 8;
deckthehalls[bar + 23] = 100; // end loop
Thought i may as well get this one documented… Mr doob made the original harmony which got ripped off by heaps of people making iPhone apps etc out of the exact idea, herein one of the problems with open source (view source?) javascript.
http://mrdoob.com/projects/multiuserpad
and for you dev’s out there, some words about it’s creation: http://mrdoob.com/blog/post/701
The guys at hobnox hare released the new version of their audiotool
Recently came across moebio.com by Santiago Ortiz. Lotsa cool stuff there, but one notable item is a link to a familiar resource, visualcomplexity.com, which filthmedia has featured multiple times over the years. This link takes the data from visual complexity and represents it in a visually complex fashion…? chicken/egg?
Some of visual complexity’s complexities:
bunch of cool flash experiments
http://www.simppa.fi/blog/gallery/
demosceners once again proving their worth in this web world… whilst you’re there, check out his original cosmos, one of those sites that features ambiguous navigation, cheerfully driving some to tears. of course, i don’t cry…
caught this a few days ago at fotb. andre michelle has already done heaps of cool online stuff, including the hobnox audio tool. this stuff isn’t new, but happening in flash within a web browser… wow…
… you’ve gotta page through to about page 20, looking for title ‘Granular Synthesis’… click right arrow at the bottom… then click the start button.
then you want to load in a wav file – ‘import wav’ … if you’ve got no ideas, try the amen break
next panel down, set the bars to 4 if you’re using the above amen break, bpm to whatever. handy to set resolution to 1/16ths, and snapping on, and start drawing lined and beziers etc… hit play. select a line and press delete to move.
voila. legend. lots of other cool stuff in the kling klang demo, and of course, his blog/labs… cheers to joa ebert too.
[kml_flashembed movie="http://www.youtube.com/v/42E2fAWM6rA" width="425" height="350" wmode="transparent" /]
nice flash realtime visuals by ye old mr doob.
Tricky little flash sound/particle game: playauditorium.com
[kml_flashembed movie="http://www.youtube.com/v/g8Eycccww6k" width="425" height="350" wmode="transparent" /]
Ok, no idea what’s happening here, but this is cool.
Bunch of cool web stuff from the recent flash conference…
www.flashforwardconference.com/finalists
games, sites, music. check hobnox.
[kml_flashembed movie="http://www.youtube.com/v/syf8olcM0z4" width="425" height="350" wmode="transparent" /]
