Skip to main content

Creative coding

Draw with rules, then change them

Neural Drift

I built a generative-art workspace to explore how simple rules change a drawing. The controls change particle flow, color, and trails, with numbered seeds that let you return to a starting point and explore another direction.

Neural Drift seed and particle controls beside a dark canvas of flowing teal trails
Open full-size image (opens in a new tab)
Seed 12345 and the particle controls beside the evolving canvas. This is a still from the running application; open the project to see the motion.Original capture of Neural Drift · 17 September 2026
Contribution
Interaction design and creative development
Facts
My work
Personal creative-coding project and interactive control design
Built with
JavaScript, p5.js, HTML, and CSS
Technique
Layered noise fields and local particle alignment

The controls are part of the artwork

Neural Drift starts with particles moving through a changing flow field. Their paths form an image over time. I made the rules adjustable so the experience is something to explore while it runs.

Particle count changes the density. Flow intensity and noise scale change the movement. Trail persistence controls how much of the previous motion remains visible. Each control keeps its numerical value beside it, connecting the setting to what appears on screen.

Explore without losing your starting point

A random result is easy to find and easy to lose. The seed field gives the experiment a reference point. Previous and Next move through numbered seeds; Random Seed starts a different exploration.

The implementation seeds both the random positions and the noise field when it restarts the particles. Reset restores the original parameters. A seed identifies the starting conditions, while the animation continues to evolve frame by frame.

Give the motion a palette

Color, trails, and an export action

Color controls, Reset, and Download PNG beside a flowing particle canvas
Open full-size image (opens in a new tab)
Separate controls set the slow-particle, fast-particle, and background colors. The source connects Download PNG to the current canvas; the export itself was not exercised in this review.Original capture of Neural Drift · 17 September 2026

Particle speed determines the blend between two selected colors. A separate background control changes the field beneath them. Color becomes part of the behavior, rather than a filter applied after the image is made.

Underneath the interface, p5.js draws the particles. Layered Perlin noise guides the broader flow, while nearby particles influence one another. A spatial grid limits the neighbor search. This is procedural animation, not a trained neural network or a text-to-image service.

Results

  • A browser-based artwork with adjustable motion, color, and starting conditions.
  • A compact creative-coding project that connects visual exploration to numerical controls.

Evidence limit

Seed navigation, a keyboard adjustment to particle count, and Reset were inspected on 17 September 2026. The algorithm and PNG action were reviewed in source. No performance benchmark or full accessibility audit is claimed.

Resume and contact