80 lines
1.5 KiB
JavaScript
80 lines
1.5 KiB
JavaScript
let INTERFACE_DATA = {
|
|
canvas:null,
|
|
context:null,
|
|
|
|
scale:1,
|
|
};
|
|
|
|
const INTERFACE = {
|
|
hover(event) {
|
|
|
|
},
|
|
|
|
click(event) {
|
|
|
|
},
|
|
|
|
resize() {
|
|
INTERFACE_DATA.canvas.width = INTERFACE_DATA.canvas.clientWidth;
|
|
INTERFACE_DATA.canvas.height = INTERFACE_DATA.canvas.clientHeight;
|
|
},
|
|
|
|
draw() {
|
|
this.resize();
|
|
|
|
// Determine
|
|
let width = INTERFACE_DATA.canvas.width;
|
|
let height = INTERFACE_DATA.canvas.height;
|
|
let min_dimension = Math.min(width, height);
|
|
|
|
let scale = 1;
|
|
//let margin = INTERFACE_DATA.canvas.
|
|
|
|
|
|
// Draw indicator gradient if player's turn.
|
|
|
|
|
|
|
|
// Draw tiles
|
|
for(let i = 0; i < GAME.board.tiles.length; ++i) {
|
|
// Draw background
|
|
|
|
// Draw piece
|
|
|
|
// Draw
|
|
}
|
|
|
|
|
|
// Draw player pool
|
|
|
|
|
|
// Draw opponent pool
|
|
|
|
},
|
|
|
|
init() {
|
|
GAME.init();
|
|
|
|
INTERFACE_DATA.canvas = document.getElementById("game");
|
|
let canvas = INTERFACE_DATA.canvas;
|
|
|
|
if(canvas !== undefined) {
|
|
INTERFACE_DATA.context = canvas.getContext("2d");
|
|
|
|
canvas.addEventListener("mousemove", INTERFACE.hover);
|
|
canvas.addEventListener("mousedown", INTERFACE.click);
|
|
canvas.addEventListener("resize", INTERFACE.draw);
|
|
this.draw();
|
|
}
|
|
},
|
|
|
|
uninit() {
|
|
INTERFACE_DATA.canvas = null;
|
|
INTERFACE_DATA.context = null;
|
|
},
|
|
|
|
message(data) {
|
|
|
|
},
|
|
};
|