From 96a461cab27ccb744f3e49a10a6450635b1b9c0a Mon Sep 17 00:00:00 2001
From: Pedro Mendes <me@altart.top>
Date: Sun, 17 Mar 2024 14:00:31 -0300
Subject: [PATCH] fix: Small corrections on background canvas

---
 src/components/Background.tsx   | 15 ++++++++-------
 src/components/Draw/context.tsx |  1 -
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Background.tsx b/src/components/Background.tsx
index 9e32915..fe46f25 100644
--- a/src/components/Background.tsx
+++ b/src/components/Background.tsx
@@ -69,11 +69,11 @@ const Background: React.FC = () => {
         <Draw
           onResize={(canvas) => {
             canvas.width = window.innerWidth - 10;
-            canvas.height = window.innerHeight + 100;
+            canvas.height = window.innerHeight + 150;
           }}
           setup={(canvas) => {
             canvas.width = window.innerWidth - 10;
-            canvas.height = window.innerHeight + 100;
+            canvas.height = window.innerHeight + 150;
           }}
           draw={(dc) => {
             dc.noStroke();
@@ -82,10 +82,11 @@ const Background: React.FC = () => {
               const noise = dc.noise(dc.frameCount / 1000);
               for (let j = 0; j < dc.windowWidth / 30; j++) {
                 let x = j * 30 + 15;
-                let y = dc.windowHeight - 40 - i * 30 - j * j * (noise * 0.4);
+                let y = dc.windowHeight - 90 - i * 30 - j * j * (noise * 0.4);
                 const angle = dc.atan2(y - dc.mouseY, x - dc.mouseX);
                 x += dc.cos(angle) * 20;
                 y += dc.sin(angle) * 20;
+                dc.noStroke();
                 dc.circle(x, y, 10);
                 if (dc.dist(dc.mouseX, dc.mouseY, x, y) < 100) {
                   dc.stroke('#ffffff64');
@@ -99,10 +100,10 @@ const Background: React.FC = () => {
               return;
             }
 
-            drawCube(dc, dc.windowWidth - 300, dc.windowHeight - 400);
-            drawCube(dc, dc.windowWidth - 300, dc.windowHeight - 600);
-            drawCube(dc, dc.windowWidth - 500, dc.windowHeight - 600);
-            drawCube(dc, dc.windowWidth - 700, dc.windowHeight - 800);
+            drawCube(dc, dc.windowWidth - 300, dc.windowHeight - 440);
+            drawCube(dc, dc.windowWidth - 300, dc.windowHeight - 640);
+            drawCube(dc, dc.windowWidth - 500, dc.windowHeight - 640);
+            drawCube(dc, dc.windowWidth - 700, dc.windowHeight - 840);
 
             angleX += angleSpeed;
             angleY += angleSpeed;
diff --git a/src/components/Draw/context.tsx b/src/components/Draw/context.tsx
index 075ff59..7f7217d 100644
--- a/src/components/Draw/context.tsx
+++ b/src/components/Draw/context.tsx
@@ -28,7 +28,6 @@ class DrawContext2D {
     this.windowWidth = canvas.width;
     this.windowHeight = canvas.height;
     window.addEventListener('mousemove', (e) => {
-      // make the mouse position relative to the canvas
       const rect = canvas.getBoundingClientRect();
       this.mouseX = e.clientX - rect.left;
       this.mouseY = e.clientY - rect.top;