https://github.com/mikewesthad/lafayette-creative-coding-p5-workshop
Materials for 2017 workshops on creative coding for the web with JavaScript & p5.js at Lafayette College
https://github.com/mikewesthad/lafayette-creative-coding-p5-workshop
Last synced: about 2 months ago
JSON representation
Materials for 2017 workshops on creative coding for the web with JavaScript & p5.js at Lafayette College
- Host: GitHub
- URL: https://github.com/mikewesthad/lafayette-creative-coding-p5-workshop
- Owner: mikewesthad
- Created: 2017-03-20T13:54:14.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-24T02:27:26.000Z (about 8 years ago)
- Last Synced: 2025-02-14T08:46:27.861Z (4 months ago)
- Language: JavaScript
- Size: 60.3 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Creative Coding for the Web with p5.js
## Description
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!
## Links
### Beginner Workshop
- Beginner workshop code starter files: [zip](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/beginner-workshop.zip)
- Beginner workshop completed code: [zip](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/beginner-workshop-solutions.zip)
- Beginner workshop slides: [pdf](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/beginner-workshop.pdf)
### Advanced Workshop
- Advanced workshop code starter files: [zip](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/advanced-workshop.zip)
- Advanced workshop completed code: [zip](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/advanced-workshop-solutions.zip)
- Advanced workshop slides: [pdf](https://www.mikewesthad.com/lafayette-creative-coding-p5-workshop/advanced-workshop.pdf)
### GIFs
## Resources
### Learning More
- Dan Shiffman's [video tutorials](https://www.youtube.com/user/shiffman) on p5
- Kadenze's free [online course](https://www.kadenze.com/courses/introduction-to-programming-for-the-visual-arts-with-p5-js/info) on p5
- p5's official [tutorials](http://p5js.org/tutorials/)
### Alternate Code Editors
We used Atom for coding in the workshop, but there are some great online options for coding in p5:
- Openprocessing ([video tutorial](https://www.youtube.com/watch?v=vNjobQiQZns))
- Codepen ([video tutorial](https://www.youtube.com/watch?v=5gfUgNpS6kY))