health and score working

Author: jebarpg

client/scenes/gameScene.js

@@ -41,6 +41,9 @@ export default class GameScene extends Scene {
       this.channel.emit('addDummy')
     })
 
+    let healthText = this.add.text(0,0, "HP: ", { fontSize: 48 })
+    let scoreText = this.add.text(0,48, "Score: ", { fontSize: 48 })
+
     const parseUpdates = updates => {
       if (typeof updates === undefined || updates === '') return []
 
@@ -51,12 +54,14 @@ export default class GameScene extends Scene {
       let u2 = []
 
       u.forEach((el, i) => {
-        if (i % 4 === 0) {
+        if (i % 6 === 0) {
           u2.push({
             playerId: u[i + 0],
             x: parseInt(u[i + 1], 36),
             y: parseInt(u[i + 2], 36),
-            dead: parseInt(u[i + 3]) === 1 ? true : false
+            dead: parseInt(u[i + 3]) === 1 ? true : false,
+            health: parseInt(u[i + 4], 36),
+            score: parseInt(u[i + 5], 36)
           })
         }
       })
@@ -65,7 +70,7 @@ export default class GameScene extends Scene {
 
     const updatesHandler = updates => {
       updates.forEach(gameObject => {
-        const { playerId, x, y, dead } = gameObject
+        const { playerId, x, y, dead, health, score } = gameObject
         const alpha = dead ? 0 : 1
 
         if (Object.keys(this.objects).includes(playerId)) {
@@ -74,6 +79,10 @@ export default class GameScene extends Scene {
           let sprite = this.objects[playerId].sprite
           sprite.setAlpha(alpha)
           sprite.setPosition(x, y)
+          if (this.playerId == playerId){
+            healthText.setText("HP: " + health)
+            scoreText.setText("Score: " + score)
+          }
         } else {
           // if the gameObject does NOT exist,
           // create a new gameObject

server/game/components/player.js

@@ -1,5 +1,5 @@
 export class Player extends Phaser.Physics.Arcade.Sprite {
-  constructor(scene, playerId, x = 200, y = 200, dummy = false) {
+  constructor(scene, playerId, x = 200, y = 200, dummy = false, health = 100, score = 0) {
     super(scene, x, y, '')
     scene.add.existing(this)
     scene.physics.add.existing(this)
@@ -15,6 +15,9 @@ export class Player extends Phaser.Physics.Arcade.Sprite {
     this.playerId = playerId
     this.move = {}
 
+    this.health = health
+    this.score = score
+
     this.setDummy(dummy)
 
     this.body.setSize(32, 48)

server/game/gameScene.js

@@ -24,9 +24,8 @@ export class GameScene extends Scene {
   }
 
   prepareToSync(player) {
-    return `${player.playerId},${Math.round(player.x).toString(36)},${Math.round(player.y).toString(36)},${
-      player.dead === true ? 1 : 0
-    },`
+    return `${player.playerId},${Math.round(player.x).toString(36)},${Math.round(player.y).toString(36)},
+    ${player.dead === true ? 1 : 0},${Math.round(player.health).toString(36)},${Math.round(player.score).toString(36)},`
   }
 
   getState() {