Verder met if/else statements


Deze les heb ik de tweede les afgemaakt. Dit was weer best makkelijk omdat ik dit allemaal al eens had gebruikt in vorige projecten. Ik heb deze les een stoplicht gemaakt. De les van vandaag: https://nycdoe-cs4all.github.io/units/2/lessons/lesson_1.2.

Deze les heb ik een stoplicht gemaakt:

function setup() {
  createCanvas(600, 120);
}

function draw() {
    var redLight = 255;
    var yellowLight = 255;
    var greenLight = 255;

    background(220);
    rectMode(CENTER);
    fill(140);
    rect(width / 2, height / 2,50,100);

    if (mouseY > (height / 2 + 20)) {
        greenLight = 'green'
    }
    else if (mouseY > height / 2 - 20){
        yellowLight = 'yellow';
    }
    else {
        redLight = 'red';
    }

    fill(redLight);
    ellipse(width / 2, height / 2 - 25, 20, 20);
    fill(yellowLight);
    ellipse(width / 2, height / 2, 20, 20);
    fill(greenLight);
    ellipse(width / 2, height / 2 + 25, 20, 20);




}

De les ging weer goed!