mcpskills.net
技能MCP智能体提示词
mcpskills.net — A curated directory of AI agent Skills and MCP servers
TermsPrivacy
← 返回技能
Creative

算法艺术

使用 p5.js 创建算法艺术,具有种子随机性和交互式参数探索。当用户要求使用代码、生成艺术、算法艺术、流场或粒子系统创建艺术时使用。

作者:Anthropic仓库 →来源 →

算法哲学是计算美学运动,通过代码来表达。输出 .md 文件(哲学)、.html 文件(交互式查看器)和 .js 文件(生成算法)。

这个过程分为两步:

  1. 算法哲学创建(.md 文件)
  2. 通过创建 p5.js 生成艺术来表达(.html + .js 文件)

算法哲学创建

创建一个算法哲学(不是静态图像或模板),它将通过以下方式被诠释:

  • 计算过程、涌现行为、数学之美
  • 种子随机性、噪声场、有机系统
  • 粒子、流、场、力
  • 参数化变体与受控混沌

关键理解

  • 接收到的:用户提供的微妙输入或指示
  • 创造出的:算法哲学/生成美学运动
  • 接下来发生的:同一个版本接收哲学并用代码表达它

如何生成算法哲学

为运动命名(1-2个词):"有机湍流"/"量子谐波"/"涌现宁静"

阐述哲学(4-6段):

  • 计算过程与数学关系
  • 噪声函数与随机性模式
  • 粒子行为与场动力学
  • 时间演化与系统状态
  • 参数化变体与涌现复杂性

核心原则

  • 算法哲学:创建一个通过代码表达的计算世界观
  • 过程重于结果:美从算法的执行中涌现——每次运行都是独特的
  • 参数化表达:思想通过数学关系、力、行为来传达
  • 艺术自由:下一个 Claude 以算法方式诠释该哲学
  • 纯粹的生成艺术:这是关于创造活的算法,而不是带有随机性的静态图像
  • 精湛工艺:最终的算法必须感觉精心打磨

P5.js 实现

技术要求

种子随机性(Art Blocks 模式):

let seed = 12345;
randomSeed(seed);
noiseSeed(seed);

参数结构:

let params = {
  seed: 12345,
  // 颜色
  // 添加控制你的算法的参数
};

工艺要求

  • 平衡:复杂但不杂乱,有序但不僵化
  • 色彩和谐:精心设计的调色板,而非随机 RGB 值
  • 构图:即使在随机性中,也要保持视觉层次和流动感
  • 性能:流畅执行,动画时针对实时进行优化
  • 可复现性:相同的种子始终产生相同的输出

交互式作品创建

创建一个独立的 HTML 作品,包含:

  • 参数控制(数值参数的滑块)
  • 种子导航(上一个/下一个/随机/跳转按钮)
  • Anthropic 品牌元素(UI 颜色、字体、布局)
  • 独立的 HTML(除 p5.js CDN 外无外部文件)