algorithmic-art · 算法生成艺术

用 p5.js 与种子随机数创作可交互生成艺术的 skill:先写一套算法美学宣言(4–6 段),再把它表达成可执行的代码——流场、粒子系统、噪声场等,美存在于算法的执行过程而非某一帧。
产出单文件自包含 HTML artifact:种子导航(上一个/下一个/随机/跳转)、参数滑杆实时调参、一键重生成与下载 PNG。同一套算法、不同种子即不同作品。
调用示例:在聊天框中说"用生成艺术做一幅'有机湍流'风格的交互作品"。
产品详解
定位
algorithmic-art 是生成艺术的创作流程:把用户的美学意图先写成一套算法哲学(计算美学宣言),再用 p5.js 把它表达成可执行的代码。它产出的是"活的算法"——每次运行、每个种子都是一次独特的涌现,而非一张静态图。
核心能力
- 算法哲学创作:4–6 段的宣言,阐明计算过程、噪声与随机模式、粒子行为、时间演化、参数变化如何表达美学。
- 概念种子推演:从原始需求中提炼一条细腻的概念线索,编织进参数与涌现行为,而非直白图解。
- p5.js 实现:流场、粒子系统、噪声场、递归分支、Voronoi 松弛等,按哲学定制算法,不从图案菜单里挑。
- 种子随机数:randomSeed / noiseSeed 保证同一份种子永远产出同一幅作品,可复现。
- 交互式 artifact:单文件自包含 HTML(p5.js 走 CDN),含种子导航(上一个/下一个/随机/指定跳转)、参数滑杆、颜色选择、重生成、重置、下载 PNG。
- 原创优先:创作原创算法,不复制现有艺术家的作品。
工作流程
- 解读用户意图,提炼美学方向
- 撰写算法哲学(4–6 段宣言)
- 推演概念种子(编织进参数与行为的隐性线索)
- 用 p5.js 实现算法(从 viewer.html 模板起步,只替换算法与参数区)
- 设计参数与 UI 控件,调参打磨
- 交付单文件 HTML artifact,用户用种子导航探索变体
输入与输出
| 输入 | 说明 |
|---|---|
| 美学意图 | 必填,可以是一句话描述、情绪、参考方向 |
| 可调参数偏好 | 选填,哪些维度希望可调(数量/尺度/色彩等) |
输出:算法哲学文档(.md)+ 单文件交互式 HTML artifact(.html,浏览器打开即用)。
与相邻 skill 的区别
- ai-image-gen:文生图/图生图,一次产出一张静态图;本 skill 产出可执行的生成算法,每次运行都是新作品。
适用场景
- 创作可交互的生成艺术作品
- 需要"同一套逻辑、无限变体"的视觉实验
- 为网站/展览制作可实时演化的动态视觉
- 希望作品版权干净(原创算法,不复制他人风格)
使用前准备
- 无需 API key:p5.js 走 CDN,浏览器打开 HTML 即可运行。
- 给出越具体的美学方向(情绪、质感、参考),算法哲学会越有针对性;留白则由 skill 自由发挥。
algorithmic-art 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。