feat:pvp

Author: shubham-1806

packages/renderer/src/scenes/TileMap.ts

@@ -199,7 +199,7 @@ export class TileMap extends Phaser.Scene {
         );
         troop.setDepth(troop.y);
         actorType === 'D'
-          ? this.opponent_troops.set(id, troop)
+          ? this.opponent_troops.set(id, this.add.existing(troop))
           : this.troops.set(id, this.add.existing(troop));
       },
     );
@@ -554,9 +554,14 @@ export class TileMap extends Phaser.Scene {
       tower.healthBar.destroy();
       tower.destroy();
     });
+    this.opponent_troops.forEach(troop => {
+      troop.removeAllListeners();
+      troop.healthBar.destroy();
+      troop.destroy();
+    });
     this.troops = new Map();
     this.towers = new Map();
-
+    this.opponent_troops = new Map();
     const tweens = this.tweens.getAllTweens();
     tweens.forEach(tween => {
       tween.complete();
@@ -567,5 +572,8 @@ export class TileMap extends Phaser.Scene {
     this.troops.forEach(skeleton => {
       skeleton.update();
     });
+    this.opponent_troops.forEach(skeleton => {
+      skeleton.update();
+    });
   }
 }

src/components/BattleTV/BattleTV.module.css

@@ -279,3 +279,55 @@
   color: #0a1c2a;
   background-color: #aaaaaa;
 }
+
+
+.whiteButton {
+  align-content: right;
+  color: #ffffff !important;
+  font-weight: 400;
+  font-family: Bai Jamjuree;
+  font-style: normal;
+  background-color: inherit !important;
+  font-size: 2em;
+  border-bottom: 2px solid white;
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+  transition: 0.5s;
+  border-radius: 0;
+  padding: 0 50px;
+}
+
+.darkButton {
+  align-content: right;
+  color: rgba(234, 234, 234, 0.6);
+  background-color: inherit !important;
+  font-family: Bai Jamjuree;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 2px solid rgba(234, 234, 234, 0.6);
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+  font-size: 2em;
+  transition: 0.5s;
+  border-radius: 0px;
+  box-shadow: none !important;
+  padding: 0 50px;
+}
+
+.darkButton:hover {
+  color: #ffffff;
+}
+
+.whiteButton:active,
+.darkButton:active {
+  box-shadow: none;
+}
+
+.buttonContainer {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin: 1rem;
+}