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.
|The Design of the iPhone 4: Material Matters|
|Pawel Kuczynskis Incredibly Satirical Art|
|I Lack Creativity, 2011; sharpie on drywall: 35 x 48 cm|
|Butterick's Practical Typography|
|Li Hongbo's "Statues in Motion"|
|“Cheap fakes' are the new fake news.” #DeepFakes|
|“They created a dictatorship without mercy.”|
|“Airbus says his company already has the technology to fly passenger planes without pilots at all.”|
|How to Avoid Jury Duty|
|CaptchaTweet: Write Tweets in Captcha Form|
|The (Very Scary) People of Public Transit|
|iPhone 6, the First Smartphone to Disrupt NSA's Spying|
|“It knows the very contours of my face.”|
|Darth Vader Surfing|
|Fake Name Generator|
|If Sir David Attenborough Restored Vintage Toys|
|“Self-driving vans are actually the least novel-seeming part of the unveiling.”|