DIANBROWN
Developing atNWU
Contact meContact me

Lab experiments

Cell Tank

Quirky Garden

Headcases

Niwama

Webling

Wigglers

Mushi

(01)

Cell Tank

Cell Tank is an interactive aquarium of cells running on a soft-body physics engine built from scratch. Every cell is its own design with its own behaviour, so you can prod them, watch them squash and drift, and pick up some cell biology while you play. Built with Astro and WebGL.

Category

Interactive / WebGL / Soft-Body Physics / Educational

Role

Concept / Design / Physics Engine / Development

Visit Site
(02)

Quirky Garden

Quirky Garden is a small art toy. Sweep the mouse and strange plants sprout behind it, click and the whole palette flips, and a watchflower sits in the middle of it all. Rain, a blocky early-graphics look, none of it useful and all of it fun. Built with Astro, Three.js, GSAP and Tailwind.

Category

Interactive / WebGL / Generative Art / Experiment

Role

Concept / Art Direction / Motion / Development

Visit Site
(03)

Headcases

Headcases is a crowd of curious ink portraits, drawn and animated entirely in code. Move your cursor and the room looks your way, drag a face to turn its head, or let the neighbours gossip and blow bubblegum. A few grey aliens snuck in too. Built with vanilla JavaScript and Canvas 2D.

Category

Interactive / Canvas 2D / Generative Art / Experiment

Role

Concept / Illustration / Motion / Development

Visit Site
(04)

Niwama

Niwama is a quiet, interactive koi pond. Tap to call the fish, drag to stir the water, and watch them glide between rocks and lotus leaves. Each koi has its own swimming habits, and the light follows the South African sky from sunrise to moonlight. Built with React, Three.js and GLSL.

Category

Interactive / WebGL / Simulation / Experiment

Role

Concept / Design / Physics / Development

Visit Site
(05)

Webling

Webling is a tiny web with four little personalities. Pluck a thread, offer a snack, or tickle a spider and watch it react. Springy silk, wandering feet and the occasional nap make a small world with no score and no finish line. Built with vanilla JavaScript and Three.js.

Category

Interactive / WebGL / Procedural Animation / Experiment

Role

Concept / Art Direction / Physics / Development

Visit Site
(06)

Wigglers

Wigglers is a playful loop mixer with a band of wobbly little performers. Drag or tap sounds into seven slots, layer beats, melodies and voices, and hold a character to hear it solo. Classic, Space and Cursed each bring their own world and sound pack, with faces that sing along to the mix. Built with React, Three.js, GSAP and Web Audio.

Category

Interactive / Web Audio / WebGL / Music

Role

Concept / Design / Interaction / Development

Visit Site
(07)

Mushi

Mushi is a tiny living garden seen from down in the grass. Drop a crumb for the ants, stir the pond, or brush past the stems and watch the neighbours scatter. Bees work the flowers by day; moths and fireflies emerge after dark, with changing weather and light that follows Johannesburg time. Built with React, TypeScript, Three.js and GLSL, in a softly dithered pixel-art world.

Category

Interactive / WebGL / Simulation / Generative Art

Role

Concept / Art Direction / Simulation / Development

Visit Site
←Scroll to
See more→