Code experiment · Three.js / WebGL
Motion that
keeps flowing.
A flowing field of points, shaped through an AI-assisted build and iteration in the browser.
Particle membrane
Browser experiment · 2026
A continuous simulation of curl-driven motion.
From a motion reference to a working experiment.
I explored the shape, colour and pace through an AI-assisted build, iterating on the result in the browser. The animation runs in code rather than playing a recorded video.
- Behaviour
- A curl field moves the points into flowing strands. Points wrap around the simulation box, keeping the motion contained.
- Implementation
- Three.js, WebGL and a GPU simulation. The desktop starts with 40,000 points; smaller screens start with 10,000. Rendering can reduce its workload when frames slow down.
- Interaction and access
- Pointer movement influences the field. The form control also works with a keyboard, including while motion is paused. Motion can be paused, stops offscreen, and gives way to a static image when reduced motion is preferred or WebGL is unavailable.
- Scope
- A visual and interaction experiment built with AI assistance. It explores a portfolio signature, rather than an AI-powered user workflow.