p5.js Sketch Playground

Writing and iterating on p5.js creative-coding sketches entirely in your browser. No account, no server rendering — your sketch runs as real JavaScript against the p5.js library loaded in your page.

This playground uses p5's instance mode, which p5.js's own documentation recommends for embedding sketches inside a larger app: every p5 function and property is accessed through the p parameter instead of the global scope. Most p5.js tutorials/examples use global mode (bare setup()/draw()/ellipse()); porting one here just means adding a p. prefix to the p5 calls.

Yes — every documented p5.js property and function is available on the p instance, including mouseX/mouseY, frameCount, random(), noise(), and the full drawing/math/vector API.

Sketch exceptions are caught and shown in an inline error banner instead of silently breaking the page; the canvas area is cleared rather than showing a stale/broken frame.

Your JavaScript is run directly in your browser (via a scoped function, not sent to any server) against the real p5.js library — the same engine used by the official p5.js web editor.

Yes. Click Share to copy a URL that encodes your current code, so anyone who opens the link sees the same sketch running.