​

var rows = 3;

var columns = 3;

​

​

function setup() {

//create slider

  slider = createSlider(0, 10, 3);

  slider.position(20, 620);

​

  createCanvas(600, 600);

​

  background(65, 157, 239);

​

  stepX = width / columns;

  stepY = height / rows;

​

  //text attributes

​

  textSize(180);

  textAlign(CENTER, CENTER);

​

​

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

    //for loop to iterate rows

​

    var thisStepX = stepX / 2 + i * stepX;

    var thisStepY = stepY / 2 + i * stepY;

​

    //random

    var r = round(random(rows - 1));

    var hv = round(random(1));

fill(255);

    if (hv == 0) text(letters[i], stepX / 2 + i * stepX, stepY / 2 + r * stepY);

    if (hv == 1) text(letters[i], stepX / 2 + r * stepX, stepY / 2 + i * stepY);

​

​

​

    //position of the letters

    //text(letters[i], stepX / 2 + i * stepX, stepY / 2 + r * stepY);

​

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

      noFill();

      stroke(255);

      strokeWeight(0.1);

      rect(i * stepX, j * stepY, stepX, stepY);

​

      print(i, r, stepX / 2 + i * stepX, stepY / 2 + r * stepY);

​

​

​

    }

  }

​

  function draw() {

​

​

​

​

  }

​

​

}