This pair of hands-on workshops will introduce you to the world of creative coding for the web with JavaScript & p5.js. p5.js is a JavaScript library with the goal of making coding accessible for artists, designers, educators and beginners. In the workshop, we will learn about how the web works and what artists have been doing with the web. Then we will jump into using p5.js to create interactive & dynamic art through code. By the end of the workshop, everyone will have their own p5.js sketch hosted online.
The first workshop is on Tuesday (3/21) from 4 - 6p in Pardee 28. This workshop is for anyone already familiar with general programming concepts (variables, loops, functions).
The second workshop is on Wednesday (3/22) from 1 - 3p in Pardee 28. This workshop is beginner-friendly and assumes no prior knowledge.
Computers will be available, but if you have your own laptop, bring it!
- Beginner workshop code starter files: zip
- Beginner workshop completed code: zip
- Beginner workshop slides: pdf
- Advanced workshop code starter files: zip
- Advanced workshop completed code: zip
- Advanced workshop slides: pdf
- Dan Shiffman's video tutorials on p5
- Kadenze's free online course on p5
- p5's official tutorials
We used Atom for coding in the workshop, but there are some great online options for coding in p5:
- Openprocessing (video tutorial)
- Codepen (video tutorial)