import kaplay from "./modules/kaplay.js";
import { KaplayMap } from "./KaplayMap/map.js";
import { EventMapperManager } from "./KaplayMap/mapper.js";

const map = document.querySelector("#map");
const mapUi = document.querySelector("#map-ui");

const kp = kaplay({
  canvas: map,
  focus: true,
  loadingScreen: false,
  crisp: true,
  // debug: false,
  // touchToMouse: false,
  global: false,
  maxFPS: 120,
  texFilter: "nearest",
  background: "404040",
});

const kaplaymap = new KaplayMap(kp, {});
const eventmappermanager = new EventMapperManager(kaplaymap, mapUi);

async function main() {
  kaplaymap.initGrid();

  await eventmappermanager.load();
}

main();