From 97c78292fef34a39552a4d983413b01e185a49aa Mon Sep 17 00:00:00 2001
From: Tyler Murphy <tylerm@tylerm.dev>
Date: Sat, 17 Jun 2023 22:48:56 -0400
Subject: [PATCH] export and load maps

---
 client/css/editor.css       |  30 ++-
 client/img/atlas.png        | Bin 8168 -> 8495 bytes
 client/index.html           |   1 -
 client/mapeditor.html       |   6 +
 client/src/editor.ts        |  56 ++--
 client/src/lib/lz-string.ts | 505 ++++++++++++++++++++++++++++++++++++
 client/src/logic/logic.ts   |  50 +---
 client/src/main.ts          |   5 +-
 client/src/map.ts           |  76 +++---
 client/src/renderer.ts      |  24 +-
 client/src/types.ts         |  26 +-
 client/tsconfig.json        |   2 +-
 12 files changed, 672 insertions(+), 109 deletions(-)
 create mode 100644 client/src/lib/lz-string.ts

diff --git a/client/css/editor.css b/client/css/editor.css
index cc3bb88..51c7571 100644
--- a/client/css/editor.css
+++ b/client/css/editor.css
@@ -7,15 +7,43 @@ canvas {
     position: absolute;
     display: flex;
     flex-direction: column;
-    border: 1px solid;
+    border: 1px solid #fff;
     padding: 1rem;
 }
 
 #mapgen {
     display: flex;
     flex-direction: column;
+    position: absolute;
 }
 
 #export {
     margin-top: 1rem;
 }
+
+#popup {
+    background-color: #191919;
+    position: absolute;
+    flex-direction: column;
+    padding: .5rem;
+    border: 1px solid #fff;
+}
+
+#popup textarea {
+    margin: .5rem 0;
+    height: 5rem;
+    background-color: transparent;
+    color: white;
+    border: 1px solid #fff;
+}
+
+#popup input {
+    margin: 0;
+}
+
+#close {
+    width: .3rem;
+    height: .3rem;
+    font-size: .6rem;
+    line-height: 0;
+}
diff --git a/client/img/atlas.png b/client/img/atlas.png
index cb9e802a5056f67bb1097f06d37c43458f113793..ebb467efb8b0a908fdc9ef29ef809c971cff8ad4 100644
GIT binary patch
delta 3987
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

delta 3797
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
LNkvXXu0mjf1K}OW

diff --git a/client/index.html b/client/index.html
index 5e76fbc..251c33d 100644
--- a/client/index.html
+++ b/client/index.html
@@ -2,7 +2,6 @@
 <html>
     <head>
         <link rel="stylesheet" href="css/main.css"/>
-        <script>var exports = {};</script>
     </head>
     <body>
         <img src="img/atlas.png" id="atlas" style="display: none;"/>
diff --git a/client/mapeditor.html b/client/mapeditor.html
index 5df8c38..6fbb158 100644
--- a/client/mapeditor.html
+++ b/client/mapeditor.html
@@ -15,10 +15,16 @@
                 <input type="text" id="height" name="height" placeholder="Map Height">
                 <input type="submit" value="Create"/>
             </form>
+            <div id="popup" style="display: none">
+                <input type="button" id="close" value="x" onclick="document.getElementById('popup').style.display = 'none'">
+                <textarea id="textarea" disabled='true'></textarea>
+                <input type="button" id="copy" value="Copy to clipboard">
+            </div>
         </div>
         <div id="sidebar" style="display: none;">
             <p>W: Place Wall</p>
             <p>G: Place Ghost Wall</p>
+            <p>H: Place Ghost Spawn</p>
             <p>F: Place Food</p>
             <p>1: Place Pac Spawn 1</p>
             <p>2: Place Pac Spawn 2</p>
diff --git a/client/src/editor.ts b/client/src/editor.ts
index 77088ce..1abaad4 100644
--- a/client/src/editor.ts
+++ b/client/src/editor.ts
@@ -1,11 +1,11 @@
-import { genMap } from "./map.js"
+import { genMap, compressMap, decompressMap } from "./map.js"
 import { startGraphicsUpdater } from "./renderer.js"
 import { GameState, Vec2, Tile } from "./types.js"
 
 const mapgen = document.getElementById("mapgen")
 const sidebar = document.getElementById("sidebar")
 
-mapgen.onsubmit = async function(event) {
+mapgen.onsubmit = async (event) => {
     event.preventDefault()
 
     const width_str = (<HTMLInputElement>document.getElementById("width")).value
@@ -86,31 +86,33 @@ const getTilePos = (width: number, height: number, mousePos: Vec2): Vec2 => {
 
 }
 
-const checkInputs = (pressed: {[key: string]: boolean}): Tile => {
+const checkInputs = (pressed: {[key: string]: boolean}): [Tile, boolean] => {
        
     if (pressed["KeyW"]) {
-        return Tile.WALL
+        return [Tile.WALL, false]
     } else if (pressed["KeyG"]) {
-        return Tile.GHOST_WALL
+        return [Tile.GHOST_WALL, false]
+    } else if (pressed["KeyH"]) {
+        return [Tile.GHOST_SPAWN, true]
     } else if (pressed["KeyF"]) {
-        return Tile.FOOD
+        return [Tile.FOOD, false]
     } else if (pressed["Digit1"]) {
-        return Tile.PLAYER_SPAWN_1
+        return [Tile.PLAYER_SPAWN_1, true]
     } else if (pressed["Digit2"]) {
-        return Tile.PLAYER_SPAWN_2
+        return [Tile.PLAYER_SPAWN_2, true]
     } else if (pressed["Digit3"]) {
-        return Tile.PLAYER_SPAWN_3
+        return [Tile.PLAYER_SPAWN_3, true]
     } else if (pressed["Digit4"]) {
-        return Tile.PLAYER_SPAWN_4
+        return [Tile.PLAYER_SPAWN_4, true]
     } else if (pressed["KeyT"]) {
-        return Tile.THICC_DOT
+        return [Tile.THICC_DOT, false]
     } else if (pressed["KeyI"]) {
-        return Tile.INITIAL_DOT
+        return [Tile.INITIAL_DOT, false]
     } else if (pressed["KeyC"]) {
-        return Tile.EMPTY
+        return [Tile.EMPTY, false]
     }
 
-    return undefined
+    return [undefined, undefined]
 }
 
 const checkBounds = (tilePos: Vec2, width: number, height: number) => {
@@ -124,7 +126,7 @@ const runMapEditor = (width: number, height: number) => {
 
     let data: number[] = new Array(width * height).fill(0)
 
-    genMap(width, height, data, Tile.EMPTY)
+    let map = genMap(width, height, data, Tile.EMPTY)
 
     let state: GameState = {
         started: true,
@@ -145,13 +147,19 @@ const runMapEditor = (width: number, height: number) => {
         const tilePos = getTilePos(width, height, mousePos)
 
         const pressed = getInput()
-        const tile = checkInputs(pressed)
+        const [tile, unique] = checkInputs(pressed)
 
         if (tile !== undefined && checkBounds(tilePos, width, height)) {
             let current = data[tilePos.y * width + tilePos.x];
-            if (current != tile) {
+            if (current != tile && (current == Tile.EMPTY || tile == Tile.EMPTY)) {
+                if (unique) {
+                    data = data.map(t => {
+                        if (t == tile) return Tile.EMPTY
+                        else return t
+                    })
+                }
                 data[tilePos.y * width + tilePos.x] = tile
-                genMap(width, height, data, 0)
+                map = genMap(width, height, data, 0)
             }
         }
 
@@ -162,4 +170,16 @@ const runMapEditor = (width: number, height: number) => {
 
     requestAnimationFrame(loop)
 
+    document.getElementById("export").onclick = () => {
+        let encoded = compressMap(map)
+        document.getElementById("textarea").textContent = encoded
+        document.getElementById("popup").style.display = 'flex'
+    
+        console.log(decompressMap(encoded))
+    }
+
+    document.getElementById("copy").onclick = () => {
+        navigator.clipboard.writeText(document.getElementById("textarea").textContent)
+    }
+
 }
diff --git a/client/src/lib/lz-string.ts b/client/src/lib/lz-string.ts
new file mode 100644
index 0000000..68270d0
--- /dev/null
+++ b/client/src/lib/lz-string.ts
@@ -0,0 +1,505 @@
+export namespace LZString {
+    // private property
+    var f = String.fromCharCode;
+    var keyStrBase64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+    var keyStrUriSafe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$";
+    var baseReverseDic = {};
+
+    function getBaseValue(alphabet: any, character: any) {
+        if (!baseReverseDic[alphabet]) {
+            baseReverseDic[alphabet] = {};
+            for (var i = 0; i < alphabet.length; i++) {
+                baseReverseDic[alphabet][alphabet.charAt(i)] = i;
+            }
+        }
+        return baseReverseDic[alphabet][character];
+    }
+
+    export function compressToBase64(input:string) {
+        if (input == null) return "";
+        var res = _compress(input, 6, function (a: any) {
+            return keyStrBase64.charAt(a);
+        });
+        switch (res.length % 4) { // To produce valid Base64
+            default: // When could this happen ?
+            case 0:
+                return res;
+            case 1:
+                return res + "===";
+            case 2:
+                return res + "==";
+            case 3:
+                return res + "=";
+        }
+    }
+
+    export function decompressFromBase64(input:string) {
+        if (input == null) return "";
+        if (input == "") return null;
+        return _decompress(input.length, 32, function (index: any) {
+            return getBaseValue(keyStrBase64, input.charAt(index));
+        });
+    }
+
+    export function compressToUTF16(input:string) {
+        if (input == null) return "";
+        return _compress(input, 15, function (a: any) {
+            return f(a + 32);
+        }) + " ";
+    }
+
+    export function decompressFromUTF16(compressed:string) {
+        if (compressed == null) return "";
+        if (compressed == "") return null;
+        return _decompress(compressed.length, 16384, function (index: any) {
+            return compressed.charCodeAt(index) - 32;
+        });
+    }
+
+    //compress into uint8array (UCS-2 big endian format)
+    export function compressToUint8Array(uncompressed:string) {
+        var compressed = compress(uncompressed);
+        var buf = new Uint8Array(compressed.length * 2); // 2 bytes per character
+
+        for (var i = 0, TotalLen = compressed.length; i < TotalLen; i++) {
+            var current_value = compressed.charCodeAt(i);
+            buf[i * 2] = current_value >>> 8;
+            buf[i * 2 + 1] = current_value % 256;
+        }
+        return buf;
+    }
+
+    //decompress from uint8array (UCS-2 big endian format)
+    export function decompressFromUint8Array(compressed: any) {
+        if (compressed === null || compressed === undefined) {
+            return decompress(compressed);
+        } else {
+            var buf = new Array(compressed.length / 2); // 2 bytes per character
+            for (var i = 0, TotalLen = buf.length; i < TotalLen; i++) {
+                buf[i] = compressed[i * 2] * 256 + compressed[i * 2 + 1];
+            }
+
+            var result = [];
+            buf.forEach(function (c) {
+                result.push(f(c));
+            });
+            return decompress(result.join(''));
+
+        }
+
+    }
+
+
+    //compress into a string that is already URI encoded
+    export function compressToEncodedURIComponent(input:string) {
+        if (input == null) return "";
+        return _compress(input, 6, function (a: any) {
+            return keyStrUriSafe.charAt(a);
+        });
+    }
+
+    //decompress from an output of compressToEncodedURIComponent
+    export function decompressFromEncodedURIComponent(input:string) {
+        if (input == null) return "";
+        if (input == "") return null;
+        input = input.replace(/ /g, "+");
+        return _decompress(input.length, 32, function (index: any) {
+            return getBaseValue(keyStrUriSafe, input.charAt(index));
+        });
+    }
+
+    export function compress(uncompressed:string) {
+        return _compress(uncompressed, 16, function (a: any) {
+            return f(a);
+        });
+    }
+
+    function _compress(uncompressed: any, bitsPerChar: any, getCharFromInt: any) {
+        if (uncompressed == null) return "";
+        var i: any, value: any,
+            context_dictionary = {},
+            context_dictionaryToCreate = {},
+            context_c = "",
+            context_wc = "",
+            context_w = "",
+            context_enlargeIn = 2, // Compensate for the first entry which should not count
+            context_dictSize = 3,
+            context_numBits = 2,
+            context_data = [],
+            context_data_val = 0,
+            context_data_position = 0,
+            ii: any;
+
+        for (ii = 0; ii < uncompressed.length; ii += 1) {
+            context_c = uncompressed.charAt(ii);
+            if (!Object.prototype.hasOwnProperty.call(context_dictionary, context_c)) {
+                context_dictionary[context_c] = context_dictSize++;
+                context_dictionaryToCreate[context_c] = true;
+            }
+
+            context_wc = context_w + context_c;
+            if (Object.prototype.hasOwnProperty.call(context_dictionary, context_wc)) {
+                context_w = context_wc;
+            } else {
+                if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
+                    if (context_w.charCodeAt(0) < 256) {
+                        for (i = 0; i < context_numBits; i++) {
+                            context_data_val = (context_data_val << 1);
+                            if (context_data_position == bitsPerChar - 1) {
+                                context_data_position = 0;
+                                context_data.push(getCharFromInt(context_data_val));
+                                context_data_val = 0;
+                            } else {
+                                context_data_position++;
+                            }
+                        }
+                        value = context_w.charCodeAt(0);
+                        for (i = 0; i < 8; i++) {
+                            context_data_val = (context_data_val << 1) | (value & 1);
+                            if (context_data_position == bitsPerChar - 1) {
+                                context_data_position = 0;
+                                context_data.push(getCharFromInt(context_data_val));
+                                context_data_val = 0;
+                            } else {
+                                context_data_position++;
+                            }
+                            value = value >> 1;
+                        }
+                    } else {
+                        value = 1;
+                        for (i = 0; i < context_numBits; i++) {
+                            context_data_val = (context_data_val << 1) | value;
+                            if (context_data_position == bitsPerChar - 1) {
+                                context_data_position = 0;
+                                context_data.push(getCharFromInt(context_data_val));
+                                context_data_val = 0;
+                            } else {
+                                context_data_position++;
+                            }
+                            value = 0;
+                        }
+                        value = context_w.charCodeAt(0);
+                        for (i = 0; i < 16; i++) {
+                            context_data_val = (context_data_val << 1) | (value & 1);
+                            if (context_data_position == bitsPerChar - 1) {
+                                context_data_position = 0;
+                                context_data.push(getCharFromInt(context_data_val));
+                                context_data_val = 0;
+                            } else {
+                                context_data_position++;
+                            }
+                            value = value >> 1;
+                        }
+                    }
+                    context_enlargeIn--;
+                    if (context_enlargeIn == 0) {
+                        context_enlargeIn = Math.pow(2, context_numBits);
+                        context_numBits++;
+                    }
+                    delete context_dictionaryToCreate[context_w];
+                } else {
+                    value = context_dictionary[context_w];
+                    for (i = 0; i < context_numBits; i++) {
+                        context_data_val = (context_data_val << 1) | (value & 1);
+                        if (context_data_position == bitsPerChar - 1) {
+                            context_data_position = 0;
+                            context_data.push(getCharFromInt(context_data_val));
+                            context_data_val = 0;
+                        } else {
+                            context_data_position++;
+                        }
+                        value = value >> 1;
+                    }
+
+
+                }
+                context_enlargeIn--;
+                if (context_enlargeIn == 0) {
+                    context_enlargeIn = Math.pow(2, context_numBits);
+                    context_numBits++;
+                }
+                // Add wc to the dictionary.
+                context_dictionary[context_wc] = context_dictSize++;
+                context_w = String(context_c);
+            }
+        }
+
+        // Output the code for w.
+        if (context_w !== "") {
+            if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
+                if (context_w.charCodeAt(0) < 256) {
+                    for (i = 0; i < context_numBits; i++) {
+                        context_data_val = (context_data_val << 1);
+                        if (context_data_position == bitsPerChar - 1) {
+                            context_data_position = 0;
+                            context_data.push(getCharFromInt(context_data_val));
+                            context_data_val = 0;
+                        } else {
+                            context_data_position++;
+                        }
+                    }
+                    value = context_w.charCodeAt(0);
+                    for (i = 0; i < 8; i++) {
+                        context_data_val = (context_data_val << 1) | (value & 1);
+                        if (context_data_position == bitsPerChar - 1) {
+                            context_data_position = 0;
+                            context_data.push(getCharFromInt(context_data_val));
+                            context_data_val = 0;
+                        } else {
+                            context_data_position++;
+                        }
+                        value = value >> 1;
+                    }
+                } else {
+                    value = 1;
+                    for (i = 0; i < context_numBits; i++) {
+                        context_data_val = (context_data_val << 1) | value;
+                        if (context_data_position == bitsPerChar - 1) {
+                            context_data_position = 0;
+                            context_data.push(getCharFromInt(context_data_val));
+                            context_data_val = 0;
+                        } else {
+                            context_data_position++;
+                        }
+                        value = 0;
+                    }
+                    value = context_w.charCodeAt(0);
+                    for (i = 0; i < 16; i++) {
+                        context_data_val = (context_data_val << 1) | (value & 1);
+                        if (context_data_position == bitsPerChar - 1) {
+                            context_data_position = 0;
+                            context_data.push(getCharFromInt(context_data_val));
+                            context_data_val = 0;
+                        } else {
+                            context_data_position++;
+                        }
+                        value = value >> 1;
+                    }
+                }
+                context_enlargeIn--;
+                if (context_enlargeIn == 0) {
+                    context_enlargeIn = Math.pow(2, context_numBits);
+                    context_numBits++;
+                }
+                delete context_dictionaryToCreate[context_w];
+            } else {
+                value = context_dictionary[context_w];
+                for (i = 0; i < context_numBits; i++) {
+                    context_data_val = (context_data_val << 1) | (value & 1);
+                    if (context_data_position == bitsPerChar - 1) {
+                        context_data_position = 0;
+                        context_data.push(getCharFromInt(context_data_val));
+                        context_data_val = 0;
+                    } else {
+                        context_data_position++;
+                    }
+                    value = value >> 1;
+                }
+
+
+            }
+            context_enlargeIn--;
+            if (context_enlargeIn == 0) {
+                context_enlargeIn = Math.pow(2, context_numBits);
+                context_numBits++;
+            }
+        }
+
+        // Mark the end of the stream
+        value = 2;
+        for (i = 0; i < context_numBits; i++) {
+            context_data_val = (context_data_val << 1) | (value & 1);
+            if (context_data_position == bitsPerChar - 1) {
+                context_data_position = 0;
+                context_data.push(getCharFromInt(context_data_val));
+                context_data_val = 0;
+            } else {
+                context_data_position++;
+            }
+            value = value >> 1;
+        }
+
+        // Flush the last char
+        while (true) {
+            context_data_val = (context_data_val << 1);
+            if (context_data_position == bitsPerChar - 1) {
+                context_data.push(getCharFromInt(context_data_val));
+                break;
+            } else context_data_position++;
+        }
+        return context_data.join('');
+    }
+
+    export function decompress(compressed:string) {
+        if (compressed == null) return "";
+        if (compressed == "") return null;
+        return _decompress(compressed.length, 32768, function (index: any) {
+            return compressed.charCodeAt(index);
+        });
+    }
+
+    function _decompress(length: any, resetValue: any, getNextValue: any) {
+        var dictionary = [],
+            next: any,
+            enlargeIn = 4,
+            dictSize = 4,
+            numBits = 3,
+            entry = "",
+            result = [],
+            i: any,
+            w: any,
+            bits: any, resb: any, maxpower: any, power: any,
+            c: any,
+            data = {
+                val: getNextValue(0),
+                position: resetValue,
+                index: 1
+            };
+
+        for (i = 0; i < 3; i += 1) {
+            dictionary[i] = i;
+        }
+
+        bits = 0;
+        maxpower = Math.pow(2, 2);
+        power = 1;
+        while (power != maxpower) {
+            resb = data.val & data.position;
+            data.position >>= 1;
+            if (data.position == 0) {
+                data.position = resetValue;
+                data.val = getNextValue(data.index++);
+            }
+            bits |= (resb > 0 ? 1 : 0) * power;
+            power <<= 1;
+        }
+
+        switch (next = bits) {
+            case 0:
+                bits = 0;
+                maxpower = Math.pow(2, 8);
+                power = 1;
+                while (power != maxpower) {
+                    resb = data.val & data.position;
+                    data.position >>= 1;
+                    if (data.position == 0) {
+                        data.position = resetValue;
+                        data.val = getNextValue(data.index++);
+                    }
+                    bits |= (resb > 0 ? 1 : 0) * power;
+                    power <<= 1;
+                }
+                c = f(bits);
+                break;
+            case 1:
+                bits = 0;
+                maxpower = Math.pow(2, 16);
+                power = 1;
+                while (power != maxpower) {
+                    resb = data.val & data.position;
+                    data.position >>= 1;
+                    if (data.position == 0) {
+                        data.position = resetValue;
+                        data.val = getNextValue(data.index++);
+                    }
+                    bits |= (resb > 0 ? 1 : 0) * power;
+                    power <<= 1;
+                }
+                c = f(bits);
+                break;
+            case 2:
+                return "";
+        }
+        dictionary[3] = c;
+        w = c;
+        result.push(c);
+        while (true) {
+            if (data.index > length) {
+                return "";
+            }
+
+            bits = 0;
+            maxpower = Math.pow(2, numBits);
+            power = 1;
+            while (power != maxpower) {
+                resb = data.val & data.position;
+                data.position >>= 1;
+                if (data.position == 0) {
+                    data.position = resetValue;
+                    data.val = getNextValue(data.index++);
+                }
+                bits |= (resb > 0 ? 1 : 0) * power;
+                power <<= 1;
+            }
+
+            switch (c = bits) {
+                case 0:
+                    bits = 0;
+                    maxpower = Math.pow(2, 8);
+                    power = 1;
+                    while (power != maxpower) {
+                        resb = data.val & data.position;
+                        data.position >>= 1;
+                        if (data.position == 0) {
+                            data.position = resetValue;
+                            data.val = getNextValue(data.index++);
+                        }
+                        bits |= (resb > 0 ? 1 : 0) * power;
+                        power <<= 1;
+                    }
+
+                    dictionary[dictSize++] = f(bits);
+                    c = dictSize - 1;
+                    enlargeIn--;
+                    break;
+                case 1:
+                    bits = 0;
+                    maxpower = Math.pow(2, 16);
+                    power = 1;
+                    while (power != maxpower) {
+                        resb = data.val & data.position;
+                        data.position >>= 1;
+                        if (data.position == 0) {
+                            data.position = resetValue;
+                            data.val = getNextValue(data.index++);
+                        }
+                        bits |= (resb > 0 ? 1 : 0) * power;
+                        power <<= 1;
+                    }
+                    dictionary[dictSize++] = f(bits);
+                    c = dictSize - 1;
+                    enlargeIn--;
+                    break;
+                case 2:
+                    return result.join('');
+            }
+
+            if (enlargeIn == 0) {
+                enlargeIn = Math.pow(2, numBits);
+                numBits++;
+            }
+
+            if (dictionary[c]) {
+                entry = dictionary[c];
+            } else {
+                if (c === dictSize) {
+                    entry = w + w.charAt(0);
+                } else {
+                    return null;
+                }
+            }
+            result.push(entry);
+
+            // Add w+entry[0] to the dictionary.
+            dictionary[dictSize++] = w + entry.charAt(0);
+            enlargeIn--;
+
+            w = entry;
+
+            if (enlargeIn == 0) {
+                enlargeIn = Math.pow(2, numBits);
+                numBits++;
+            }
+        }
+    }
+};
diff --git a/client/src/logic/logic.ts b/client/src/logic/logic.ts
index 1cca2b7..dd6e21d 100644
--- a/client/src/logic/logic.ts
+++ b/client/src/logic/logic.ts
@@ -1,10 +1,13 @@
-import { genItems, loadMap, getMap } from "../map.js";
+import { genItems, genMap, getMap, decompressMap } from "../map.js";
 import { updatePlayers } from "./players.js"
 import { updateUI } from "./ui.js"
 import { updateMovement } from "./movement.js"
 import { updateItems } from "./items.js" 
 import { GameState, Input } from "../types.js";
 
+const maps = {
+    [0]: 'EwRgPqYgNDew+TEuW6AGT2u59mPI/PeLZclSys1AhSgThJcJb2bdq7p5rupV2DYaVFCKI9HwFDiWACyxyK5WpCqArOPSCeuqfUnzDwaGbMyT3FAGZT0ABznD9ybWv0LLq61kz4S0M9WRMANnVVDUi1AHYdQxt+dyNEhJNiNk8A3npkiVSmcUEM6E5C/wL86rlivLqxaVymltggA='
+}
 
 export const InitialState: GameState = {
     started: false,
@@ -32,7 +35,7 @@ export const onLogic = (
     }
     
     if (startPressed && !data.started) {
-        initMap(data)
+        initMap(data, 0)
         data.started = true;	
     }
 
@@ -40,41 +43,16 @@ export const onLogic = (
 
 }
 
-const initMap = (data: GameState) => {
+const initMap = (gameData: GameState, mapId: number) => {
 
-    document.getElementById("lobby").style.display = "none"
+    gameData.mapId = mapId
 
-    data.mapId = 0
-
-    if (getMap(0)) return
-
-    let width = 21
-    let height = 21
-    let m_data = [
-        1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
-        1,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,
-        1,0,1,1,1,0,1,1,1,0,1,0,1,1,1,0,1,1,1,0,1,
-        1,0,1,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,1,
-        1,0,1,0,1,1,1,1,1,0,1,0,1,1,1,1,1,0,1,0,1,
-        1,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,0,1,
-        1,0,1,1,1,0,1,0,1,1,1,1,1,0,1,0,1,1,1,0,1,
-        1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,
-        1,1,1,0,1,0,1,0,1,1,1,1,1,0,1,0,1,0,1,1,1,
-        1,0,0,0,0,0,1,0,1,2,2,2,1,0,1,0,0,0,0,0,1,
-        1,0,1,1,1,0,1,0,1,2,2,2,1,0,1,0,1,1,1,0,1,
-        1,0,0,0,0,0,1,0,1,2,2,2,1,0,1,0,0,0,0,0,1,
-        1,1,1,0,1,0,1,0,1,1,2,1,1,0,1,0,1,0,1,1,1,
-        1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,
-        1,0,1,1,1,0,1,0,1,1,1,1,1,0,1,0,1,1,1,0,1,
-        1,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,0,1,
-        1,0,1,0,1,1,1,1,1,0,1,0,1,1,1,1,1,0,1,0,1,
-        1,0,1,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,1,
-        1,0,1,1,1,0,1,1,1,0,1,0,1,1,1,0,1,1,1,0,1,
-        1,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,
-        1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1
-    ]
-
-    loadMap(width, height, m_data) // cursed temp thing
-    data.items = genItems(getMap(0))
+    let map = getMap(mapId)
+    if (!map) {
+        let {width, height, data} = decompressMap(maps[mapId])
+        map = genMap(width, height, data, mapId)
+    }
+    
+    gameData.items = genItems(map)
 }
 
diff --git a/client/src/main.ts b/client/src/main.ts
index 7ac13a3..b5ea424 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -1,7 +1,7 @@
 import { Game } from "./net/game.js";
 import { InitialState, onLogic } from "./logic/logic.js";
 import { startGraphicsUpdater } from "./renderer.js";
-import { GameKeyMap, Frame, Key } from "./types.js";
+import { GameKeyMap, Frame, Key, Player } from "./types.js";
 
 const join = document.getElementById("join")
 const lobby = document.getElementById("lobby")
@@ -42,7 +42,7 @@ const onLoad = (startData: Frame) => {
         return false
     }
 
-    let players = Object.values(startData.data.players).filter(p => { return p !== null && p.name !== undefined })
+    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
@@ -59,7 +59,6 @@ const onFrame = (data: Frame, frame: number) => {
 
 }
 
-
 const startGame = (code: string, name: string) => {
 
     const game = new Game(3000)
diff --git a/client/src/map.ts b/client/src/map.ts
index d26c467..1ad6d63 100644
--- a/client/src/map.ts
+++ b/client/src/map.ts
@@ -1,4 +1,5 @@
-import { Wall, ItemType, Map, Maps, Items } from "./types.js"
+import { Wall, ItemType, Map, Maps, Items, Tile } from "./types.js"
+import { LZString } from "./lib/lz-string.js"
 
 export const getItemKey = (
     x: number, 
@@ -90,6 +91,8 @@ const genWalls = (
     return walls
 }
 
+const canItem = (tile: Tile): boolean => tile != Tile.WALL && tile != Tile.GHOST_WALL && tile != Tile.GHOST_SPAWN
+
 export const genItems = (map: Map): Items => {
 
     let width = map.width
@@ -101,21 +104,35 @@ export const genItems = (map: Map): Items => {
     for (let y = 0; y < height; y++) {
         for (let x = 0; x < width; x++) {
             let tile = getPoint(width, height, data, x, y)
-            if (tile != 0) continue
+            if (!canItem(tile)) continue
 
             let item_key = getItemKey(x, y, width)
-            items[item_key] = {type: ItemType.DOT, pos: {x, y}}
 
-            let tile_south = getPoint(width, height, data, x, y + 1)
-            if (tile_south == 0) {
-                item_key = getItemKey(x, y + .5, width)
-                items[item_key] = {type: ItemType.DOT, pos: {x, y: y + .5}}
-            }
+            let type: ItemType
 
-            let tile_east = getPoint(width, height, data, x + 1, y)
-            if (tile_east == 0) {
-                item_key = getItemKey(x + .5, y, width)
-                items[item_key] = {type: ItemType.DOT, pos: {x: x + .5, y}}
+            if (tile == Tile.FOOD) 
+                type = ItemType.FOOD
+            else if (tile == Tile.THICC_DOT)
+                type = ItemType.THICC_DOT
+            else
+                type = ItemType.DOT
+
+            items[item_key] = {type, pos: {x, y}}
+
+            if (type == ItemType.DOT || type == ItemType.THICC_DOT) {
+                type = ItemType.DOT
+
+                let tile_south = getPoint(width, height, data, x, y + 1)
+                if (canItem(tile_south) && tile_south != Tile.FOOD) {
+                    item_key = getItemKey(x, y + .5, width)
+                    items[item_key] = {type, pos: {x, y: y + .5}}
+                }
+
+                let tile_east = getPoint(width, height, data, x + 1, y)
+                if (canItem(tile_east) && tile_east != Tile.FOOD) {
+                    item_key = getItemKey(x + .5, y, width)
+                    items[item_key] = {type, pos: {x: x + .5, y}}
+                }
             }
         }
     }
@@ -124,7 +141,6 @@ export const genItems = (map: Map): Items => {
 }
 
 let mapData: Maps = {}
-let id: number = 0
 
 export const genMap = (
     width: number,
@@ -144,26 +160,22 @@ export const genMap = (
     return mapData[mapId]
 }
 
-export const loadMap = (
-    width: number,
-    height: number,
-    data: number[]
-): number => {
-
-    let mapId = id++
-
-    mapData[mapId] = {
-        data: structuredClone(data),
-        walls: genWalls(width, height, data),
-        width,
-        height,
-        id: mapId
-    }
-
-    return mapId
-}
-
 export const getMap = (mapId: number): Map | undefined => {
     if (mapId == undefined) return undefined
     return mapData[mapId]
 }
+
+export const compressMap = (map: Map): string => {
+    let encoded = map.width + '|' + map.height + '|' + map.data.map(n => n + ',').join('').slice(0, -1)
+    return LZString.compressToBase64(encoded)
+}
+
+export const decompressMap = (encoded: string): {width: number, height: number, data: number[]} => {
+    let decoded = LZString.decompressFromBase64(encoded)
+    let values = decoded.split('|')
+    let width = parseInt(values[0])
+    let height = parseInt(values[1])
+    let data = values[2].split(',').map(c => parseInt(c))
+
+    return {width, height, data}
+}
diff --git a/client/src/renderer.ts b/client/src/renderer.ts
index 8482ca6..bc6cf83 100644
--- a/client/src/renderer.ts
+++ b/client/src/renderer.ts
@@ -137,9 +137,17 @@ const draw_items = (
         let width: number, atlas_index: [number, number]
         switch (item.type) {
             case ItemType.DOT:
-                width = .2,
+                width = .2
                 atlas_index = [2, 3]
                 break
+            case ItemType.THICC_DOT:
+                width = .4
+                atlas_index = [2, 3]
+                break
+            case ItemType.FOOD:
+                width = 1
+                atlas_index = [3, 3]
+                break
             default:
                 continue
         }
@@ -267,6 +275,7 @@ const draw_debug_sprites = (
             let tile_type = map.data[y * map.width + x]
 
         
+            let size = 1
             let atlas_index: [number, number];
             switch (tile_type) {
                 case Tile.EMPTY:
@@ -275,9 +284,12 @@ const draw_debug_sprites = (
                 case Tile.GHOST_WALL:
                     atlas_index = [4, 0]
                     break
-                case Tile.FOOD:
+                case Tile.GHOST_SPAWN: 
                     atlas_index = [3, 0]
                     break
+                case Tile.FOOD:
+                    atlas_index = [3, 3]
+                    break
                 case Tile.PLAYER_SPAWN_1:
                     atlas_index = [3, 1]
                     break
@@ -291,10 +303,12 @@ const draw_debug_sprites = (
                     atlas_index = [4, 2]
                     break
                 case Tile.THICC_DOT:
-                    atlas_index = [4, 3]
+                    atlas_index = [2, 3]
+                    size = .4
                     break
                 case Tile.INITIAL_DOT:
-                    atlas_index = [3, 3]
+                    atlas_index = [2, 3]
+                    size = .2
                     break
             }
 
@@ -302,7 +316,7 @@ const draw_debug_sprites = (
                 ctx,
                 x, 
                 y,
-                1,
+                size,
                 atlas,
                 atlas_index,
                 ATLAS_TILE_WIDTH,
diff --git a/client/src/types.ts b/client/src/types.ts
index 02d5adb..c130980 100644
--- a/client/src/types.ts
+++ b/client/src/types.ts
@@ -2,17 +2,17 @@
 export const ATLAS_TILE_WIDTH = 32
 
 export enum Tile {
-    EMPTY,
-    WALL,
-    GHOST_WALL,
-    FOOD,
-    PLAYER_SPAWN_1,
-    PLAYER_SPAWN_2,
-    PLAYER_SPAWN_3,
-    PLAYER_SPAWN_4,
-    GHOST_SPAWN,
-    THICC_DOT,
-    INITIAL_DOT
+    EMPTY = 0,
+    WALL = 1,
+    GHOST_WALL = 2,
+    FOOD = 3,
+    PLAYER_SPAWN_1 = 4,
+    PLAYER_SPAWN_2 = 5,
+    PLAYER_SPAWN_3 = 6,
+    PLAYER_SPAWN_4 = 7,
+    GHOST_SPAWN = 8,
+    THICC_DOT = 9,
+    INITIAL_DOT = 10
 }
 
 export enum Wall {
@@ -36,7 +36,9 @@ export enum Wall {
 }
 
 export enum ItemType {
-    DOT
+    DOT,
+    THICC_DOT,
+    FOOD
 }
 
 export enum Key {
diff --git a/client/tsconfig.json b/client/tsconfig.json
index 4850356..e638afd 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -5,7 +5,7 @@
     "outDir": "./js",
     "allowJs": false,
     "module": "es6",
-    "target": "es6"
+    "target": "es2017"
   },
   "include": ["./**/*"]
 }