Touch-screen Mobile Timer

August 16th, 2012

Countdown Timer screen shot
view the pageview the code

I am resurrecting Countdown Timer from, oh, about, 4 years ago! I have yet to find a simple timer app for iPhone that I like; so why not make one myself?

So, it’s not an iOS app (yet…), but to get it running on the mobile, quick-and-dirty-like, I used processing.js to throw it into and HTML5 <canvas>. I have also begun re-working the controls to be more touch-appropriate. For example, it no longer relies on keyboard input to adjust the time; now you increase and decrease the time in 5-minute increments by simply tapping (or clicking) in the top or bottom half of the page.

There are still a few kinks to work out and some maths to tweak, but I think its a pretty good proof-of-concept for ~20 minutes of work.


June 9th, 2012

3D Grid, for loop Demo

May 7th, 2011

run the sketch—view the code

How do you use it?
Demo to explain nesting for() loops and the pushMatrix() and popMatrix() functions.

What is it?
Mouse around to rotate the cube. Up and Down arrow keys zoom in and out.


June 8th, 2009

This is the culmination of the Video Leaf sketch. (However somewhere along the way the video input part got left out.) The video projector casts a shadow on the wall and virtual leaves are aligned to the shadow. When the viewer taps the physical twig, the leaves in the drop from the shadow tree.

This piece was on exhibit Grey. Green. show.

Video Leaf // part e

March 24th, 2009

download the app (Mac only)—view the code (main file, leaf class)

The color filling the brown leaf is calculated by averaging the hue of every pixel in the video frame. The color in the green leaf is just green. Hey, it’s a work-in-progress…

Video Leaf // ver E
The leaf shape is an SVG. Its fill color determined by the average color of the webcam input. The leaf veins are a transparent PNG overlaid on the SVG.

This sketch cannot run in the browser because of security issues with the applet accessing the webcam. If you are running OS X and have a webcam, you can download a standalone app of the sketch.

This is a test for a piece I am developing for a gallery installation. More details to come…

About Time

February 28th, 2009

About Time. A clock for kairos time.

run the sketch—view the code

How do you use it?
Tell somebody about what time it is.

What is it?
A clock… sort of. This sketch is just a modification of the anaLog Clock from last March. Watch it for a few seconds if you can. It’s drawing the clock hands at random distances from where they should be according to the actual time. The result… you can only tell about what time it is. I know it’s hard to watch, but that’s really not the point. I’d like to polish it up a little, but for now, consider it a proof of concept.

Why is it cool?
My life is a constant struggle with time. Or, more specifically, chronos time. If I can avoid knowing the “exact” time, I’m all for it. Maybe this is clock for kairos time.

What’s Tim thinking?

December 2nd, 2008

run the sketch—view the code

How do you use it?
Move your mouse up and down.

What is it?
Just playing with an array of JPGs.

Why is it cool?
This began as a discussion about updating Facebook profile pictures. It may yet become a tool for automatically generating them…