用途
algorithmic-art 用于创建算法生成艺术(algorithmic art)。当用户请求用代码创作艺术、生成艺术或交互式参数探索作品时使用。它不产出静态图片或模板,而是产出“活的算法”:通过计算过程、涌现行为与数学之美来表达一种计算美学运动。
主要能力
该技能分两步完成创作:
- 算法哲学创建(.md 文件):撰写一份 4-6 段的算法哲学,命名一个生成艺术运动(1-2 个词,如 “Organic Turbulence”“Quantum Harmonics”),并阐述其如何通过计算过程与数学关系、噪声函数与随机模式、粒子行为与场动力学、时间演化与系统状态、参数变化与涌现复杂性来体现。
- 用 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 外不引入外部文件或导入。