SuperAPI AI 工具集

scaffold-sketch

设计与创作

查看项目

更新于 10-16 07:37

技能介绍

用途

scaffold-sketch 用于从零搭建一个生成式艺术 / 创意编程草图的起始工程,强调干净、可复现、带随机种子(seeded)的初始设置。它会先确认两项选择(或采用默认并说明),然后再开始构建。

两项选择

  • Setup(工程方式):vite-p5(Vite + p5.js,默认,开发体验最佳)或 vanilla(单个 HTML,通过 CDN 引入 p5,零构建)。
  • Mode(模式):static(一次性生成的图像,点击重新随机,默认)或 animated(循环动画)。

Vite + p5.js(默认)

初始化命令:

npm create vite@latest my-sketch -- --template vanilla
cd my-sketch
npm i p5

src/sketch.js 采用实例模式(instance mode),带种子、可重新随机,示例代码见资料(含 import p5 from 'p5'、params 对象、reseed、build、setup、draw、mousePressed、keyPressed 等)。

运行 npm run dev,确认可以渲染,并且点击后能重新随机出新的变化(并打印种子)。

Vanilla(零构建)

单个 index.html,通过 CDN 引入 p5,示例代码见资料(含 doctype、p5 CDN 脚本引用、setup、draw、mousePressed 等)。

通用要求

  • 始终对所有随机进行播种(randomSeed / noiseSeed),并记录 / 输出种子,使任何结果都可复现。
  • 将可调参数放在顶部的 params 对象中。
  • 提前选定明确的画布比例(正方形 1:1、竖版 3:4、印刷 A 系列)。

交接指引

  • 算法 → generative-systems
  • GPU 上的视觉效果 → shader-artist
  • 配色 → color-composition
  • 导出 / 系列 → art-export-engineer(技能:/flow-field、/export-art、/generative-series)

若不确定,在搭建前先核对当前 p5 版本 / API。

限制

资料未提供收费、价格、平台等其它信息。