Category Archives: Code Sketches

Basic Camera Movement in three.js (WebGL)

Posted on February 24th, 2015 in Code Sketches
Use the drop-down at the top right to switch between tilt, pan, zoom, pedestal, dolly and truck/track. Demo: Often times with real-time graphics demos and “creative coding” apps we default to a fixed camera, an orbiting camera, or an interactive Maya-style camera (orbit, pan and zoom or dolly with the mouse). This is a […]

Pose a Stickperson

Posted on October 15th, 2013 in Code Sketches
Here’s a little idea from about a year ago… a very simple interactive Processing.js sketch that allows you to pose a stickperson.¬†Click here to play with it!


Posted on November 23rd, 2010 in Code Sketches
Recently I read about, and then watched, Casey Reas' Process Compendium 2004-2010 on Creative Applications Network. I loved the way he characterized a generative system: "An Element is a simple machine that is comprised of a Form and one or more Behaviors. A Process defines an environment for Elements and determines how the relationships between the Elements are visualized." This sketch could be described in this paradigm as follows:

Fibonacci Spiral

Posted on March 28th, 2010 in Code Sketches
I am fascinated by the Fibonacci (Golden) Spiral, and love the geometric construction, which is mimicked and expanded in this Processing sketch.