Lernpfad:Programmierung mit Javascript und p5js/Fallunterscheidung (Farbbereiche)

Farbe in p5js (Regenbogen)

Fallunterscheidung (Countdown)

Möchte man in einem Programm Fälle unterscheiden, muss man den if-Befehl verwenden: Das folgende Programm zeigt je nach Position der Maus eine andere Farbe an.

function setup() {
  createCanvas(400, 250);
}

function draw() {
  background(220);
  if(mouseX > 200){
	fill(255, 0, 255); 
	rect(mouseX, 10, 100,100); 
  }
  if(mouseX < 200 && mouseY > 125){
	fill(200, 200, 0); 
	ellipse(mouseX, 10, 100,100);   
  }
}

Arbeitsauftrag

Ändere das obige Programm so ab, dass der Bildschirm auch in drei Teile geteilt wird.