Dynamically size canvas

1 files changed, 9 insertions, 4 deletions

diff --git a/src/renderer/index.ts b/src/renderer/index.ts
index 039c3b6..1fa9956 100644
--- a/src/renderer/index.ts
+++ b/src/renderer/index.ts
@@ -10,12 +10,17 @@ window.onload = async () => {
 		return;
 
 	const canvas = document.createElement('canvas');
-	canvas.width = 1024;
-	canvas.height = 768;
+	const renderer = new Renderer(canvas);
 
-	app.append(canvas);
+	const resize = () => {
+		canvas.width = window.innerWidth;
+		canvas.height = window.innerHeight;
+		renderer.resize();
+	};
+	window.addEventListener('resize', resize);
+	resize();
 
-	const renderer = new Renderer(canvas);
+	app.append(canvas);
 
 	GameContext.load(renderer);
 };