Processing
A collection of web-based fun interaction design exercises using Javascript.
Tools: p5.js, WEBGL
Ripples in a Pond
Click to create your own ripples!
Circle That Fits the Three Randomly Generated Points
Click to see generate a new set of three random points and a circle that passes through them.
Eye Follow You
Move around the cursor and this eyeball will follow o.o
Hitomezashi Sashiko Stitching
Randomly generated Hitomezashi Sashiko Stitching.
Smoothing Line
Drag to draw any curves and let it go.
Navigating Through the Universe in Year 2399
Click to generate another navigation display.
Map of a Fantasy Island
Randomly generated map of a fantasy island.
What's this Angle
Move the cursor to see the angle between the two lines.
Ping or Pong or Whatever
Move the cursor to play one person infinite pong game.
Pen
Move the cursor to draw with a stroke-weight changing pen.
Splash Splat
Randomly generated splat of blue on green.
What's the Longest Line Here?
Click to define two end points of a line.
Spirally Rose
Click to add new point to the shape.