用途:当用户需要 p5.js 草图、创意编程、生成艺术、交互可视化、画布动画、浏览器视觉艺术、数据可视化或着色器效果时使用。
主要能力:覆盖 2D/3D 渲染、噪声与粒子系统、流场、GLSL 着色器、像素操作、动态字体、WebGL 场景、音频分析与鼠标键盘交互,并支持无头高分辨率导出。提供七种模式:生成艺术、数据可视化、交互体验、动画/动态图形、3D 场景、图像处理、音频响应。
使用方式:每个项目为单个自包含 HTML 文件,无需构建步骤。核心用 p5.js 1.11.3(CDN),3D 用 WebGL 模式,音频用 p5.sound.js,导出用内置 saveCanvas()/saveGif()/saveFrames(),可选 CCapture.js、Puppeteer、p5.js-svg、p5.brush、p5.grain。流程为 CONCEPT → DESIGN → CODE → PREVIEW → EXPORT → VERIFY。代码结构:全局变量 → preload() → setup() → draw() → 辅助函数 → 类 → 事件处理器。
限制与注意:生产草图应先设置 p5.disableFriendlyErrors = true 并 pixelDensity(1);热循环中用 Math.* 替代 p5 包装函数;生成内容必须用 randomSeed() 与 noiseSeed() 保证可复现,视觉元素不用 Math.random();draw() 内禁止 console.log() 和 DOM 操作。p5.js 1.x 为默认版本,2.x 才支持 p5.brush 等特性。本地加载图片/字体需启动本地服务器。具体收费、价格与平台信息暂未提供。