p5js

用于生成 p5.js 草图，包含生成艺术、交互动画、着色器和 3D 效果，产出可在浏览器运行的 sketch。适合做创意编程、数据可视化或交互式视觉作品，会输出可直接运行的代码示例。流程面向生产级创作，方便把艺术想法变成交互页面。

# p5.js Production Pipeline

## When to use

Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

## What's inside

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interact