1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
import { Game } from "./net/game.js";
import { InitialState, onLogic } from "./logic/logic.js";
import { startGraphicsUpdater } from "./renderer.js";
import { GameKeyMap, Frame, Key, Player, GAME_MAP_COUNT, Vec2 } from "./types.js";
import { checkMap, decompressMap, genMap } from "./map.js";
const join = document.getElementById("join")
const lobby = document.getElementById("lobby")
const mapeditor = document.getElementById("mapeditor")
const maps = {
[0]: 'MwRgPgTOIDS/dEOU1L1sxgDDX+9CDijSTyzLcFrVabN7EnYXCUnaBOK31xCMyEUSPfg3FZ20trTlTJnPpX4iV6tRLpCOC7bslbVvNQBY41SxesBWE/bYHpTnFPkZjFResG/hpb003RGBEMR0YQQAOSIjYcNDDRntAgNi/Txl/L2CkozgXfWdgtTUANmsQKyrrAHYHFLiI2T1870KgkkzS7N6CLUdmpvbipyV4hv7pQVSe8PGittHllo7J9Z7N5Y9W3Z39uCA'
}
join.onsubmit = async function(event) {
event.preventDefault()
const room_code = (<HTMLInputElement>document.getElementById("room_code")).value
const player_name = (<HTMLInputElement>document.getElementById("player_name")).value
if (room_code == '') {
alert('Please enter a room code')
return
}
if (player_name == '') {
alert('Please enter a player name')
return
}
for (let mapId = 0; mapId < GAME_MAP_COUNT; mapId++) {
let {width, height, data} = decompressMap(maps[0]) // for now
let map = genMap(width, height, data, mapId)
let [success, result] = checkMap(map)
if (!success) {
alert(result)
return
}
map.spawns = result as Vec2[]
}
startGame(room_code, player_name)
}
mapeditor.onclick = function() {
window.location.href = 'mapeditor.html'
}
const onLoad = (startData: Frame) => {
if (startData.data.started) {
alert('Room has already started')
return false
}
let players = Object.values(startData.data.players).filter((p: Player): boolean => p !== null && p.name !== undefined)
if (players.length >= 4) {
alert('Room is full')
return false
}
join.style.display = "none"
mapeditor.style.display = "none"
lobby.style.display = ""
return true
}
const updateGraphics = startGraphicsUpdater()
const onFrame = (data: Frame, frame: number) => {
updateGraphics(data ? data.data : InitialState, frame);
}
const startGame = (code: string, name: string) => {
const game = new Game(3000)
game.start(
code,
GameKeyMap,
onLoad,
onFrame,
onLogic,
{
start: false,
key: Key.NOTHING,
name
}
)
}
|
