Breytan stepSize er skilgreind í fyrstu línu. Hún segir til um hversu langt er á milli tveggja lína.

for lúppan línu frá punktinum 0,y sem er við vinstri rönd yfir í punktinn width, y sem er á hægri rönd. y hefur gildir 20 í upphafi, en eykst svo um stepSize í hvert skipti sem farið er í gegn um lúppuna.

Hætt er að lúppa þegar y er orðið jafnstórt eða stærra en height sem er hæðin á skjánum.

Prófið að breyta gildinu á stepSize og sjá hvaða áhrif það hefur á teikninguna!

  var stepSize = 50;

  function setup() {
    createCanvas(100,100);
    background(230, 0, 230);
    strokeWeight(15);
  }

  function draw(){
    for( var y = 20; y < height ; y = y + stepSize ) {
        line(0, y, width, y);
    }
  }
  

Rétthyrningurinn er teiknaður í x = 0, x = 10, x = 20, o.s.fr.v. í hvert sinn sem lúppan er keyrð er gildið á x aukið um 10. Liturinn á rétthyrningnum er valinn í fill. Við veljum slembilit á bilinu frá 50 upp í 150. 0 er svart og 255 er hvítt.

    function setup() {
   createCanvas(400,400);
   background(100);
   noStroke();
   frameRate(5);
  }

  function draw() {
    for(var x = 0; x < width; x = x+10){
      fill(random(50,150));
      rect(x,width/2, 10,10);
      }
  }
  

• Hér má sjá verkefni sem að notar tvær for-lúppur.
• For lúppa notuð til að teikna marga Zoog-kalla í processing.

Verkefnið ætti að að:

• nýta annaðhvort for eða while lúppu.
• innihalda nokkrar breytur (var) sem hafa áhrif á myndina

Hér er lúppuverkefni frá vorönn.

og hér er annað.