feat: zombie knockback

Author: shaoruu

assets/blood.png

@@ -14,6 +14,7 @@
 
     <title>Zombies</title>
 
+    <script src="https://code.createjs.com/1.0.0/tweenjs.min.js"></script>
     <script src="lib/keyboard.js"></script>
     <script src="lib/pixi.min.js"></script>
     <script src="lib/matter.min.js"></script>

index.html

@@ -115,6 +115,8 @@ class Zombie {
       { x: force * damage * horzDelta * 1000, y: force * damage * vertDelta * 1000 }
     )
 
+    this.damage(force)
+
     setTimeout(() => (this.stunned = false), ZOMBIE_STUNNED_DELAY)
   }
 
@@ -128,10 +130,14 @@ class Zombie {
   }
 
   kill = () => {
+    createjs.Tween.get(this.sprite)
+      .to({ alpha: 0 }, ZOMBIE_DEATH_ANIMATION_DELAY)
+      .call(() => this.game.getStage().removeChild(this.sprite))
     Matter.Composite.remove(this.game.physicsEngine.world, this.rigidBody)
   }
 
   revive = () => {
+    this.game.getStage().addChild(this.sprite)
     Matter.World.add(this.game.physicsEngine.world, this.rigidBody)
   }
 }

js/game/app/zombie.js

@@ -22,6 +22,7 @@ const ZOMBIE_MAX_HEALTH = 50
 
 const ZOMBIE_BASE_COUNT = 10
 const ZOMBIE_INCR_COUNT = 4
+const ZOMBIE_DEATH_ANIMATION_DELAY = 250 // ms
 
 const PLAYER_TAG = 'MY MAN'