hitboxes adjust to the images

mzelder · Aug 1, 2024 · add89f5 · add89f5
1 parent 9359d37
commit add89f5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/script.js b/script.js
@@ -143,6 +143,7 @@ document.addEventListener("DOMContentLoaded", () => {
     // lamp min: -100vh, max: -50
     // plant min: 20, max: 70
     // 120 between lamp and plant 
+    // hitboxes: lamp: +60 plant: +10
     function createColumns(size, distanceBetweenTop, distanceBetweenLeft) {
         let gap = 0; 
         for (let i = 0; i < size; i++) { 
@@ -166,12 +167,14 @@ document.addEventListener("DOMContentLoaded", () => {
 
             const plantHitBox = document.createElement("div");
             plantHitBox.classList.add("plant-hitbox");
-            plantHitBox.style.left = bodyWidth + gap + 80 + "px";
+            plantHitBox.style.left = bodyWidth + gap + 50 + "px";
+            plantHitBox.style.top = `${plantTop + 10}vh`
             body.appendChild(plantHitBox);
 
             const lampHitBox = document.createElement("div");
             lampHitBox.classList.add("lamp-hitbox");
-            lampHitBox.style.left = bodyWidth + gap + 150 + "px";
+            lampHitBox.style.left = bodyWidth + gap + 110 + "px";
+            lampHitBox.style.top = `${lampTop + 60}vh`
             body.appendChild(lampHitBox);
 
             gap += distanceBetweenLeft;

diff --git a/style.css b/style.css
@@ -43,7 +43,7 @@ body {
     position: absolute;
     top: -20vh;
     height: 48vh;
-    width: 10vw;
+    width: 12vh;
 }
 
 .plant-hitbox {