Erste Schritte Einfache For Schleife

[pyrokill11]

Guten Abend liebe Community,

ich bin gerade dabei ein einfaches Programm zu schreiben und bin noch ein ziemlicher Neuling.
Ich quäle mich schon seit ca. 2 Stunden rum und bekomme es einfach nicht hin.
Die Aufgabe lautet: "Zeichne eine Figur. Verwende dazu 10 Quadrate, deren linke obere Ecke
übereinander liegen. Die Seitenlänge sollte von 10 stufenweise auf 100 ansteigen."

Ich habe es jetzt so probiert:

void draw() {
  noLoop();
  stroke(0);
  for(int i=0; i<=100; i+=10) {
    rect(0, 0, 55+i, 55+i);
  }

Mein Programm zeichnet jedoch nur 1 Quadrat....
Ich hoffe ihr könnt mir etwas weiterhelfen!
Ich wäre euch um einiges dankbar!

Liebe Grüße

 

[Gucky]

Dein Programm zeichnet alle, jedoch übereinander und deshalb siehst du nur das Letzte.
Zeichne sie andersrum.

PS: Schleifenindizes sollten nur um einen in- oder dekrementiert werden.
Die Multiplikation mit 10 kannst du im Methodenaufruf machen.

 

[pyrokill11]

Hey Gucky,
erstmal vielen Dank für deine Mühe mir zu helfen!

Aber wie meinst du das mit anders herum zeichnen?

 

[Gucky]

Mal angenommen, du hast Quader unterschiedlicher Größe und sollst sie stapeln. Welchen tust du nach unten?

 

[pyrokill11]

Natürlich das Größte... Ich hab es ja an sich verstanden.
Ich kann es nur nicht auf das Programm umschreiben...
Ich weiß, dass ich die letzten Zahlen in jeden Schritt(wenn "i" hochgezählt wird) abändern muss.
Ich will es unbedingt verstehen. Habe zudem noch einen Zeitdruck, weil ich morgen einen kleinen Test darüber schreibe.

 

[Gucky]

Momentan durchläufst du die Schleife vom kleinsten bis zum Größten Wert. So werden die Rechtecke immer größer übereinander gezeichnet.
Nun solltest du es andersrum machen.

PS: Wird die Farbe der Rechtecke geändert? Ansonsten hast du wieder nur ein Rechteck, weil alle dieselbe Farbe haben.

 

[pyrokill11]

Anhang anzeigen 7101

Es muss am Ende so aussehen...
Ich kriege es einfach nicht hin.
Ich hab nur noch 6 Stunden Schlaf

 

[Moro]

Naechste mal halt nicht einen Tag vorher lernen und dann um 24:00 mit den Fragen kommen.

 

[pyrokill11]

Ja ich habe ja jetzt daraus gelernt...
Die Aufgabe ist eigentlich so simpel, aber ich komme einfach nicht auf das richtige Ergebnis..

 

[pyrokill11]

Habe es endlich raus x_x
Nochmal herzlichen Dank an Gucky!
Das hat jetzt soviel Zeit gefressen für so eine simple Aufgabe...

void setup() {
  size(300,300);
  clear();
  background(255);
}

void draw() {
  stroke(0);
  
    for(int i = 100; i>=10; i-=10) {
      rect(0, 0, 10+i, 10+i);
  }
}

Liebe Grüße

 

[arilou]

'rect' zeichnet wohl gefüllte Rechtecke...
Dann überdeckt ein nachfolgendes, größeres ein vorhergehendes.
Ein Umsteigen auf eine Methode, die nicht-gefüllte Rechtecke zeichnet, wäre also ebenfalls möglich.