custom map overrides

6 files changed, 71 insertions, 15 deletions

diff --git a/client/src/logic/logic.ts b/client/src/logic/logic.ts
index 1c3ec1a..480f4db 100644
--- a/client/src/logic/logic.ts
+++ b/client/src/logic/logic.ts
@@ -33,10 +33,17 @@ export const onLogic = (
     data.frame = frame
     random(data)
     
-    let startPressed = updatePlayers(data, input);
+    let startPressed = updatePlayers(data, input)
+
     let playersLeft = 0
     for (let id in data.players) {
+
         let player = data.players[id]
+
+        if (!player) {
+            continue
+        }
+
         if (player.dead) {
             player.framesDead++
         } else {
diff --git a/client/src/logic/players.ts b/client/src/logic/players.ts
index 96337ea..ae7dcbe 100644
--- a/client/src/logic/players.ts
+++ b/client/src/logic/players.ts
@@ -1,4 +1,5 @@
-import { GameState, Input, Key, Rotation } from "../types.js"
+import { checkMap, decompressMap, genMap } from "../map.js"
+import { GAME_MAP_COUNT, GameState, Input, Key, Rotation, Vec2 } from "../types.js"
 
 const canPlayerJoin = (data: GameState) => {
 
@@ -16,6 +17,27 @@ const canPlayerJoin = (data: GameState) => {
 
 }
 
+const loadMaps = (maps: {[key: number]: string}): boolean => {
+
+    for (let mapId = 0; mapId < GAME_MAP_COUNT; mapId++) {
+
+        let {width, height, data} = decompressMap(maps[mapId])
+        let map = genMap(width, height, data, mapId)
+        let [success, result] = checkMap(map)
+
+        if (!success) {
+            alert(result)
+            return false
+        }
+
+        map.spawns = result as Vec2[]
+
+    }
+
+    return true
+}
+
+
 export const updatePlayers = (data: GameState, input: Input) => {
    
     let startPressed = false;
@@ -62,7 +84,13 @@ export const updatePlayers = (data: GameState, input: Input) => {
             
 		}
 
-		startPressed ||= input.players[id].start;
+        if (input.players[id].start) {
+            let maps = input.players[id].maps
+            if (loadMaps(maps)) {
+                startPressed = true
+            }
+        }
+
         if (input.players[id].key)
 		    data.input[id] = input.players[id].key
 
diff --git a/client/src/main.ts b/client/src/main.ts
index 8e69037..abeda05 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -7,11 +7,18 @@ import { checkMap, decompressMap, genMap } from "./map.js";
 const join = document.getElementById("join")
 const lobby = document.getElementById("lobby")
 const mapeditor = document.getElementById("mapeditor")
+const custommaps = document.getElementById("custommaps")
+const popup = document.getElementById("popup")
 
-const maps = {
-    [0]: 'MwRgPgTOIDS/dEOU1L1sxgDDX+9CDijSTyzLcFrVabN7EnYXCUnaBOK31xCMyEUSPfg3FZ20trTlTJnPpX4iV6tRLpCOC7bslbVvNQBY41SxesBWE/bYHpTnFPkZjFResG/hpb003RGBEMR0YQQAOSIjYcNDDRntAgNi/Txl/L2CkozgXfWdgtTUANmsQKyrrAHYHFLiI2T1870KgkkzS7N6CLUdmpvbipyV4hv7pQVSe8PGittHllo7J9Z7N5Y9W3Z39uCA'
+const defaultMaps = {
+    [0]: 'MwRgPgTOIDS/dEOU1L1sxgDDX+9CDijSTyzLcFrVabN7EnYXCUnaBOK31xCMyEUSPfg3FZ20trTlTJnPpX4iV6tRLpCOC7bslbVvNQBY41SxesBWE/bYHpTnFPkZjFResG/hpb003RGBEMR0YQQAOSIjYcNDDRntAgNi/Txl/L2CkozgXfWdgtTUANmsQKyrrAHYHFLiI2T1870KgkkzS7N6CLUdmpvbipyV4hv7pQVSe8PGittHllo7J9Z7N5Y9W3Z39uCA',
+    [1]: 'MwdgPgTMkDQXD5IQRhgBhm5PF97mptvqQalpWkVbdXQ/Uxo5eeTZly97zy5359h/Euzw1mUgbWIzpCynPHS5I9UpgBOGRpGSGyQZh0HVmxWtYGdfMRYZXuBvbs3P5sthSei3Z6y8Xdz9lIM96KwAWLGI42ISUeKTE+IBWf0cHYyFcu2zAuRzXfMUA4I9CXPKI1nF4NGBvYIN4AA4fBzDG7xVAmt8wo2raosK8idLalHNIyfmxq1mWADZU9ZTN5O2YEEzmJea3fMOxsq6Lk96CuZyK+fvDg+uc02mLyxvw2z9h5+KHiwfgCNDV7FUzqxIU8vst6hIFojBkiRvC/llzpioYE0WROuC8biGjIiUA===',
+    [2]: 'MzA+CYEZUgaOHyYly2o+rnEAZb6EFJGknFlFyXHUX15b52pk73NqeeO+zjkAnLQ7kaVUXWGcBLcq3kie2Jou6rGNOhPGi2kvSIWZlfEytOLEA2UsMSALPGYvnbgKxj7im/z9zLdTlzAI0RX2M7HR8/WyCDeM16aTUkYAY/AA5/enTQqUNI9Wi5XzjUkqMkCLtg1JQisPiynOLvOAA2N0hXHrcAdi9dUpyzLgsVOrHpoYz9XQXZ7QMp2rX2RvzxvnKU5bbhhNg91u2zwIzzCT4LpPnC72itdsnXjbePnCA===',
+    [3]: 'MwRgPgTMYgNHD5MS5aAMbXa7zm4BOWfJU8k2YMm0oyiuCgypmtnD17llxX3Gzo9KxIQxHiBzStX552kjIvlc+KiTOmbF2gfRmrB3I1olrjXKbRHDOunXuP6lAFngFPH7yC8BWDQsLM2srS0dbSNQXdXE4CFgEhLilWNxiYRCkOUTYAA5cuBzrTNFwoKjcpJtoh1qnEpNkHAaI0oqjADYfL18e7wB2OqV6yMYm+3Gp80DlYLbZtKNGsTHhrLM7CdSFMIqXZaoF1qdhDJ2t012dvbmbiJWbF2pNm1XL8s+lz84gA=='
 }
 
+export var maps = {}
+
 join.onsubmit = async function(event) {
     event.preventDefault()
 
@@ -27,19 +34,18 @@ join.onsubmit = async function(event) {
         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
+        let id = 'map' + (mapId+1)
+        let content = (document.getElementById(id) as HTMLTextAreaElement).value.trim()
+        console.log(id, content)
+        if (content.length > 0) {
+            maps[mapId] = content
+        } else {
+            maps[mapId] = defaultMaps[mapId]
         }
 
-        map.spawns = result as Vec2[]
-
     }
 
     startGame(room_code, player_name)
@@ -49,6 +55,10 @@ mapeditor.onclick = function() {
     window.location.href = 'mapeditor.html'
 }
 
+custommaps.onclick = function() {
+    popup.style.display = 'flex'
+}
+
 const onLoad = (startData: Frame) => {
 
     if (startData.data.started) {
@@ -64,6 +74,8 @@ const onLoad = (startData: Frame) => {
 
     join.style.display = "none"
     mapeditor.style.display = "none"
+    custommaps.style.display = "none"
+    popup.style.display = "none"
     lobby.style.display = ""
 
     return true
@@ -88,6 +100,7 @@ const startGame = (code: string, name: string) => {
         {
             start: false,
             key: Key.NOTHING,
+            maps: {},
             name
         }
     )
diff --git a/client/src/net/game.ts b/client/src/net/game.ts
index 88a36b1..93a5e6b 100644
--- a/client/src/net/game.ts
+++ b/client/src/net/game.ts
@@ -114,7 +114,7 @@ export class Game {
         onLoad: (startFrame: Frame) => boolean,
         onFrame: (data: Frame, frame: number) => void,
         onLogic: (pastData: GameState, input: Input, frame: number) => GameState, 
-        data: PlayerInput = { start: false, key: Key.NOTHING }
+        data: PlayerInput = { start: false, key: Key.NOTHING, maps: {}}
     ): void {
         
 	    const fps = 60;
diff --git a/client/src/net/input.ts b/client/src/net/input.ts
index 75be3e6..9b45e59 100644
--- a/client/src/net/input.ts
+++ b/client/src/net/input.ts
@@ -1,4 +1,5 @@
 import { Key, KeyMap, PlayerInput } from "../types.js"
+import { maps as definedMaps } from '../main.js'
 
 let pressed = {}
 
@@ -62,9 +63,15 @@ export const startInputListener = (keymap: KeyMap): () => PlayerInput => {
 		let s = start;
 		start = false;
 
+        let maps = {}
+        if (s) {
+            maps = definedMaps
+        }
+
 		return {
             key,
 			start: s,
+            maps
 		}
 	}
 }
diff --git a/client/src/types.ts b/client/src/types.ts
index 01f4e3a..d08bc03 100644
--- a/client/src/types.ts
+++ b/client/src/types.ts
@@ -194,6 +194,7 @@ export type Player = {
 export type PlayerInput = {
     start: boolean,
     key: Key,
+    maps: {[key: number]: string}
     name?: string
 }