EventMapper/assets/scripts/script.js

import kaplay from "./modules/kaplay.js";
import { KaplayMap } from "./KaplayMap/index.js";
import { addZoomButtons } from "./KaplayMap/zoom.js";

const map = document.querySelector("#map");

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, {});

kaplaymap.initGrid();

addZoomButtons(kaplaymap);

const bean = kp.loadBean();

kp.add([kp.sprite("bean"), kp.pos(kp.center())]);