Create a Quiz
in P5.js
in P5.js
Use some of what we've learned
to create a color quiz in p5.js
Completed
Basics of HTML & CSS
Block-based Programming
Code Comments
Starting P5.js
Today
create an interactive quiz in p5.js
Upcoming
More P5.js
Animating with P5.js
More JavaScript
No Typing Today
I will walk you through creating a basic quiz structure in p5.js, and then you can make it nicer and expand it further on your own. This is not the only way to do this, just an example of how it can be done.
This is a little more complicated than the previous tasks. Don't just watch, you need to listen to the video as well. If you aren't listening to what I'm talking about in the video, you will struggle to understand it.
I'll probably rerecord this next year to try to make it a bit simpler.
Before continuing, we're going to duplicate this file. We're going to work with a copy from this point tomorrow.
We'll finish up the basic structure, then you can add more or customize it more on your own.
On your own slide, create a little video showing me that it works and how you customized it to be your own.