Merge pull request #2 from hackrmomo/feature/recalculate-squares

add ability to resize

Author: hackr-sh

README.md

@@ -9,7 +9,6 @@ This website will be the homepage for all of my projects. Any and all projects w
 <img width="1753" alt="image" src="https://user-images.githubusercontent.com/5733032/192616453-aa1774b1-12bf-495c-8706-4707c1185e8c.png">
 
 ## Todo for this page:
-- Add ability to resize and recalculate number of circles
 - Add links to pages
 - Update favicon to be an ico
 

web/util/Canvas.tsx

@@ -37,6 +37,16 @@ var mouse = {
 const useCanvas = () => {
   const canvasRef: React.MutableRefObject<HTMLCanvasElement | null> = useRef(null);
 
+  addEventListener("resize", () => {
+    const canvas = canvasRef.current;
+    if (canvas) {
+      canvas.width = window.innerWidth;
+      canvas.height = window.innerHeight;
+      // redo setup at frame 0
+      setup(canvas.getContext("2d")!, 0);
+    }
+  });
+
   useEffect(() => {
 
     const canvas = canvasRef.current