HC.Harvey
Rayhanson
EXPLORE
STAY CURIOUS.
← Back to work05 / GENERATIVE INTERACTION / 2025

Orbit Playground.

Click a point.
Set a small universe in motion.

Best explored with a mouse and keyboard.

FORMAT
Interactive canvas
BUILT WITH
p5.js · JavaScript
MADE BY
Harvey Rayhanson
Source credit: Harvey Chowdhury
LIVE SITE
orbit-playground.rayhanson.tech ↗
Overlapping orbital paths with pink, lavender, and mint dots
Project artwork inspired by the interaction. Launch the live experience to explore it.
THE IDEA

One click.
Another center of gravity.

An interactive canvas of orbiting dots. Build new centers of motion, change the palette, and find a rhythm somewhere between stillness and speed.

Orbit Playground turns each click into a new center for an orbiting dot. The canvas starts with a small collection of orbiters and builds into overlapping trails. Color and speed controls make the same underlying system feel quiet, playful, or restless.

EXPLORE THE EXPERIENCE

A few gestures.
Room to play.

Best explored with a mouse and keyboard.

Click / hold mouse
Add an orbiter, or add them gradually.
1 / 2 / 3
Change the color palette.
↑ / ↓
Increase or decrease orbital speed.
C / R
Clear the canvas, or restore the starting scene.
STEP INSIDE

Try it.
See where it goes.

Launch Orbit Playground

Best explored with a mouse and keyboard.