function setup() {
    createCanvas(windowWidth, windowHeight);
}

var rectX = 0;
var rectY = 0;

function draw() {
    background(220);
    rect(rectX, rectY, 40, 40);
    //For (var BEGIN; END; INTERVAL){
    //DO SOMETHING }
    for (var x = 0; x < width; x += width / 40) {
        for (var y = 0; y < height; y += height / 40) {
            stroke(0);
            strokeWeight(1);
            line(x, 0, x, height);
            line(0, y, width, y);
        }
    }
    /*if (keyPressed) {
        if (keyCode == RIGHT_ARROW) {
            rectX += 40;
        } else if (keyCode == LEFT_ARROW) {
            rectX -= 40;
        } else if (keyCode == UP_ARROW) {
            rectY -= 40;
        } else if (keyCode == DOWN_ARROW) {
            rectY += 40;
        }
    }*/
}

function keyReleased() {
    if (keyCode == RIGHT_ARROW) {
        rectX += 40;
    } else if (keyCode == LEFT_ARROW) {
        rectX -= 40;
    } else if (keyCode == UP_ARROW) {
        rectY -= 40;
    } else if (keyCode == DOWN_ARROW) {
        rectY += 40;
    }
}

function windowResized() {
    resizeCanvas(windowWidth, windowHeight);
 }