Hér eru leiðbeiningar um notkun á for og while lúppum:
expressions variables, loops, Allison Parrish
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); } }
Verkefnið ætti að að:
Hér er lúppuverkefni frá vorönn.
og hér er annað.