2019-02-25 23:22:37 +01:00
|
|
|
|
|
|
|
|
|
|
|
var width = getComputedStyle(document.body).getPropertyValue("--grid-width");
|
|
|
|
var height = getComputedStyle(document.body).getPropertyValue("--grid-height");
|
2019-02-26 10:09:24 +01:00
|
|
|
var tilesize = getComputedStyle(document.body).getPropertyValue("--tile-size");
|
2019-02-25 23:22:37 +01:00
|
|
|
var default_opacity = getComputedStyle(document.body).getPropertyValue("--opacity")
|
|
|
|
|
|
|
|
var grid = new Grid(width,height, document.getElementById("grid-container"), tilesize, tilesize);
|
|
|
|
var game_manager = new GameManager(grid, document.getElementById("sidebar-container"), default_opacity);
|
2019-02-26 10:09:24 +01:00
|
|
|
var sidebar = new Sidebar(grid, document.getElementById("control-container"), document.getElementById("info-container"), game_manager);
|
|
|
|
|
|
|
|
// register listener to detect change in screen orientation an update tilesize
|
|
|
|
window.addEventListener("resize", function() {
|
|
|
|
console.log("screen changed");
|
|
|
|
var tilesize = getComputedStyle(document.body).getPropertyValue("--tile-size");
|
|
|
|
grid.on_screen_orientation_change(tilesize, tilesize);
|
|
|
|
})
|