2022-06-20 00:18:47 +00:00
|
|
|
import * as status from "../../net/status.js"
|
2022-06-23 01:14:51 +00:00
|
|
|
import {joinGame, createGame} from "/scripts/net/netcode.js"
|
2022-06-20 00:18:47 +00:00
|
|
|
import { changeScene } from "/scripts/interface/scene.js"
|
2022-06-23 05:44:57 +00:00
|
|
|
import * as picker from "./picker.js"
|
|
|
|
import {tileArray, menuArray} from "/scripts/display/tileRenderer.js"
|
|
|
|
|
|
|
|
|
2022-06-20 00:18:47 +00:00
|
|
|
|
2022-06-23 01:14:51 +00:00
|
|
|
function ID(id) {
|
|
|
|
return document.getElementById(id)
|
|
|
|
}
|
|
|
|
|
|
|
|
const joinType = ID("joinType")
|
|
|
|
const joinGameMenu = ID("joinGame")
|
|
|
|
const createGameMenu = ID("createGame")
|
|
|
|
|
|
|
|
ID("gotoCreate").addEventListener("click", e => {
|
|
|
|
joinType.style.display = "none"
|
|
|
|
createGameMenu.style.display = ""
|
2022-06-23 05:44:57 +00:00
|
|
|
picker.create("createGameSelectColorBar", tileArray, [8, 16])
|
|
|
|
picker.create("createGameSelectModeBar", menuArray, [0,4], "wide")
|
2022-06-23 01:14:51 +00:00
|
|
|
})
|
|
|
|
|
|
|
|
ID("gotoJoin").addEventListener("click", e => {
|
|
|
|
joinType.style.display = "none"
|
|
|
|
joinGameMenu.style.display = "";
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ID("joinGameButton").addEventListener("click", e => {
|
|
|
|
join(e)
|
2022-06-20 00:18:47 +00:00
|
|
|
});
|
|
|
|
|
2022-06-23 01:14:51 +00:00
|
|
|
function join(event) {
|
|
|
|
const roomCode = ID("joinGameCode").value
|
|
|
|
const name = ID("joinGameUsername").value
|
2022-06-23 05:44:57 +00:00
|
|
|
if (roomCode == '' || name == '' || status.get() == 'disconnected') return
|
2022-06-23 01:14:51 +00:00
|
|
|
joinGame({room: roomCode, name: name})
|
2022-06-20 00:59:51 +00:00
|
|
|
|
2022-06-20 00:18:47 +00:00
|
|
|
}
|
2022-06-22 20:01:58 +00:00
|
|
|
|
2022-06-23 01:14:51 +00:00
|
|
|
|
|
|
|
ID("createRoomButton").addEventListener("click", e => {
|
|
|
|
create(e)
|
2022-06-23 05:44:57 +00:00
|
|
|
picker.destroy("createGameSelectColorBar")
|
2022-06-23 01:14:51 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
function create(event) {
|
|
|
|
const name = ID("createGameUsername").value
|
|
|
|
const mines = ID("createGameOptionsMines").value
|
|
|
|
const width = ID("createGameOptionsWidth").value
|
|
|
|
const height = ID("createGameOptionsHeight").value
|
|
|
|
if (name == '' || mines == '' || width == '' || height == '' || status.get() == 'disconnected') return
|
2022-06-23 05:44:57 +00:00
|
|
|
const options = {
|
2022-06-23 01:14:51 +00:00
|
|
|
mines: mines,
|
|
|
|
width: width,
|
|
|
|
height: height
|
|
|
|
}
|
2022-06-23 05:44:57 +00:00
|
|
|
const data =
|
|
|
|
{
|
|
|
|
name: name,
|
|
|
|
options: options
|
|
|
|
}
|
|
|
|
console.log(data)
|
2022-06-23 01:14:51 +00:00
|
|
|
createGame(data)
|
|
|
|
|
|
|
|
}
|