Startseite Skripte für das Wintersemester 2018/19 Interaction Design P5, Teil 2 Bedingungen (1)


Bedingungen (1)

Pseudocode

Wenn sich der Cursor in der linken Hälfte des Sketches befindet, soll eine rote Hintergrundfarbe verwendet werden. Ansonsten soll der Sketch einen blauen Hintergrund haben.

P5

function setup() {
  createCanvas(960, 240);
  textFont("Georgia");
  textSize(30);
  fill(255);
}

function draw(){
  // wenn sich der Cursor in der linken Hälfte
  if (mouseX < width/2) {
    background(255, 0, 0);
    textAlign(LEFT);
    text("Cursor in linker Hälfte", 10, height-40, width-10, 60);
  }
  // ansonsten; hier muss man gar nicht die rechte Hälfte angeben
  else {
    background(0, 0, 255);
    textAlign(RIGHT);
    text("Cursor in rechter Hälfte", 10, height-40, width-20, 60);
  }

  // Strich in der Mitte des Sketches
  stroke(0);
  line(width/2, 0, width/2, height);
}

Achtet darauf, dass Ihr bei if/then keine Klammern vergesst – dann funktioniert es nicht!

P5

function draw() {

  if (1. Bedingung) {
    // dann soll das passieren
  } else {
    // ansonsten – wenn obere Bedinung nicht zutrifft
  }

}