let arrows = [];

let img; 

​

function preload() {

  img = loadImage("images/T.png");

}

​

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

  cols = width/size;

  rows = height/size;

  let isLetter;

  for (let i=0; i<cols; i++) {

    arrows[i] = [];

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

      let b = img.get(i*size, j*size);

      if (brightness(b) == 100) {

        isLetter = false;

      } else {

        isLetter = true;

      }

      arrows[i][j] = new Arrow(size/2 + i*size, size/2 + j*size, i*size + j*size, size-offset, isLetter);

    }

  }

}

​

function draw() {

  background(0);

  for (let i=0; i<cols; i++) {

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

      // noFill();

      // rect(i*size, j*size, size, size);

      arrows[i][j].move();

      arrows[i][j].display();

    }

  }

}