let fnt2;

let himg;

let target;

let best;

let cur_x;

let cur_y;

​

let asp = 13;

let mult = 3;

let count = 0;

​

const order = [1,2,3,5,7,8];

let i = 0;

​

const alph = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

const halph =

  "\u05d0\u05d1\u05d2\u05d3\u05d4\u05d5\u05d6\u05d7\u05d8\u05d9\u05da\u05db\u05dc\u05dd\u05de\u05df\u05e0\u05e1\u05e2\u05e3\u05e4\u05e5\u05e6\u05e7\u05e8\u05e9\u05ea";

​

function preload() {

  fnt1 = loadFont("NotoSans-SemiBold.ttf");

  fnt2 = loadFont("NotoSansHebrew-SemiBold.ttf");

}

​

function createMap()

{

  mult = order[(i%order.length)];

  ++i;

  himg = createGraphics(mult*asp*30, mult*30);

  himg.background(255);

  himg.fill(0);

  himg.noStroke();

  himg.textFont(fnt2);

  himg.textSize(mult*25);

  himg.text(halph, 20, 0.7*mult*30);

  best = [];

  for (let idx = 0; idx < 270; ++idx) {

    best.push(0);

  }

​

  cur_x = 0;

  cur_y = 0;

​

  target.loadPixels();

  himg.loadPixels();

​

  for( let y = 0; y < 10; ++y ) {

    for( let x = 0; x < 27; ++x ) {

      const hx = int(random(int(himg.width/30)));

      const hy = int(random(int(himg.height/30)));

      copy( himg, 30*hx, 30*hy, 30, 30, 30*x, 30*y, 30, 30 );

      const bidx = y * 27 + x;

      best[bidx] = getDist( 30*hx, 30*hy, 30*x, 30*y );

    }

  }

}

​

function setup() {

  createCanvas(810, 300);

  shuffle( order, true );

​

  target = createGraphics(810, 300);

  target.background(255);

  target.fill(0);

  target.noStroke();

  target.textSize(250);

  target.textAlign(CENTER);

​

  target.textFont(fnt1);

  target.text("PEACE", width / 2, height / 2 + 80);

​

  createMap();

}

​

function getDist(hx, hy, tx, ty) {

    let ret = 0;

​

  for (let y = 0; y < 30; ++y) {

    for (let x = 0; x < 30; ++x) {

      let hidx = 4 * ((y + hy) * himg.width + (x + hx));

      let tidx = 4 * ((y + ty) * target.width + (x + tx));

      if ((himg.pixels[hidx] < 128) != (target.pixels[tidx] < 128)) {

        ++ret;

      }

    }

  }

​

  return ret;

}

​

function draw() {

 /* image(himg, 0, 0, asp*30, 30);

  noFill();

  stroke(0);

  rect(0, 0, 390, 30);

  fill(255, 0, 0);

  noStroke();

  rect(cur_x * 3.75, cur_y * 3.75, 3.75, 3.75); */

  if (cur_y < 8) {

    for (let ty = 0; ty < 10; ++ty) {

      for (let tx = 0; tx < 27; ++tx) {

        const d = getDist(30*cur_x, 30*cur_y, 30 * tx, 30 * ty);

        const bidx = ty * 27 + tx;

        if (d < best[bidx]) {

         // print( best[bidx] + " -> " + d );

          best[bidx] = d;

          copy(himg, 30*cur_x, 30*cur_y, 30, 30, 30*tx, 30*ty, 30, 30);

        }

      }

    }

​

    ++cur_x;

    if (cur_x >= (himg.width / 30)) {

      ++cur_y;

      if( cur_y === 8 ) {

        count = 100;

      }

      cur_x = 0;

    }

  } else {

    --count;

    if( count === 0 ) {

      createMap();

      cur_x = 0;

      cur_y = 0;

    }

  }

}

​

function keyPressed()

{

  if( key === "s" ) {

    save( "jan20.png" );

  }

}

​