• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

BMS Processing Class

A Course23.com Production

"Stop, Pause, and Think..." -- Ms. Elwell
"Take your time, it isn't a race" -- Mr. Helmke

  • Home
  • Conditionals and Logic
    • Conditionals 1: Boolean Expressions and the If Statement
      • Activity 16 (IF1)
    • Conditionals 2: If/Else Statements
      • Activity 17 (IFELSE1)
    • Conditionals 3: Else If Statements
      • Activity 18 (elseif1)
      • Activity 19
      • Activity 20 (elseif3)
      • Activity 21
    • Logical Operators
      • Activity 22 (And1)
      • Activity 23
      • Activity 24 (SingleRollover)
      • Activity 25 (FourSquareRollover)
      • Activity 26 (MoveWhenPressed)
      • Activity 27 (bouncy ball 1)
      • Activity 28 (bouncy ball 2)
  • Functions
    • Moving Shapes 1
      • Activity 29 (StarBright)
      • Activity 30 (CreatureAtOrigin)
    • Moving Shapes 2
      • Activity 31 (drawCreatureFunction)
      • Activity 32 (BouncingCreatures)
    • Rotating Shapes
      • Activity 33 (RotatingCreatures)
      • Activity 34 (RotatingShapes)
      • Activity 35 (RotatingShapes2)
  • Looping and Arrays
    • Loops 1
      • Activity 36 (ShapeLoop)
      • Activity 37 (RandomLoop1)
    • Loops 2
      • Activity 38 (Deg2Rad)
      • Activity 39 (NumberLoop1)
      • Activity 40 (NumberLoop2)
    • Arrays 1
      • Activity 41
      • Activity 42
      • Activity 43
    • Arrays 2
      • Activity 44
      • Activity 45
      • Activity 46
  • Final Topics
    • Introduction
    • Particle Systems
    • Maze Game
  • Resources

Conditionals 2: If/Else Statements

This can be expanded with the keyword “else” to include code that is executed if the conditional expression is false. This is the equivalent of “otherwise, do such and such.”

We can eliminate the rect in our code above by using IF ELSE and only background and no fill. See the example below:

1
2
3
4
5
6
7
8
9
10
11
function setup() {
  createCanvas(windowWidth, windowHeight);
}
 
function draw() {
  if (mouseX < windowWidth/2) {
    background(255);
  } else {
    background(0);
  }
}

Pay attention to the format and do not forget the importance of the opening and closing curly brackets { } throughout. Indenting your code in the same style as the example also helps your code be readable. If the same code is written as follows:

1
2
3
4
5
6
7
8
9
10
11
function setup() {
  createCanvas(windowWidth, windowHeight);
}
 
function draw() {
  if (mouseX < windowWidth/2) {
    background(255);
  } else {
    background(0);
  }
}

it becomes much harder to see where the conditionals are. Don’t write code that way. Always indent your code nicely.

Complete Activity 17

Primary Sidebar

Required Reading:

Course Coding Standards

Copyright © 2016–2021 Chris Elwell/Michael Helmke · This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License · Log in