🎨 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 🚀