SuperAPI AI 工具集

algorithmic-art

设计与创作

查看项目

更新于 10-16 03:52

技能介绍

用途

algorithmic-art 用于创建算法生成艺术(algorithmic art)。当用户请求用代码创作艺术、生成艺术或交互式参数探索作品时使用。它不产出静态图片或模板,而是产出“活的算法”:通过计算过程、涌现行为与数学之美来表达一种计算美学运动。

主要能力

该技能分两步完成创作:

  1. 算法哲学创建(.md 文件):撰写一份 4-6 段的算法哲学,命名一个生成艺术运动(1-2 个词,如 “Organic Turbulence”“Quantum Harmonics”),并阐述其如何通过计算过程与数学关系、噪声函数与随机模式、粒子行为与场动力学、时间演化与系统状态、参数变化与涌现复杂性来体现。
  2. 用 p5.js 表达(.html + .js 文件):将哲学转化为生成艺术代码,其中约 90% 为算法生成,10% 为必要参数。

最终输出一个自包含的 HTML 交互作品,包含 p5.js(来自 CDN)、算法、参数控件与 UI,可在 claude.ai artifacts 或任意浏览器中立即运行。

使用方式

创作流程遵循以下要点:

  • 先阅读模板 templates/viewer.html,以其为字面起点,保留固定部分(布局结构、Anthropic 品牌样式、种子区、操作区),仅替换可变部分(p5.js 算法、参数对象、参数控件、可选颜色控件)。
  • 使用带种子的随机性以保证可复现:
let seed = 12345; // 或来自用户输入的哈希
randomSeed(seed);
noiseSeed(seed);
  • 参数结构从算法哲学自然推导,包含种子以及数量、尺度、概率、比例、角度、阈值等可调属性。
  • 画布采用标准 p5.js 结构(setup/draw),可静态(noLoop)或动画。

交互作品需具备:

  • 参数控件:数值滑块、颜色选择器、实时更新、重置按钮。
  • 种子导航:显示当前种子、上一个/下一个按钮、随机按钮、跳转输入框与 Go 按钮;请求时可生成 100 个变体(种子 1-100)。
  • 操作区:重新生成、重置、下载 PNG 按钮。

适用场景

  • 用户请求用代码创作艺术或生成艺术。
  • 需要带种子随机性与交互式参数探索的作品。
  • 希望产出可复现、可调参、可在浏览器直接运行的生成艺术作品。

限制

  • 资料未提供收费、价格、平台支持范围等具体信息。
  • 资料未提供安装命令或依赖安装步骤。
  • 资料未提供性能基准或效果保证。
  • 输出为单一 HTML 作品,除 p5.js CDN 外不引入外部文件或导入。