24 lines
685 B
JavaScript
24 lines
685 B
JavaScript
import {game} from "../game/game.js"
|
|
|
|
export var canvas = document.getElementById('canvas');
|
|
export var ctx = canvas.getContext('2d');
|
|
export var wrapper = document.getElementById('game');
|
|
canvas.width = game.tileSize*game.gridSize[0];
|
|
canvas.height = game.tileSize*game.gridSize[1];
|
|
scaleEverythingGood()
|
|
|
|
window.addEventListener('resize', scaleEverythingGood);
|
|
|
|
function scaleEverythingGood() {
|
|
const width = window.innerWidth-2;
|
|
const height = window.innerHeight-2;
|
|
let canvasWidth
|
|
if (canvas.width > canvas.height) {
|
|
canvasWidth = Math.max(width, height)
|
|
} else {
|
|
canvasWidth = width
|
|
}
|
|
canvasWidth = canvasWidth/4
|
|
canvas.style.width = `${canvasWidth}px`;
|
|
}
|