用途:当用户请求 p5.js 草图、创意编程、生成艺术、交互可视化、画布动画、浏览器视觉艺术、数据可视化、着色器效果或任何 p5.js 项目时使用。
主要能力:覆盖 2D/3D 渲染、噪声与粒子系统、流场、GLSL 着色器、像素操作、动态字体、WebGL 场景、音频分析、鼠标键盘交互,以及无头高分辨率导出。提供七种模式:生成艺术、数据可视化、交互体验、动画/动态图形、3D 场景、图像处理、音频响应。
使用方式:每个项目为单个自包含 HTML 文件,无需构建步骤。默认使用 p5.js 1.11.3(CDN),可选 WebGL 模式、p5.sound.js、CCapture.js、Puppeteer + Node.js、p5.js-svg 1.6.0、p5.brush、p5.grain、Google Fonts/loadFont()。流程为 CONCEPT → DESIGN → CODE → PREVIEW → EXPORT → VERIFY。导出方式包括 saveCanvas()、saveGif()、saveFrames() 配合 ffmpeg,以及 Puppeteer 无头截图。性能上建议在生产草图中先禁用 FES:p5.disableFriendlyErrors = true;,并设置 pixelDensity(1);生成内容必须使用 randomSeed() 与 noiseSeed() 保证可复现。
适用场景与限制:适用于浏览器端视觉艺术、生成艺术平台(如 fxhash 用 $fx.hash 与 $fx.rand)及视频导出。p5.brush 需 p5.js 2.x + WEBGL,SVG 导出需 p5.js 1.x;本地加载图片/字体需运行 scripts/serve.sh 或 python3 -m http.server。资料未提供具体收费、价格或其他平台支持信息。