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.