From 4eb4b7ab7b5fb52bd8da047e1edbfb5748911910 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Thu, 23 May 2024 14:06:56 +0100
Subject: [PATCH] Add window resize handler

---
 assets/blog/sphere_geodesics/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/assets/blog/sphere_geodesics/index.js b/assets/blog/sphere_geodesics/index.js
index 836c9db..48e0b34 100644
--- a/assets/blog/sphere_geodesics/index.js
+++ b/assets/blog/sphere_geodesics/index.js
@@ -165,6 +165,15 @@ class SphereViewer extends HTMLElement {
       }
     loop();
 
+    window.addEventListener("resize", onWindowResize());
+    function onWindowResize() {
+        let canvas_rect = canvas.getBoundingClientRect();
+        console.log(canvas_rect);
+        camera.aspect = canvas_rect.width / canvas_rect.height;
+        camera.updateProjectionMatrix();
+        renderer.setSize(canvas_rect.width, canvas_rect.height, false);
+    }
+
     const gui = new GUI({
         title: "Settings",
         container: container,