let SIZE = 10;

let COLS = 2 * DIST + 1;

let ROWS = COLS;

let i,j,x,y,COUNT;

let STOP = false;

​

function setup() {

  createCanvas(COLS * SIZE, ROWS * SIZE + 50);

  // Create GRID

  let GRID = new Array(COLS,ROWS);

​

  // Draw initial Grid

  fill(255); stroke(0);

  for (i=0;i<COLS+2;i++){

    for (j=0;j<ROWS+2;j++){

      square(i * SIZE,j * SIZE,SIZE-2);

    }

  }  

  // Starting Position

  x = DIST;

  y = x;

  // Draw initial position;

  fill(0,50);

  square (x * SIZE,y * SIZE,SIZE-2)

  COUNT = 0;

}

​

function draw() {

  if (STOP == false) {

    // Make new X and Y

    // x += 1;

    x += floor(random(-1,2));

    y += floor(random(-1,2));

    fill(0,50);

    square (x * SIZE,y * SIZE,SIZE-2);  

    COUNT++;

    if (x == 0 || x == COLS || y == 0 || y == ROWS) { 

      STOP = true;

      let TEXT = 'Distance: ' + DIST + ', Stepcount: ' + COUNT;

      textSize(32);

      text(TEXT,10,ROWS * SIZE + 45);

      print(TEXT);

    }

  }

}