Fun

A garden of sorts for planting experiments, airplanes, snowflakes, and everything in between. Expect pages requiring JavaScript and/or modern-ish CSS; the goal of these is to explore the intruguing and find the possible, away from the constraints of shipping functional software.

Cursor survival

A group of triangles chase and shoot at the mouse cursor.
p5 game

Puzzle shapes

A generated jigsaw puzzle, along with a few sliders to control its behavior, and some statistics at the bottom
p5 interactive

Gray spiral

A gray spiral of cut-out circle arcs transforms into ripples and then back into a spiral
p5

Meshing squares

Four towers of squares, that travel between adjacent towers.
p5

Circle shifting

A grid of circles that slide up/right. First, even columns, the even rows, then odd columns, then odd rows.
p5

Recursive Pythagorean gasket

A fractal of circles, where the smallest circles look like cherry blossoms on a white tree.
p5 fractal

Morphing grid

A grid whose lines rotate and dance left and right
p5 silly

Particles 2

White particles leaving trails on a dark green background
p5 particles

Particle swarm

A swarm of particles chasing down the mouse cursor
p5 interactive

Space critter

An animated spaceship made of green outlined rectangles
p5 critter interactive

Pulsing cycloids

A pulsing circle of cycloids
p5

Hexagon explorer

An unassuming map of hexagons
p5 wip

Sine ribbon

A flowing, wavy ribbon of lines
p5

Reflection fractal

Two canvases: one lets you draw lines, while the other scans a colorful burst
p5 interactive wip

Ellipse-tracing system

An ellipse is drawn, dot-by-dot, over a circle
p5

Musical Critter

A triangular critter in a triangular hoodie stands on a bronze ruler, making sounds as it moves and jumps around.
p5 critter interactive

Copper melange

A colorful mess of rectangles
p5

X-Y Mover

An obstacle course with a stick with green and red ends in the top corner and a goal area in the lower right
p5 game

3D Maze

A gray three-dimensional maze with a yellow cube trying to find its way to a green spot while turning red cubes on the way into purple
p5 game

Gold-rimmed veil

A scruntched-up, meandering gold line, makes gray shadows towards the center of the screen
p5

De Rahm curves

A fractal curve formed by a specially-crafted iterated function system.
p5 interactive

Block-packing game

A grid where tiles can be placed, along with a tile and
p5 game

Scale

A scale, with prompts to draw the left / right shape, and guess which is heavier.
p5 game

Noise visualizer

An animated wavy burst of lines, with heavy Moiré effect.
p5

Catenary chain

A hanging chain forms a catenary curve, as it casts a shadow on the green wall behind
p5 interactive mathober

Dancing Cairo circles

White circles positioned at the centers of a cairo tiling take turns randomly swapping with a neighboring circle.
p5 music tiling

Ninja circle

A circle dramatically split in half
p5 interactive

Match sets

A board of square cards, each of them having one to three shapes that are either circles, square, or triangles, and come in either blue, red, or green. A few of them have been highlighted
p5 game wip

Sling

A target hangs in midair in front of a foggy landscape. Large numbers loom in the background. On the left, a sling is readied to shoot the target.
p5 game

Butterfly/bat

A semi-transparent, yellow, flapping butterfly. Or bat.
p5 critter

Scribbler

A random scribbley line made with the tool; hard to interpret as anything, but could pass for the signature.
p5 interactive

Color Match

Click to play; remember the color you see, then select the right third of the screen when prompted to
p5 game

Triangle strider

A spider-like creature darts around a hexagonal grid, avoiding stepping on places where it's stepped before.
p5 interactive

Koch snowflake with matrices

A Koch snowflake against a deep blue background.
p5

Spinny hexagon/hexagon-star tiling

Blue hexagons with yellow borders that spin in place to turn the tiling into hexagonal stars and smaller hexagons touching at their corners.
p5 tiling

Circle wave

A wave formed by the mis-aligned waverings of concentric circles
p5

Particle automata

An explosive bunch of particles.
p5 particles

Bowling planet

A rendition of Earth with rounded rectangles forming the coastlines and with three big bowling-ball holes somewhere around the Null Point
p5 silly

Shiny Sphere

A yellow-gold sphere spins in a circle, reflecting light.
p5

Interactive truchet

A grid of Truchet tiles, spun every so way
p5 interactive

Abelian sandpile

A gray square waiting to be filled with orange and blue grains of sand, following the Abelian sandpile model
p5 interactive

Sync-unsync

A complex animation of circles going left to right, but taking a loop in the middle.
p5

Spinning hexagon cubes

A tiling of rhombs that are actually cubes which spin in place.
p5 tiling

Checkerboard animation 1

A checkerboard with rows/columns sliding against each other
p5 tiling

Checkerboard animation 2

A checkerboard with white/black squares spinning in place
p5 tiling

Lissajous scanner

Lissajous curves are draw into the canvas as series of points; once a curve is finished, a new one starts drawing
p5

Gear face

A smiley face with resting gear look.
p5 critter silly

Square dance-off

Two circles facing each other, tangoing around the center in synchronized precision.
p5

Prismatic gem

A white rhomb pulsing with many different colors
p5

Scroll-to-rotate, 2D

An unassuming rectangle that says
p5 interactive

Scroll-to-rotate, 3D

An unassuming rectangle that says
p5 interactive

Pushy universe

Circles push each other away on a slippery wrap-around gray background.
p5 interactive

Teleportation effect

Lines stroke the distance between the mouse and a circle
p5 interactive

Natural Knight tiling

A tiling of small, colorful rhombs
p5 tiling

Splats

A canvas of coloful paint splotches
p5 interactive

Circle lockpick

Rectangles spin along concentric tracks, stopping when the mouse is closer to the center than them
p5 game wip

XOR lissajous

A Lissajous curve drawn and undrawn by XOR-ed lines
p5

Scribble pen

A
p5 interactive

Sunshine

A shivering cloud icon stop shivering as the sun comes up; text:
p5 interactive

Glitch butterfly

A butterfly made out of glitchy rectangles
p5 critter genuary

Gradient gears

A spiral of gears made out of forcefields, slowly pushing on each other
p5 genuary

Square spiral

A square spiral is drawn and re-drawn constantly
p5

Random clock

An analog clock with randomized arcs and lines behind.
p5

Spinning squares

A recursive stack of squares turn from corner to corner in the square containing them
p5

Running square

A square endlessly tumbling forward, yet never moving on the screen.
p5 critter

Wall of eyes

A wall of eyes, staring at the mouse. Every now and then, they blink.
p5 interactive

XOR grid

A grid of squares, toggled when you move over them
p5 interactive

Rotating fractal

A fractal of squares that rotate; each square vertex replaced by a copy of the shape
p5 fractal

Triangle space partitioning

An animated recursive subdivision of space into triangles
p5

COTR

COTR: click/space to start, arrow keys to move, collect coins to go fast.
p5 game

Electric streaks

A series of lines stretch down across the canvas, growing more organized with time
p5

MIDI Visualizer

A visualization of MIDI inputs
p5 music

Particles 1

Light green particles leaving floral trails on a dark red background
p5 particles

Drifting car

A box-y car with unrealistic handling, leaving thick back trails whereever it goes
p5 interactive touchscreen

Random planets

An system of planets spinning along circular orbits
p5 wip

Chunked rects

An infinite plane of differently-sized rectangles
p5 interactive

Bubbles

Bubbles pop in and out of existence
p5 interactive

Arc clock

A 24-hour clock, where each
p5 clock

Flower 1

A pink flower against a skyblue background with shifting number (9-10) of spinning petals
p5

Recoloring circles

A set of colorful orangle circles, that change color when you drag a rectangle over them
p5 interactive

Rhythm 1

A tiny triangle surrounded by ever-larger numbers of big circles
p5 game

Icecream cone

An icecream cone with three random colors of icecream
p5

Recursive arboretum

A forest of trees of blue blossoms and black branches against a pink background
p5 fractal

Trigonometry cube

A spinning cube wireframe
p5

Brick wall graffiti

A brick wall with thick yellow lines running across it.
p5 interactive

This page is also available as an Atom feed.