Distrikt · District
Toys & Gadgets
Generative toys, phone gadgets, calculators and math demos
Order
Glitter JarA jar of GPU glitter: shake your phone to stir it up, tilt to pour it, drag to swirl it
Soap FilmSoap film on the GPU: tilt to pour it, drag to blow, tap to pop; colour from its thickness
Raking LightFlat SVG relit on the GPU: shapes rise by paint order and cast shadows from lights you drag
X-ray glassesLive camera X-ray: a skeleton fitted to a person, cat or dog, drawn over a radiograph view
Self-Painting SVGAny picture becomes one SVG that sketches itself, paints itself in, then falls apart
Python on the GPUPython functions compiled to GPU shaders: four simulations and a playground for your own
Marauder's Map: Orbit EditionLive map of the two space stations and their crews, with how far away they are from you
Video About Making VideosA 75-second narrated video that is a live web page: every frame is HTML, CSS and SVG
Fractal DiveEndless WebGL2 zoom into a Julia set or an Apollonian gasket, with an automatic dive mode
Strudel FMGenerative radio: a program writes house, techno, lo-fi, ambient or dub, four bars at a time
Catch-Up CalculatorLate for a group ride: time and distance to catch up, speed needed, watts estimate
Pelican, Bicycle3D pelican in a straw boater pedaling a bicycle along a beach; drag to look, scroll to zoom
Currents in MotionPhone-steered WebGL flow field: spin, tilt and roll pick the color, shaking speeds it up
EpicyclesType a word, watch a chain of rotating circles trace it in one line (Fourier transform)
CurrentsFull-screen WebGL flow field of warped noise that follows the cursor; click changes colors
tap.localizerTrain a k-nearest-neighbor model to tell where you tap the phone, from accelerometer data
Snooker Break Simulator2D snooker: a rearmost-red break against Shaun Murphy's third-red break, with aim and spin
EML CalculatorRewrite exp, ln and arithmetic as trees of one operator: eml(x,y) = exp(x) - ln(y)
Strudel ComposerRedirects to a claude.ai artifact that turns English into Strudel live-coded music
Spectral TreeEigenvalue paths of a matrix blend as a rotatable 3D tree; click a tip for its numbers
Car DashboardPhone HUD from GPS: speed, heading, altitude, grade and trip stats, in mph or km/h
Car Dashboard (demo)Looping simulated drive through the car dashboard, so it works without GPS
SpeedometerGPS speed in large mph digits for a windshield HUD; tap to mirror, double tap to rotate
Cadence for DummiesCount steps or pedal turns over a time, get cadence in BPM and a Spotify playlist prompt
Generative Typography PlaygroundRandom poems from word fragments, set as flow, cascade, scatter or spiral over particles
Infinity ShaderFull-screen WebGL shader animation after an equation by XorDev; scroll to zoom
Unicorn SpotterInstallable map app for unicorn sightings; it runs on generated fake sightings, no backend
Yin-Yang ImpactsTwo balls bounce inside a yin-yang and dent its boundary like liquid; hold to speed up
Emoji Collage Maker (categories)The collage maker with checkboxes to limit emojis to categories such as faces or nature
Webcam Emoji MirrorYour webcam feed redrawn live as a mirrored grid of emojis
Emoji Collage MakerTurn an uploaded image into a grid of color-matched emojis; download as PNG or SVG
Age Multiplier CalculatorEnter two birthdates, get your age ratio and the dates it drops to 2x, 3x and so on
Readmes
README files on GitHub, for the tools that have one.
- Glitter Jar
- Soap Film
- Raking Light
- X-ray glasses
- Self-Painting SVG
- Python on the GPU
- Video About Making Videos
- Fractal Dive
- Strudel FM
- Currents in Motion
- Epicycles
- Currents
- Snooker Break Simulator
- Strudel Composer
- Car Dashboard
- Speedometer
- Cadence for Dummies
- Generative Typography Playground
- Infinity Shader
- Unicorn Spotter
- Yin-Yang Impacts
- Emoji Collage Maker (categories)
- Webcam Emoji Mirror
- Emoji Collage Maker
- Age Multiplier Calculator