Category: Web


Awesome recursive drawing in the browser:

recursivedrawing.com

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.

fractal.io/

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;

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

www.skale.org/?tracker=1

loved listening to elysium by jester.

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…

granular

… 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.

http://omegacode.net/

funkyvector.com

Pauli exclusion

Random flash musings by yours truly…

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.

WARNING: Do NOT calculate Pi in binary. It is conjectured that this number is normal, meaning that it contains ALL finite bit strings.

Bunch of cool web stuff from the recent flash conference…

www.flashforwardconference.com/finalists

games, sites, music. check hobnox.

adiatomea.jpg

mrkfolio.co.uk

[kml_flashembed movie="http://www.youtube.com/v/syf8olcM0z4" width="425" height="350" wmode="transparent" /]

Terminate sex

terminator.jpg