From the blog entry:
We're calling the Twitter API from Yahoo! Query Language, receiving an image URL for your avatar, converting it to a data:uri, and returning its base64-encoded value as JSON with a callback.
Then we create an image on the client, load it with the data YQL gave us, and stretch it to fit our (comparatively very large) canvas tag.
Since we've created the image locally, the usual canvas security restrictions don't apply and we're free to sample pixels. We do this, collecting color values and positions, and then we start drawing circles with random sizes and tiny random offsets from where each color sample was taken.
We let this run for about 20 seconds; this is long enough to develop most of what you're going to get, while leaving some of the interesting batik/pastel texture intact.
|Nike 78: Creatively Challenging the Function of Nike Shoes|
|"Souvenirs from places you’ll never visit."|
|Kusama's Obliteration Room: Having Visitors Turn an Otherwise Drab Room Into an Explosion of Colour|
|Facebook Identity Cards by the FB Bureau|
|CaptchaTweet: Write Tweets in Captcha Form|
|“Bulgaria is hemorrhaging citizens at a rate of 164 per day.”|
|What Nothing Really Means in Seinfeld|
|How to Make a Cheesecake that Looks Like Cheese|
|“Social media is the publisher, not just the postman.”|
|iPhone 6, the First Smartphone to Disrupt NSA's Spying|
|The (Very Scary) People of Public Transit|
|How to Avoid Jury Duty|
|“How easy it is for anyone who tracks our digital activities to gain insight into our personalities.”|
|“Featuring over 2,000 flags in motion to Ludwig van Beethoven.”|
|“Without ads, how does Netflix manage to make money?”|
|Fake Name Generator|