CCI Diploma 2020/2021: Unit 1: Workshop 1: Experiment/Play.
Back to slide index.
Hi!
Welcome to our second workshop and our first experiment/play session!
By the end of this workshop, you'll have done the following things:
Don't worry about understanding all the code you'll see today - just get used to picking things you like and copying the code onto the p5.js editor or your own code editor - more about that later.
Experiment with the p5.js forum for 5 minutes in groups. What can you find? Try searching for things you are interested in.
Play with the p5.js website reference for 5 minutes - I always have this open when I'm writing code. Don't forget that all the code examples are editable right in your browser! Even on mobile!
Experiment with the p5.js website examples for 10 minutes - try cut and pasting them into new sketches using your new p5.js editor login. Do they work? Why did you pick the ones that you did?
Play with the 2020 p5.js showcase for 15 minutes. Can you find other years? Which are your favourites? Can you get them running on the p5.js editor?
I'd like you take 5 minutes to download Microsoft VSCode. It's free text editor that allows you to write code on your own computer. The brilliant Daniel Shiffman has several different videos on how he codes locally (not using the p5.js online editor, only working on his own computer). Why might it be better or easier to develop on your own computer?
For the last 20 minutes of the workshop, I'd like you to pick a p5.js sketch you've liked today and get it running on your own computer. See the Get Started tutorial on the p5.js website for help, or the Local Server tutorial on the p5.js GitHub wiki for even more help. Both were written before VSCode came out, but the instructions should work for VSCode too. Shout me on the CCI Slack if you are stuck.
Thanks!
Back to slide index.