feat: bubble strength 3으로 고정

Hellol77 · Aug 27, 2024 · 176d8a4 · 176d8a4
1 parent 3c90e69
commit 176d8a4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/components/bubble.js b/frontend/src/components/bubble.js
@@ -1,5 +1,5 @@
 export default class Bubble {
-  constructor(id, x, y, speed, dx, dy, imageSrc, text, strength) {
+  constructor(id, x, y, speed, dx, dy, imageSrc, text) {
     this.id = id;
     this.x = x;
     this.y = y;
@@ -8,7 +8,7 @@ export default class Bubble {
     this.speed = speed;
     this.text = text;
     this.hovered = false;
-    this.strength = strength;
+    this.strength = 3;
     const tempCanvas = document.createElement("canvas");
     const tempCtx = tempCanvas.getContext("2d");
     // tempCtx.font = "bold 20px Arial"; // 기본 폰트 설정
@@ -70,4 +70,8 @@ export default class Bubble {
     this.hovered = dist < this.radius;
     return dist < this.radius;
   }
+
+  downStrength() {
+    this.strength -= 1;
+  }
 }
diff --git a/frontend/src/controller/canvasController.js b/frontend/src/controller/canvasController.js
@@ -121,9 +121,12 @@ export default class CanvasController {
 
       for (let i = this.bubbles.length - 1; i >= 0; i--) {
         if (this.bubbles[i].isClicked(mouseX, mouseY)) {
-          this.socket.emit("deleteBubble", this.bubbles[i].id);
-          this.bubblePopAudio.play();
-          this.bubbles.splice(i, 1);
+          this.bubbles[i].downStrength();
+          if (this.bubbles[i].strength === 0) {
+            this.socket.emit("deleteBubble", this.bubbles[i].id);
+            this.bubblePopAudio.play();
+            this.bubbles.splice(i, 1);
+          }
           break;
         }
       }