向量场引擎

Source: Dev.to

概览

我构建了一个小而强大的生成艺术工具，名为 Vector Field Engine。它可以在浏览器中直接创建、动画化并导出程序化线条艺术。

• 在线演示： https://vfengine.vercel.app/
• 源码： https://github.com/devangpradhan/VFE

该引擎通过遍历网格，并使用噪声或三角函数等数学函数为每个点分配方向（角度）来工作。每个点绘制一条短线，所有短线共同形成流动的图案。

功能

• 实时控制 – 调整密度、流动、旋转、颜色等。
• 模式 – 静态、动态、动画。
• 随机预设 – 快速探索不同的视觉风格。
• 导出选项 – 将作品下载为 PNG、JPG 或 SVG（适用于设计工具和绘图仪）。

技术栈

• SvelteKit – 用于构建 Web 应用的框架。
• p5.js（实例模式） – 核心绘图库。
• p5.js‑svg – 实现 SVG 导出。
• Tweakpane – 实时参数调节的 UI。
• Vercel – 托管与部署平台。

入门指南

如果你对创意编码或生成设计感兴趣，欢迎尝试该工具并使用内置的控制面板和预设进行实验。🚀