π¨ Vector Field Engine β Real-Time Generative Art in the Browser
I built a small but powerful generative art tool called:
π https://vfengine.vercel.app/
π https://github.com/devangpradhan/VFE
Itβs a vector field engine that lets you create, animate, and export procedural line art directly in the browser.
βοΈ How It Works
At its core, the engine loops over a grid and assigns a direction (angle) to every point using math like noise or trigonometric functions.
Each point draws a line β together they form flowing patterns.
π Features
- π Real-time controls (density, flow, rotation, colors)
- π Modes: Static, Dynamic, Animated
- π² Random presets for quick exploration
- π€ Export as PNG, JPG, or SVG (for design tools & plotters)
π Tech Stack
- SvelteKit
- p5.js (instance mode)
- p5.js-svg
- Tweakpane
- Vercel
π‘ Why I Built This
I wanted a fast, interactive playground for generative art that:
- runs in the browser
- feels smooth and responsive
- supports professional exports (SVG)
π Try It
π https://vfengine.vercel.app/
If you're into creative coding or generative design, give it a try π

Top comments (0)