aboutsummaryrefslogtreecommitdiff
path: root/test-client/main.ts
diff options
context:
space:
mode:
Diffstat (limited to 'test-client/main.ts')
-rw-r--r--test-client/main.ts34
1 files changed, 34 insertions, 0 deletions
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)
+}
+