种子化 p5.js 可重现算法艺术草图
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/generate-reproducible-algorithmic-art-sketches-with-seeded-p5js-randomness。
技能介绍
问题:不可复现的随机艺术
当创意简报要求生成算法艺术草图时,直接依赖 Math.random() 会带来一个很具体的工程痛点:同一份简报、同一套参数,在不同运行轮次中可能产出完全不同的结果。这会让参数调优失去基准,也让 bug 复现和版本对比变得昂贵。对需要控制构图密度、配色分布与随机扰动强度的开发者来说,这种不可复现性直接抬高了迭代成本。
技能如何工作
该技能把创意简报导向一条可重复的 p5.js 草图流程,核心能力围绕三点展开:
- 种子化随机:将随机源收敛到可枚举的种子上,同一颗种子对应同一张草图,使结果具备可追溯性。
- 参数控制:把颜色、密度、偏移等变量显式暴露在草图配置中,方便在回放时逐项微调,而不是隐藏在一次性的随机调用里。
- 可执行草图:输出可在 HTML viewer 中直接运行的 p5.js 代码,而不是静态图片提示或泛化设计建议。
适用边界与注意点
- 运行环境依赖 p5.js 与 HTML viewer,无法脱离浏览器直接出图。
- 复现性建立在种子与草图版本共同管理之上,若只保存其中一方,回放结果仍可能漂移。
- 适合快速探索阶段的草图生成,不等同于成品级静态海报交付,也不承担通用设计系统的搭建职责。
- 随机性控制粒度取决于草图代码是否将种子注入到每个随机调用点,实现时需保持一致。
使用场景
- 撰写算法艺术创意简报时,需要固定随机种子来复现同一构图的草图版本
- 调试草图参数时,想通过不同种子对比颜色密度、扰动强度等输出差异
- 给创意方案做视觉探索时,要生成能在 HTML viewer 中直接运行的 p5.js 草图代码
- 迭代艺术草图版本时,需要同时管理种子与参数以保持回放结果一致
适合人员
- 前端开发者,需要为项目方案生成可复现的 p5.js 艺术草图
- 创意设计师,想把创意简报转化为可迭代的算法艺术草图
- 技术美术,要控制生成艺术中的随机参数以保持风格统一
- AI Agent 开发者,希望技能输出可执行草图而非静态设计提示