🚦Conditionals

Do Now

1. Make an ellipse() that follows your mouse.
2. After your ellipse(), add this line:

if (mouseX > 100) {
    text("what just happened?", 200, 200)
}

What happened? Why do you think that’s happening?

Conditionals

Conditionals in p5 work exactly like JavaScript conditionals. Thanks to our built-in variables, we can quickly make sketches that change depending on where our mouse is.

I’m on one side…

1. Create a canvas that is the size of the screen
2. Create a shape (ellipse(), rect(), etc) that follows your mouse
3. Write a conditional so that the fill() of the shape changes if the mouse is on the left or right side of the screen.

Like this:

Traffic Light

Create this “traffic light” in p5:

Rubric