SuperAPI AI 工具集

algorithmic-art

设计与创作

查看项目

更新于 10-24 16:15

技能介绍

算法艺术技能用于通过代码创作生成式艺术,基于 p5.js 实现带种子的随机性和交互式参数探索。当用户请求用代码创作艺术时使用。

用途:该技能不产出静态图片或模板,而是先创建一份“算法哲学”(ALGORITHMIC PHILOSOPHY),再通过代码表达为可运行的生成艺术。整个过程分两步:第一步生成算法哲学 .md 文件;第二步创建 p5.js 生成艺术(.html 交互查看器 + .js 生成算法)。

主要能力:

  • 生成算法哲学文档:为生成艺术运动命名(1-2 个词),并用 4-6 段文字阐述其计算过程、噪声与随机模式、粒子行为与场动力学、时间演化与系统状态、参数变化与涌现复杂性。文档强调过程重于结果、参数化表达、艺术自由、纯生成艺术和专家级工艺。
  • 从原始请求中提炼“概念种子”:将用户请求中隐含的细微概念线索嵌入算法参数、行为和涌现模式中,使其不直白宣告,却能增强作品深度。
  • p5.js 实现:先读取 templates/viewer.html 模板作为字面起点,保留固定部分(布局结构、Anthropic 品牌样式、种子控件、操作按钮),仅替换可变部分(p5.js 算法、参数对象、参数 UI 控件、可选颜色控件)。

使用方式:技能内要求先读取模板文件 templates/viewer.html,保留其头部、侧边栏结构、Anthropic 配色与字体、种子控件和操作按钮,仅替换算法、参数与参数控件。算法需使用带种子的随机性(randomSeed、noiseSeed)保证同一 seed 产生相同输出,参数对象包含 seed 及数量、尺度、概率、比例、角度、阈值等可调属性。

输出格式:

  • 算法哲学:以 markdown 或文本说明生成美学。
  • 单一 HTML 制品:自包含的交互式生成艺术,基于 templates/viewer.html 构建,内嵌 p5.js(来自 CDN)、算法、参数控件和 UI,可在 claude.ai 制品或任何浏览器中直接运行,无需额外设置。

交互功能要求:

  • 参数控件:数值参数使用滑块(粒子数量、噪声尺度、速度等),颜色使用取色器,参数变化实时更新,提供重置按钮恢复默认值。
  • 种子导航:显示当前种子编号,提供“上一个”“下一个”按钮循环切换种子,“随机”按钮生成随机种子,输入框跳转到指定种子;请求时可生成 100 个变体(种子 1-100)。
  • 操作区:重新生成、重置、下载 PNG 按钮。
  • 侧边栏顺序:种子(固定)→ 参数(可变)→ 颜色(可选)→ 操作(固定)。

技术细节:使用 p5.js 1.7.0 CDN(https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js),标准 setup/draw 结构,画布尺寸 1200x1200,可静态(noLoop)或动画。所有代码内联在单一 HTML 文件中,无外部文件或导入(p5.js CDN 除外)。

适用场景:用户请求用代码创作艺术、生成式艺术、交互式视觉探索、算法美学作品时使用,尤其适合需要可复现种子变化和实时参数调节的创作场景。

限制:模板固定部分不可改动(布局、Anthropic 品牌样式、种子控件、操作按钮),不得从头创建 HTML 或自定义配色与字体;算法必须为纯生成艺术而非带随机性的静态图片;关于具体收费、价格、平台支持范围等事实暂未提供。