site

commit dba02b4a0825d8eb60a77b020c514c813db132ab
parent 4aa4c9df3e6a692043b09af52334d3396cee9a3b
Author: Ryan Jeffrey <ryan@ryanmj.xyz>
Date:   Tue, 20 Apr 2021 17:03:06 -0700

Sticky background, window resize handled.

Diffstat:
M
scripts/main.js
 | 
12
++++++++++--

1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/scripts/main.js b/scripts/main.js
@@ -39,7 +39,7 @@ let tmpContext;
 function init() {
   let newCanvas = document.createElement('canvas');
   newCanvas.setAttribute("id", 'bkg-canvas');
-  newCanvas.style['position'] = 'absolute';
+  newCanvas.style['position'] = 'fixed';
   newCanvas.style['left'] = 0;
   newCanvas.style['right'] = 0;
   newCanvas.style['top'] = 0;
@@ -173,7 +173,7 @@ function animate() {
     draw();
 
 
-    // TESTING...Report #seconds since start and achieved fps.
+    
     let sinceStart = now - startTime;
     let currentFps = Math.round(1000 / (sinceStart / ++frameCount) * 100) / 100;
     context.fillStyle = 'white';
@@ -188,3 +188,11 @@ function animate() {
 
 init();
 startAnimating(20);
+
+window.addEventListener('resize', _ => {
+  tmpCanvas.width = window.innerWidth;
+  tmpCanvas.height = window.innerHeight;
+
+  canvas.width = window.innerWidth;
+  canvas.height = window.innerHeight;
+});