support resizing

lightward · Feb 24, 2024 · 7258a61 · 7258a61
1 parent 9557bc4
commit 7258a61
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/src/main.ts b/src/main.ts
@@ -14,6 +14,18 @@ class SphereWithRods {
   constructor() {
     this.constructSphere();
     this.constructSparkline();
+    this.addEventListeners();
+  }
+
+  addEventListeners(): void {
+    window.addEventListener('resize', this.onWindowResize.bind(this), false);
+  }
+
+  onWindowResize(): void {
+    // Update camera aspect ratio and renderer size
+    this.camera.aspect = window.innerWidth / window.innerHeight;
+    this.camera.updateProjectionMatrix();
+    this.renderer.setSize(window.innerWidth, window.innerHeight);
   }
 
   constructSphere(): void {