用途
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。
限制
资料未提供收费、价格、平台等其它信息。