Last night, looking to have some fun coding I dusted off some earlier Canvas experiments and decided to actually make something.

VSYNC is a JS (with a touch of jQuery just for doc ready) and Canvas based game. Using the left and right arrow keys, the goal is the collect the squares as you fall, and long as you do, you get extra lives, and the game continues.

There are no graphic assets of any kind, VSYNC is entirely drawn with JS, and it looks particularly good with Pragmata as your default monospace face.

Caveat, I've only tried it in Chrome, and IE9 (strangely), so YMMV.

My experience design class last semester at school built a bunch of dynamic interactions based around QR Codes for the student exhibition. It was a process that nearly drove the lot of us crazy, but the end result was pretty cool. Here are some pictures of my contribution, but to see more about the whole deal, go check out the site our Professor put together.

Long story short, the site was submitted for us to the ADAA and we've made it a fair bit of the way in, we're all fairly pumped. Who knows how it will shake out but still pretty cool.

I just spent 20 odd minutes writing an incredibly overwrought 3d depth effect for this on top of raphael.js. instead of making one draw list with depth sorting I just set it up to loop backwards 3 times to draw the layers and, needless to say, it ran really poorly, and still had trouble with the headlines that aren't the same width as everything else. Fun exercise, anyway. raphael.js has animation built into it, but I'm not sure whether it works per point, which the 3d thing would require. It also can do sorting and such internally, so it could very likely be improved to the point of usability.

Code formating is something I've needed since the start.

Turns out, theres an intent for that.

document.execCommand("formatBlock", false, "pre");

and done.