let d;

// broj plocica u redu i koloni

let brojh, brojv;

let slider;

let grid = false;

​

function setup() {

    createCanvas(600, 600);

    slider = createSlider(5, 600, 100, 5);

    slider.position(20, 620);

    slider.size(200);

    frameRate(4);

    angleMode(DEGREES);

}

​

function draw() {

    d = slider.value();

    brojh = width / d;

    brojv = height / d;

    background(255);

    for (var i = 0; i < brojh; i++) {

        for (var j = 0; j < brojv; j++) {

            stroke(0);

            if (random() > 0.5) {

                arc(i * d, j * d, d, d, 0, 90);

                arc((i+1) * d, (j+1) * d, d, d, 180, 270);

            } else {

                arc(i * d, (j+1) * d, d, d, 270, 360);

                arc((i+1) * d, j * d, d, d, 90, 180);

            }

            if (grid) {

              stroke(255, 255, 0);

              noFill();

              square(i * d, j * d, d);

            }

        }

    }

}

​

function mousePressed() {

  grid = true;

}

​

function mouseReleased() {

  grid = false;

}