p5js

Describe the visual concept, mood, and color palette you want, and the Skill produces a single self-contained HTML file with inline p5.js code. Open it directly in any browser with no build step or server required.

Run bash scripts/render.sh sketch.html output.mp4 with optional duration and fps flags. The pipeline captures frames headlessly with Puppeteer and encodes them to H.264 MP4 using ffmpeg.

Yes, p5.js WebGL mode supports 3D primitives, cameras, lighting, materials, and custom GLSL shaders via createShader(). The references/webgl-and-3d.md file covers framebuffers, post-processing, and coordinate system differences from 2D mode.

The Friendly Error System adds up to 10x overhead, so set p5.disableFriendlyErrors = true before setup(). Also call pixelDensity(1) to avoid retina overdraw, and use Math.* functions instead of p5 wrappers inside hot loops.

Yes, call randomSeed() and noiseSeed() with the same seed value in setup() to make all random() and noise() calls deterministic. The Skill enforces seeded randomness on every generative sketch it produces.

The p5.js-svg renderer does not support pixel operations, blendMode(), filters, or WebGL, and requires p5.js 1.x rather than 2.x. It works best for line art, geometric patterns, and pen plotter output.