p5.js (creative coding)
p5.js is a creative-coding library for generative art, interactive sketches, and creative data viz. ArcadeLab auto-loads p5, so sketches publish as one HTML file with no p5 editor account, no project export, no build step.
Version loaded: 1.9.0 (cdnjs)
ARCADELAB header for p5.js
Put this at the very top of your HTML file (before <!DOCTYPE html>). ArcadeLab will auto-inject the p5.js CDN — do not include your own script tag.
<!--ARCADELAB title: My Sketch description: A short description libraries: p5 emoji: 🎨 color: pink -->
Good fits for p5.js on ArcadeLab
- Generative art and particle systems
- Interactive sketches reacting to mouse, keyboard, touch
- Audio-reactive visuals (via Web Audio API)
- Math toys and creative-data visualizations
Full guide
🎨How do I share a p5.js sketch as a playable URL?
Prompt template
🎨How do I prompt Claude or ChatGPT to make a p5.js sketch?
Frequently asked
What version of p5.js does ArcadeLab load?
p5.js 1.9.0, loaded from cdnjs. ArcadeLab injects it when you list 'p5' in the ARCADELAB header.
Can I use p5.sound or other p5 add-ons?
Only the p5.js core is currently auto-loaded. p5.sound and other add-ons aren't injected. For sound, use the Web Audio API directly inline.
How is this different from the p5 editor or OpenProcessing?
The p5 editor is great for development; OpenProcessing is great for community gallery + remix. ArcadeLab's lane is publishing without any editor account — paste a finished sketch as HTML, get a URL. Use whichever fits the moment.
Ready to publish a p5.js thing? Paste your HTML file and get a URL.
🚀Publish on ArcadeLab