From 846ff147f9e4282991c9042819173c7264a614fc Mon Sep 17 00:00:00 2001 From: JP Appel Date: Wed, 25 Oct 2023 13:47:29 -0400 Subject: separated toggle info page from game page --- site/game/game.js | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++ site/game/index.html | 32 ++++++++++++++++++++ 2 files changed, 115 insertions(+) create mode 100644 site/game/game.js create mode 100644 site/game/index.html (limited to 'site/game') diff --git a/site/game/game.js b/site/game/game.js new file mode 100644 index 0000000..ee52509 --- /dev/null +++ b/site/game/game.js @@ -0,0 +1,83 @@ +const order = document.getElementById("graphOrder"); +const test_bttn = document.getElementById("test_bttn"); +const optionsScreen = document.getElementById("optionsScreen"); +const gameScreen = document.getElementById("gameScreen"); +const gameContainer = document.getElementById("game"); + +const testGame = { + size: 7, + finished: false, + board: Array(7).fill(true), + turn: 0, + version: "0.0.0", + human_turn: false, + winner: "" +} + +function createGame(length){ + const game = { + size: length, + finished: false, + board: Array(length).fill(true), + turn: 0, + version: "0.0.0", + human_turn: false, + winner: "" + } + //TODO: create game in DOM + gameContainer.innerText = "" + game.board.forEach((status) => { + let light = document.createElement("div"); + light.classList.add('vertex') + gameContainer.appendChild(light) + }) + return game; +} + +function toggle_screen(){ + optionsScreen.classList.toggle('inactive'); + gameScreen.classList.toggle('inactive'); + renderGame(testGame) +} + +async function humanPlay(game){ + +} + +function renderGame(game){ + //TODO: update game in DOM +} + +function displayMessage(text){ + +} + +async function sendGame(game){ + let response = await fetch("https://jpappel.xyz/toggle/query", { + method: "POST", + body: JSON.stringify(game), + headers: { + "Accept": "application/json", + "Content-Type": "application/json; charset=UTF-8" + } + }) + return response.json() +} + +async function gameLoop(){ + +} + +function playGame(){ + //const length = order.valueAsNumber; + //let game = createGame(length); + //game = sendGame(game); + //window.alert("Game Play Not implemented yet") + const game = createGame(7) + renderGame(game) + //while(!game.finished){ + // humanPlay(game) + // // game.nextTurn(game.turn); + //} + // displayMessage(game.result); +} diff --git a/site/game/index.html b/site/game/index.html new file mode 100644 index 0000000..d8f7c8a --- /dev/null +++ b/site/game/index.html @@ -0,0 +1,32 @@ + + + + + + + Toggle + + +

Heat Toggle Demo

+ +

Try to beat the computer :)

+ +
+
+

Options

+
+ + +
+ +
+
+

Game

+
Loading...
+ +
+
+ + -- cgit v1.2.3