3 files changed, 60 insertions, 0 deletions
diff --git a/test-client/index.html b/test-client/index.html
new file mode 100644
index 00000000..12079351
--- /dev/null
+++ b/test-client/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Undercooked - Test Client</title>
+        <script src="./main.js" type="module"></script>
+        <style>
+            body {
+                margin: 0px;
+                overflow: hidden;
+                background-color: black;
+            }
+            noscript {
+                color: white;
+            }
+        </style>
+    </head>
+    <body>
+        <noscript>the game is written in javascript btw.</noscript>
+    </body>
+</html>
diff --git a/test-client/main.ts b/test-client/main.ts
new file mode 100644
index 00000000..bc0872a6
--- /dev/null
+++ b/test-client/main.ts
@@ -0,0 +1,34 @@
+/// <reference lib="dom" />
+
+let ctx: CanvasRenderingContext2D;
+let canvas: HTMLCanvasElement;
+let ws: WebSocket
+document.addEventListener("DOMContentLoaded", () => {
+    ws = new WebSocket(`${window.location.protocol.endsWith("s:") ? "wss" : "ws"}://${window.location.hostname}:27032/`)
+    ws.onerror = console.error
+    ws.onmessage = m => {
+        console.log(JSON.parse(m.data));
+    }
+    ws.onclose = () => console.warn("close")
+    ws.onopen = () => console.warn("open")
+
+    canvas = document.createElement("canvas");
+    document.body.append(canvas)
+    ctx = canvas.getContext("2d")!
+    resize()
+    globalThis.addEventListener("resize", resize)
+    draw()
+})
+
+function resize() {
+    canvas.width = globalThis.innerWidth
+    canvas.height = globalThis.innerHeight
+}
+
+function draw() {
+    ctx.fillStyle = "black"
+    ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+    requestAnimationFrame(draw)
+}
+
diff --git a/test-client/protocol.ts b/test-client/protocol.ts
new file mode 100644
index 00000000..9761f152
--- /dev/null
+++ b/test-client/protocol.ts
@@ -0,0 +1,4 @@
+
+
+export type PacketS = {}
+export type PacketC = {}