p5js.org
This is the main p5js website, and there’s lots of good info there:
- the p5js reference has all the details on every function and variable you’ll need to care about in the p5 library
- the p5js examples page is a good place to see how different things can be done using p5
- the p5js learn page has some useful tutorials and guides
tonejs
This is the main tonejs website, and there’s some good info there:
- the tonejs docs has all the details on every class and function you’ll need to care about in the tonejs library
- examples include basics, instruments, effects, timing and visualisation (e.g. synching audio and animation)
- this site includes tutorials, exercises and examples LSU Pathways Tone.js page
ml5js.org
This is the main ml5js website, and there’s some good info there:
- Getting Started - the quick start guide
- The Reference - details about all the classes for ml5.js
- The Community - what people are doing with ml5.js
MDN JavaScript reference
The Mozilla Developer Network is the best place to get free online documentation, tutorials and guides on all things web development.
Since this course is all in JavaScript then the JavaScript reference homepage is probably the best place to start, but you can’t go wrong exploring other parts of the MDN (e.g. their references & guides section)
Don’t be tempted to go to w3schools, really not that useful (correct and up-to-date)[^w3schools] compared to the MDN.
[w3schools]: Look, w3schools is fine—there’s even some good stuff on there in places, but overall the MDN is much higher quality and more up-to-date. After all, Mozilla actually make a web browser, so they know what they’re talking about with this stuff.
Alternative p5js Tutorials
- Coding Train p5.js While this site looks like it is aimed at a lower age group - it has been created by the wonderful Daniel Schiffman, who is also on the board of the Processing Foundation and involved with the ml5.js community.
- Happy Coding: p5.js This site is open and free. Information is static, but has a different set of exercises and explanations.
- Code Academy: p5.js This site tries to get you to sign up. The interactive coding exercises require specific answers (your correct solution might not be the same as theirs and so you cannot move to the next exercise until you do it their way - which I always find frustrating). Not recommended.