new collect

Truck201 · Aug 24, 2024 · 591a603 · 591a603
1 parent 3da223c
commit 591a603
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 39 deletions.
diff --git a/scenes/battle-scene.js b/scenes/battle-scene.js
@@ -50,6 +50,18 @@ export default class BattleScene extends Phaser.Scene {
 
       // Añadir el rectángulo al array
       this.noCorrectRects.push(rect);
+
+      // Crear el rectángulo pequeño en medio de la barra principal
+      this.collectibleRect = this.add.rectangle(
+        keysX, // Posición en X centrada
+        barraY + 9, // Misma posición Y que la barra principal
+        20, // Ancho del rectángulo
+        20, // Alto del rectángulo
+        0xff0000 // Color rojo para que sea visible
+      );
+
+      // Añadir el recolectable al array
+      this.collectibles.push(this.collectibleRect);
     }
 
     // Crear la barra más pequeña que se mueve 1
@@ -103,7 +115,7 @@ export default class BattleScene extends Phaser.Scene {
 
     // Inicializar la velocidad de la barra pequeña 2 Roja
     this.movingSpeed2 = 3.4;
-    
+
     // Evento para el segundo juego
     this.time.addEvent({
       delay: 2000,
@@ -113,6 +125,34 @@ export default class BattleScene extends Phaser.Scene {
       },
     });
 
+    // Inicializar las teclas para el manejo de eventos
+    this.keySpace = this.input.keyboard.addKey(
+      Phaser.Input.Keyboard.KeyCodes.SPACE
+    );
+    this.keyEnter = this.input.keyboard.addKey(
+      Phaser.Input.Keyboard.KeyCodes.ENTER
+    );
+
+    // Detectar la pulsación de la tecla 'SPACE'
+    this.keySpace.on("down", () => this.collectItem(this.movingBar));
+    // Detectar la pulsación de la tecla 'ENTER'
+    this.keyEnter.on("down", () => this.collectItem(this.movingBar2));
+
+    // Añadir detección de colisión para recolectables
+    this.physics.add.overlap(
+      this.movingBar,
+      this.collectibles,
+      this.collectItem,
+      null,
+      this
+    );
+    this.physics.add.overlap(
+      this.movingBar2,
+      this.collectibles,
+      this.collectItem,
+      null,
+      this
+    );
   }
 
   update() {
@@ -121,6 +161,28 @@ export default class BattleScene extends Phaser.Scene {
     this.chequearBarra();
   }
 
+  collectItem(movingBar) {
+    // Buscar el recolectable que está en la posición de la barra móvil
+    let collectible = this.collectibles.find((c) =>
+      Phaser.Geom.Intersects.RectangleToRectangle(
+        movingBar.getBounds(),
+        c.getBounds()
+      )
+    );
+
+    if (collectible && !collectible.isDestroyed) {
+      collectible.isDestroyed = true; // Marcar el recolectable como destruido
+      collectible.destroy(); // Destruir el recolectable
+      if (movingBar === this.movingBar) {
+        this.score++; // Incrementar el puntaje del jugador 1
+        this.scoreText.setText("Score: " + this.score);
+      } else if (movingBar === this.movingBar2) {
+        this.score2++; // Incrementar el puntaje del jugador 2
+        this.scoreText2.setText("Score: " + this.score2);
+      }
+    }
+  }
+
   movimientoBarra1() {
     // Movimiento de la barra pequeña AZUL
     if (this.isMovingRight) {

diff --git a/scenes/new-game.js b/scenes/new-game.js
@@ -11,46 +11,9 @@ export default class NewGame extends Phaser.Scene {
 
     create() {
 
-    // Detectar la pulsación de la tecla 'SPACE'
-    this.input.keyboard.on("keydown-SPACE", this.collectItem, this);
-    // Detectar la pulsación de la tecla 'ENTER'
-    this.input.keyboard.on("keydown-ENTER", this.collectItem, this);
-
-        // Crear el rectángulo pequeño en medio de la barra principal
-      this.collectibleRect = this.add.rectangle(
-        keysX, // Posición en X centrada
-        barraY + 9, // Misma posición Y que la barra principal
-        20, // Ancho del rectángulo
-        20, // Alto del rectángulo
-        0xff0000 // Color rojo para que sea visible
-      );
-
-      // Habilitar detección de colisión entre las barras móviles y el rectángulo pequeño
-    this.physics.add.overlap(
-      this.movingBar,
-      this.collectibleRect,
-      this.collectItem,
-      null,
-      this
-    );
-
-    this.physics.add.overlap(
-      this.movingBar2,
-      this.collectibleRect,
-      this.collectItem,
-      null,
-      this
-    );
 
     }
 
-    collectItem(movingBar, collectibleRect) {
-      // Lógica para recolectar el rectángulo, puede ser aumentar el puntaje, desaparecer el rectángulo, etc.
-      collectibleRect.destroy(); // Destruye el rectángulo recolectado
-      this.score++; // Ejemplo: incrementar el puntaje del jugador
-      this.scoreText.setText("Score: " + this.score);
-    }
+
 
 }
-
-