web

Square Off

Square Off is a 1v1 airhockey-style game, built in 72 hours for LD35.

Kimotion

Kimotion is a framework for building reactive digital art displays.

Make a Kimotion!

Kimotion is a new framework for building interactive art exhibits. It will appeal mostly to the Programmer Artist types. Think “Warrior Poet”, but with keyboards.

WebAssembly is the Keystone

Within the last two days, WebAssembly (wasm) has graced the eyeballs of every JavaScript developer. If wasm is new to you, the articles linked at the end of this post fully describe what wasm is. Since that’s been covered, I’d like to talk about one impact wasm will hopefully have on future of computing. To set the scene, a quote from the man himself: Meanwhile, I took one quick step that would demonstrate the concept of the Web as a universal, all-encompassing space.

Naming Names - Anonymity is Dead

Naming things is hard enough, and JavaScript doesn’t make it any easier. Should anonymous functions be considered harmful?

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 this point in history means a fairly recent Firefox or Chrome. In case your web browser doesn’t support WebGL, here’s a video to enjoy while you download Firefox Nightly.

ColorPal Output Update

Hi pals. This is a speedy post about a speedy update I made today to ColorPal, an HTML5 tool I wrote that automatically generates color palettes from a photograph. Previously, ColorPal provided hex codes for each color extracted from the image. Eight individual <input>s at the bottom of the page displayed the colors. I use ColorPal a lot (my own dogfood and all that) when designing websites, and it wasn’t long before I got fed up (hah!

ColorPal palettes improved!

In my last post on the subject, I introduced ColorPal, my HTML5 color palette generation tool. It didn’t perform well with certain types of images, so I fixed it. :) Color palettes will now match the image even better. Especially for images with infrequent but important colors. Here’s a comparison of the old and new methods, on an image that is mostly black: You can see that with the old method, the black pixels definitely took over the palette.