Introduction to Creative Computing 2026/2027: 👻: Individual Work 10: Rita.js and p5.gui
Back to slide index.

For this workshop we are going to spend 40 minutes each on making p5.js sketches that include the following libraries:

1. RiTa.js
2. p5.gui

For the next 30 minutes, let's take a look at RiTa.js by Daniel Howe. Let's have a look at the collection of examples on the p5.js online editor (don't forget to show all complete file structure Joel!)and also some of the projects that have been made with RiTa.js.

Helpfully, Allison Parrish has posted a great tutorial on how to use external JavaScript libraries with p5.js (with rita.js as the example library), let's go through it together and get it going in the p5.js editor.

For the final 30 minutes, let's put everything together by duplicating some of the p5.gui examples from GitHub, adding them to a new editor.p5js sketch, and coming up with some new things to do with our GUI.

Thanks! Please give me a shout via email or Instagram with any feedback or if there is anything I can help you with - my practice is about helping other people make the things they want to.
Back to slide index.