Page 3 of 5

Make a Kimotion!

A year ago, I had the joy of working on Digital Motion, an interactive art exhibit for Raleigh’s annual art festival, SPARKcon. The month leading up to SPARKcon 2014 was a mad dash of perfecting the graphics and physics equations of my DiMo: Particles display. After a wonderful w…
thumbnail for 'Make a Kimotion!'

The Lurking Horror

In the midst of this beastly summer we’ve just entered, nothing seems farther away than the lung-clenching air of winter. When things are this hot, and pools and popsicles fail to cool, there’s one foolproof way to get into the spirit of winter: The Lurking Horror. … you practic…
thumbnail for 'The Lurking Horror'

WebAssembly is the Keystone

Within the last two days, WebAssembly (wasm) has graced the eyeballs of many JavaScript developers. If WebAssembly is new to you, the articles linked at the end of this post fully describe what WebAssembly is. In short, it offers a way to run native code in a Web browser. I’d li…
thumbnail for 'WebAssembly is the Keystone'

Naming Names - Anonymity is Dead

There are only two hard problems in computer science: cache invalidation, naming things, and off-by-one errors. Phil Karlton, but I can't find a name for the original source... Contriving names for things is so commonpla…
thumbnail for 'Naming Names - Anonymity is Dead'

DiMo: The Deconstruction of Falling Stars

Imagine a solitary blue dot. Unless you let your imagination run away with itself, this is going to be a pretty boring dot. Now, imagine a second, larger dot (you can pick the color). Red, nice choice! The scene is now slightly more interesting, since now you’ve got two dots to…
thumbnail for 'DiMo: The Deconstruction of Falling Stars'

Particles and π - DiMo Comes to Life

A player walks up Fayetteville St in Raleigh, North Carolina. SPARKcon has begun, and dozens of artists are strewn along the street, hard at work creating elaborate chalk art on the asphalt. A light rain is falling, and some artists are holding umbrellas over their work, some hav…
thumbnail for 'Particles and π - DiMo Comes to Life'

RGB WebGL Color Cube

I spent a bit of time this weekend building an RGB color cube for ColorPal, using Three.js. Drag and drop any image, and you’ll see a cube with all the pixels of your image mapped into 3D space. Launch live demo! and view the code. Your web browser must support WebGL, which at t…
thumbnail for 'RGB WebGL Color Cube'

Introducing Drop64, ezpz data URI generator

A few weeks ago, a coworker of mine ran into some font issues. Firefox doesn’t allow cross-origin requests for web fonts, and he was using a tool called Font Squirrel to generate fonts, including data URIs. Embedding a data URI for a font (or image) inside a CSS file is a common …
thumbnail for 'Introducing Drop64, ezpz data URI generator'

Super easy image resizing in GIMP

Ever been here? I want to double the size of this image open calculator type in current width * 2 type in current height * 2 paste results back into the Create New Image dialog I’ve done that countless times. As I was about to do the same thing once more, I thought “Hmm, wouldn…
thumbnail for 'Super easy image resizing in GIMP'

ColorPal CLI!

ColorPal CLI is a command-line version of ColorPal, my HTML5 color palette generator. # Demo! $ node cpal.js -f hex -s 8 MyImage.png #07070b #bac0c4 #d1bd66 #7e8899 #696964 #c4b441 #65683e #394434 # Get it! npm install -g canvas requirejs # install dependencies git clone git@…
thumbnail for 'ColorPal CLI!'
Page 3 of 5