使用 p5.js 创作生成式算法艺术

解决从创意概念到代码实现的跨越问题：引导 AI 先构建一套“算法哲学”，再将其转化为基于 p5.js 的生成式代码，创建可交互、可重复且具有高度美感的算法艺术作品。

为什么需要这个技能

传统的数字绘画是静态的，而生成艺术（Generative Art）的核心在于“过程”。它不追求绘制一张特定的图像，而是设计一套规则（算法），让图像在规则的引导下自动“生长”。

对于开发者或艺术家来说，直接写代码往往容易陷入简单的随机数堆砌，导致作品缺乏灵魂。本技能引入了“算法哲学”的环节，要求 AI 在写代码前先定义美学逻辑（如：有机湍流、量子谐波等），确保最终产出的代码不仅是随机的，而是具有深层数学逻辑和专业工艺感的计算美学作品。

适用场景

• 需要创作独特的品牌视觉元素、数字化艺术品或动态背景时。
• 探索数学函数（如 Perlin Noise、L-系统、Voronoi 图）在视觉艺术中的应用。
• 构建需要用户通过调整参数来实时改变形态的交互式视觉组件。
• 制作基于 Seed（种子值）可完全复现的随机艺术系列。

核心工作流

1. 构建算法哲学 (Algorithmic Philosophy)： 不直接写代码，而是先起名（如“递归低语”），并用 4-6 段文字描述其计算逻辑。重点定义数学关系、噪声函数、粒子行为及系统演化状态，强调“大师级”的精细调优感。

2. 推演概念种子 (Conceptual Seed)： 在哲学之上植入一个隐秘的参考概念，使其在参数和行为中潜移默化地体现，增加作品的深度。

3. p5.js 技术实现：

   • 种子随机性：强制使用 randomSeed() 和 noiseSeed()，确保同一种子始终产生相同结果。
   • 参数化设计：定义一个 params 对象，将数量、比例、概率、阈值等设为可调变量。
   • 实现逻辑：根据哲学定义选择算法（如：流场、递归细分或粒子系统）。

4. 构建交互式 Artifact： 基于标准 HTML 模板，将算法封装在一个包含侧边栏（参数调节、种子切换、导出 PNG）的单文件 HTML 中，实现即开即用的交互体验。

下载和安装

下载 algorithmic-art 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

你可能还需要

暂无推荐