MultiplayerMinesweeper/www/scripts/display/tileRenderer.js

import {game} from "/scripts/game/game.js"

export var tileArray = loadSprites();
export function loadSprites() {
  var tiles = [];
	var spriteJank = document.getElementById('spriteJank');
  spriteJank.width = game.tileSize;
  spriteJank.height = game.tileSize;
	var ctxj = spriteJank.getContext('2d');
		var spriteSheet = new Image();

	spriteSheet.src = '/mine.png'
	spriteSheet.onload = function() {

    const tileSize = game.tileSize;
		for (let y = 0; y < 8; y++) {
			for (let x = 0; x < 8; x++) {
				ctxj.drawImage(spriteSheet, -x*tileSize,-y*tileSize)
				var tmp = new Image();
				tmp.src = spriteJank.toDataURL();
				ctxj.clearRect(0, 0, tileSize, tileSize);
				tiles.push(tmp)
			}
		}
}
	spriteJank.remove();
  return tiles;
}