Startseite Skripte für das Wintersemester 2017/18 Interaction Design P5 Grundlagen For-Loops umfangreich


For-Loops umfangreich

Hätte jemand von Euch Lust, die Linien einzeln einzugeben – oder von Hand zu zeichnen?

P5

function setup() {
  createCanvas(960, 400);
  background(255);
  strokeWeight(3);

  var a = 8; // Abstand zwischen den Linien hier enger
  var ende = 110; // Ende der Wiederholungen

  // in der Schleife wird bei jeder Wiederholung
  // das i um eins erhöht, solange bis i den Wert "ende" erreicht hat

  for (var i = 0; i < ende; i = i + 1){
    line(50 + (i * a), 60, 50 + (i * a), 350);
  }
}

Der Code ist praktisch identisch mit dem vorherigen, nur der Abstand ist verkleinert und die Variable "i" darf bis auf 110 anwachsen, bevor die Schleife beendet wird.

CodePen

Codepen-Sketch