WIP

src/main.ts

@@ -6,6 +6,13 @@ import Game from "./game/Game";
 import pgns from "./test-data/pgns";
 import createSimpleGIF from "./gif/createSimpleGIF";
 // import { decompressPGN } from "./game/PGNHelpers";
+import WebFont from "webfontloader";
+
+WebFont.load({
+  google: {
+    families: ["Ubuntu:500,700", "Fira Code"],
+  },
+});
 
 const $app = document.querySelector<HTMLImageElement>("#app");
 
@@ -33,7 +40,7 @@ const play = async (board: Board, pgn: string | null, interval: number) => {
     await board.render(game.getBoardData(), move);
   }
 
-  await delay(interval * 3);
+  await delay(interval * 5);
   play(board, pgn, interval);
 };
 
@@ -51,18 +58,19 @@ console.log(createDownloadLink.name);
 const main = async () => {
   const style = styles.lila;
 
-  window.location.hash =
-    "#QiBEdWtlIEthcmwgLyBDb3VudCBJc291YXJkCkQgMTg1OC4/Py4/PwpFIFBhcmlzClIgMS0wClMgUGFyaXMgRlJBClcgUGF1bCBNb3JwaHkKCmU0IGU1IE5mMyBkNiBkNCBCZzQgZHhlNSBCeGYzIFF4ZjMgZHhlNSBCYzQgTmY2IFFiMyBRZTcgTmMzIGM2IEJnNSBiNSBOeGI1IGN4YjUgQnhiNSsgTmJkNyBPLU8tTyBSZDggUnhkNyBSeGQ3IFJkMSBRZTYgQnhkNysgTnhkNyBRYjgrIE54YjggUmQ4Iw==";
+  // window.location.hash =
+  //   "#QiBEdWtlIEthcmwgLyBDb3VudCBJc291YXJkCkQgMTg1OC4/Py4/PwpFIFBhcmlzClIgMS0wClMgUGFyaXMgRlJBClcgUGF1bCBNb3JwaHkKCmU0IGU1IE5mMyBkNiBkNCBCZzQgZHhlNSBCeGYzIFF4ZjMgZHhlNSBCYzQgTmY2IFFiMyBRZTcgTmMzIGM2IEJnNSBiNSBOeGI1IGN4YjUgQnhiNSsgTmJkNyBPLU8tTyBSZDggUnhkNyBSeGQ3IFJkMSBRZTYgQnhkNysgTnhkNyBRYjgrIE54YjggUmQ4Iw==";
 
   // const hash = window.location.hash;
   // const pgn = hash === "" ? null : decompressPGN(hash.slice(1));
+  const pgn = pgns[1];
   const board = new Board(8).setStyle(style).setSize(720).showBorder();
 
   $app?.appendChild(board.canvas);
 
-  console.log(pgns[5]);
+  console.log(pgn);
 
-  play(board, pgns[5], 1000);
+  play(board, pgn, 1000);
 
   // createDownloadLink(pgns[2], style).then((link) => {
   //   document.body.appendChild(link);