2019-03-06 12:11:43 +01:00
|
|
|
var style = getComputedStyle(document.body);
|
|
|
|
var n = style.getPropertyValue("--tictactoe_n");
|
|
|
|
var tilesize = style.getPropertyValue("--tile-size");
|
|
|
|
var default_opacity = style.getPropertyValue("--opacity");
|
|
|
|
var ground_color = style.getPropertyValue("--ground-color");
|
|
|
|
|
2019-03-07 10:38:08 +01:00
|
|
|
var create_game_container = document.getElementById("create-game-container");
|
|
|
|
var control_container = document.getElementById("control-container");
|
|
|
|
var info_container = document.getElementById("info-container");
|
|
|
|
|
2019-03-06 12:11:43 +01:00
|
|
|
var grid = new Grid(n, document.getElementById("grid-container"), tilesize, tilesize, ground_color);
|
|
|
|
var game_manager = new GameManager(grid);
|
2019-03-07 10:38:08 +01:00
|
|
|
var sidebar = new Sidebar(create_game_container, control_container, info_container, game_manager);
|
2019-03-06 12:11:43 +01:00
|
|
|
|
|
|
|
window.addEventListener("resize", function() {
|
|
|
|
var tilesize = getComputedStyle(document.body).getPropertyValue("--tile-size");
|
|
|
|
grid.on_screen_orientation_change(tilesize, tilesize);
|
|
|
|
})
|