Startseite Skripte für das Wintersemester 2018/19 Interaction Design P5 Grundlagen Übung 5: Rote Farbflächen


Übung 5: Rote Farbflächen

Zeichnet zuerst die Ellipse und dann die roten Farbflächen, die sich transparent über die Ellipse legen – verwendet für die Farbflächen wieder for-loops

Briefing

  1. Größe des Sketch: 900 * 400
  2. Die Ellipse (Farbe: (50,70,190)) befinden sich genau in der Mitte des Sketches und ist 890px breit und 230px hoch!
  3. Die Farbflächen (insgesamt 25 Stück) nutzen die gesamte Höhe des Sketches und jeweils eine Breite von 40px;
  4. Die erste Farbfläche hat folgende Füllfarbe: (0,0,0,160); (160 = Transparenz);
  5. Die nachfolgenden Farbflächen ändern den ersten RGB-Farbwert um jeweils 11

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

P5

int d = 40; // Breite der Quadrate

for(i=0;i<=24;i=i+1){
  var xPos = ??? * d; // wodurch ändert sich die Position des Quadrates?
  fill(0 + (???),0,0,160); // wodurch wird der Rotanteil der Füllfarbe jeweils um 11 heller?
  rect(xPos,0,d,height);
}

Speichern

Speichert Euren Sketch innerhalb des heruntergeladenen Paketes bei uebung-05-rote-Flaechen