CCI Diploma 2021/2022: Unit 1: Workshop 1: Experiment/Play

CCI Diploma 2021/2022: 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:

Experimented with the p5.js forum
Played with the p5.js website reference
Experimented with the p5.js website examples
Downloaded VSCode
Tried making a local p5.js sketch

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.

But first, we are going to do an exercise on Computing without a Computer! I'll leave the PDF on screen for us to pick an exercise from. Take a screengrab perhaps? I'd really recommend you picking up a copy of the book that it's taken from Code as a Creative Medium. Which exercise shall we do?

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 5 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?

I'd like you take 5 minutes to download and installMicrosoft VSCode on your own computers. 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. I'll do one first.

Thanks!
Back to slide index.