Blueprints

p5.js

Generative art, shaders, and interactive sketches as self-contained HTML

Write p5.js sketches that ship as a single self-contained HTML file — generative art, shader work, interactive scenes and 3D. An optional Puppeteer and ffmpeg pipeline captures a running sketch to MP4 or GIF, so a sketch can leave the project as a video rather than a link.

Skills

1
  • p5jsGenerate p5.js sketches as single self-contained HTML files — generative art, shaders, interactive scenes, and 3D. Optional Puppeteer + ffmpeg pipeline to capture sketches as MP4 or GIF.

Information

Setup

Set up p5.js

This App does not need extra setup.

No extra setup is required. Add p5.js to a project to use it.