p5.js Resources
Educational resources for learning p5.js and JavaScript programming.
Look Here First
The official p5.js documentation is the primary reference for learning p5.js.
Learning JavaScript
p5.js uses the JavaScript programming language. Here are foundational resources for learning JavaScript:
- JavaScript Resources – Tutorials, books, and video series
- The Coding Train – Accessible video introduction to both languages
Creating and Editing Sketches
You can work with p5.js using either online editors (no setup required) or local applications (for users comfortable with code environments).
Online Playgrounds
Browser-based editors where you don’t have to create an HTML file, so you can focus on the code in your sketch:
- P5 Web Editor – Official p5.js editor
- OpenProcessing.org – Community tutorials and curated collections
- Glitch – Online coding platform
Local Development
Visual Studio Code is recommended for local development. See the setup guide for configuration instructions.
References
Understanding p5.js doesn’t mean memorizing everything. Use references while you code:
Tip: Use DuckDuckGo with "p5js" as a prefix for quick documentation searches (e.g., "p5js circle" or "p5js noise").
p5.js Course Materials
- Creative Coding with p5.js – Tutorials and techniques
- p5.js Examples – Example sketches