Briefing

Bitte verwendet für die Darstellung der Quadrate die „for-loop-Schreibweise!“

1. Größe des Sketch: 960px * 400px
2. Hintergrundfarbe: weiß;
3. Sechs Quadrate (Breite & Höhe: 160px);
4. Erstes Quadrat komplett schwarz (0);
5. Position des ersten Quadrates ganz am linken Rand und 80px von oben;
6. nachfolgende Quadrate jeweils um 45 heller;
7. Strichstärke der schwarzen Linien: 5px;
8. Position der Linien: jeweils 10px ober- bzw. unterhalb der Quadrate

Speichern

Speichert Euren Sketch innerhalb des heruntergeladenen Paketes bei uebung-03-graue-quadrate

P5

var d = 160; // Breite & Höhe der Quadrate

// Positionierung und Grauwert der Quadrate sollen sich
// bei jedem Loop verändern
for(i=0;i<=5;i = i + 1){
  var xPos = ??? * d; // wodurch ändert sich die Position des Quadrates?
  fill(0 + (???)); // wodurch wird die Füllfarbe jeweils um 45 heller?
  rect(xPos,80,d,d);
}