2024-06-01 06:31:08 +00:00
|
|
|
import kaplay from "./modules/kaplay.js";
|
2024-06-05 07:30:05 +00:00
|
|
|
import { KaplayMap } from "./KaplayMap/map.js";
|
|
|
|
import { EventMapperManager } from "./KaplayMap/mapper.js";
|
2024-05-29 05:16:02 +00:00
|
|
|
|
2024-06-01 18:36:00 +00:00
|
|
|
const map = document.querySelector("#map");
|
2024-06-02 05:39:23 +00:00
|
|
|
const mapUi = document.querySelector("#map-ui");
|
2024-05-29 15:15:05 +00:00
|
|
|
|
2024-06-01 06:31:08 +00:00
|
|
|
const kp = kaplay({
|
|
|
|
canvas: map,
|
|
|
|
focus: true,
|
|
|
|
loadingScreen: false,
|
2024-06-01 18:36:00 +00:00
|
|
|
crisp: true,
|
|
|
|
// debug: false,
|
|
|
|
// touchToMouse: false,
|
2024-06-01 06:31:08 +00:00
|
|
|
global: false,
|
|
|
|
maxFPS: 120,
|
2024-06-01 18:36:00 +00:00
|
|
|
texFilter: "nearest",
|
2024-06-17 22:57:39 +00:00
|
|
|
background: window.branding?.background ?? "404040",
|
2024-06-01 06:31:08 +00:00
|
|
|
});
|
2024-05-29 15:15:05 +00:00
|
|
|
|
2024-06-17 22:57:39 +00:00
|
|
|
const kaplaymap = new KaplayMap(kp, {
|
|
|
|
minZoomLevel: 0,
|
|
|
|
maxZoomLevel: 6,
|
|
|
|
...window.branding?.kaplayMap,
|
|
|
|
});
|
2024-06-11 04:16:13 +00:00
|
|
|
const eventmappermanager = new EventMapperManager(kaplaymap, mapUi, {
|
2024-06-17 22:57:39 +00:00
|
|
|
gameobj: window.branding?.gameObj,
|
2024-06-11 04:16:13 +00:00
|
|
|
});
|
2024-05-29 15:15:05 +00:00
|
|
|
|
2024-06-04 22:54:40 +00:00
|
|
|
async function main() {
|
2024-06-17 22:57:39 +00:00
|
|
|
if (window.branding?.init != null) window.branding.init(kp);
|
2024-06-05 07:30:05 +00:00
|
|
|
|
|
|
|
await eventmappermanager.load();
|
2024-06-17 22:57:39 +00:00
|
|
|
|
|
|
|
console.log(kp.VERSION);
|
2024-06-04 22:54:40 +00:00
|
|
|
}
|
|
|
|
|
2024-06-05 07:30:05 +00:00
|
|
|
main();
|