let games;

​

let sub_games;

let speeds;

let frames;

​

function preload() {

  strs = loadStrings("games_uci.txt");

}

​

function init() {

  sub_games = [];

  speeds = [];

  while (sub_games.length < 100) {

    const i = int(random(games.length));

    if (!sub_games.includes(i)) {

      sub_games.push(i);

      speeds.push(int(random(25, 35)));

    }

  }

  frames = 0;

}

​

function setup() {

  createCanvas(500, 500);

​

  games = [];

  for (let s of strs) {

    const game = [];

    const moves = split(s, " ");

    for (let m of moves) {

      let sqs = split(m, "/");

      if (m[m.length - 1] === "*") {

        // Castle

        game.push([int(sqs[0]), int(sqs[1]), true]);

      } else {

        game.push([int(sqs[0]), int(sqs[1]), false]);

      }

    }

    games.push(game);

  }

​

  init();

  //print( sub_games );

}

​

function getCoords(sq) {

  return {

    x: 10 + ((sq % 8) + 0.5) * (490 / 8),

    y: 490 - (int(sq / 8) + 0.5) * (490 / 8),

  };

}

​

function drawMove(m, t) {

  noFill();

  stroke(0, 0, 255, 2);

  strokeWeight(40);

  const s = getCoords(m[0]);

  const e = getCoords(m[1]);

  line(s.x, s.y, lerp(s.x, e.x, t), lerp(s.y, e.y, t));

​

  if (m[2]) {

    if (m[0] === 4 && m[1] === 2) {

      drawMove([0, 3, false], t);

    } else if (m[0] === 4 && m[1] === 6) {

      drawMove([7, 5, false], t);

    } else if (m[0] === 60 && m[1] === 58) {

      drawMove([56, 59, false], t);

    } else {

      drawMove([63, 61, false], t);

    }

  }

}

​

function draw() {

  background(255);

​

  /*

  strokeWeight(0.5);

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

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

      rect((x * width) / 8, (y * height) / 8, width / 8, height / 8);

    }

  }*/

​

  for (let sgi = 0; sgi < sub_games.length; ++sgi) {

    const idx = sub_games[sgi];

    const sp = speeds[sgi];

    const mov = int(frames / sp) + 1;

    const t = (frames - (mov - 1) * sp) / sp;

​

    const g = games[idx];

​

    for (let m = 0; m < min(g.length, mov - 1); ++m) {

      drawMove(g[m], 1.0);

    }

    if (g.length >= mov) {

      drawMove(g[mov - 1], t);

    }

  }

​

  ++frames;

}

​

function keyPressed() {

  if (key === " ") {

    init();

  } else if (key === "s") {

    save("output.png");

  }

}

​