Startseite Skripte für das Wintersemester 2017/18 Interaction Design P5 Grundlagen Übung 4: Wachsende Kreise


Übung 4: Wachsende Kreise

Bitte zeichnet die 76 Kreise nicht einzeln, sondern verwendet dafür ein „For-Loop“!

Zeichnet zuerst eine „Kreis-Scheibe“ und dann erst die zweite…

Briefing

  1. Größe des Sketch: 900 * 400
  2. Die Kreise befinden sich vertikal genau in der Mitte des Sketches!
  3. Der 1. Kreis hat einen Durchmesser von 10px
  4. Der Abstand zwischen den wachsenden Kreisen ist jeweils 10px
  5. 39 Kreise pro Kreis-Scheibe
  6. Hintergrundfarbe: rgb(70, 125, 200)
  7. Strichstärke („strokeWeight“) 1px

Hier das Grundgerüst für den Loop – bitte noch anpassen:

P5

var abstand = 10;

// Kreisdurchmesser fängt mit 10 an
// und wie wächst dieser dann?
for (i = 0; i <= 38; i = 1 + 1) {
  var d = 10 + (???); // wodurch kann der Kreisdurchmesser wachsen?
  ellipse(320, h/2, d, d);
}

Speichern

Speichert Euren Sketch innerhalb des heruntergeladenen Paketes bei uebung-04-kreise