Boss mode and player health.

Bosses fire weapons based on intervals, as defined on the enemy styles config.
Bosses spawn in the middle of the stage. Adapted enemy manager creation for this.
Laser entity with different behavior onCollision if spawned by an enemy entity.
Player no longer a sprite but an entity, so collisions can work.
Player now has a base health defined on game.data.

Author: FranciscoKnebel

index.html

@@ -64,6 +64,7 @@
     <script type="text/javascript" src="src/entities/enemy/entity.js"></script>
     <script type="text/javascript" src="src/entities/enemy/manager.js"></script>
     <script type="text/javascript" src="src/entities/enemy/styles.js"></script>
+    <script type="text/javascript" src="src/entities/enemy/boss.js"></script>
     <script type="text/javascript" src="src/entities/player/entity.js"></script>
     <script type="text/javascript" src="src/entities/laser/entity.js"></script>
     <script type="text/javascript" src="src/entities/weapons/bomb.js"></script>

src/config/data.js

@@ -2,6 +2,10 @@ game.data = {
 	score: 0,
 	levelscore: 0,
 	level: 0,
+	player: {
+		startingHealth: 200,
+		positionOffset: 25
+	},
 	startPlayTime: new Date(),
 	weaponEquipped: 0
 };

src/entities/enemy/boss.js

@@ -0,0 +1,51 @@
+game.Entities = game.Entities || {};
+game.Entities.Boss = me.Entity.extend({
+	init(x, y, { type, grid }) {
+		this._super(me.Entity, 'init', [
+			x, y,
+			{
+				image: 'bosses',
+				width: 128,
+				height: 128
+			}
+		]);
+		this.anchorPoint.set(0.5, 0.5);
+
+		this.body.setVelocity(0, 0);
+		this.body.collisionType = me.collision.types.ENEMY_OBJECT;
+
+		this.grid = grid;
+		this.alive = true;
+		this.buildShip(type);
+	},
+
+	update(time) {
+		this._super(me.Entity, 'update', [time]);
+
+		this.body.update();
+
+		return true;
+	},
+
+	buildShip(index) {
+		this.type = game.Entities.EnemyList[index].boss;
+		this.renderable.addAnimation('idle', [this.type.frame], 1);
+		this.renderable.setCurrentAnimation('idle');
+
+		this.stats = {
+			health: this.type.health,
+			armor: this.type.armor,
+			points: this.type.points
+		};
+
+		this.fireInterval = setInterval(() => {
+			me.audio.play('fire');
+			me.game.world.addChild(me.pool.pull('laser', this._absPos.x + this.width / 3, this._absPos.y + this.height, 's', this.type.fire.damage, true));
+			me.game.world.addChild(me.pool.pull('laser', this._absPos.x + this.width / 1.5, this._absPos.y + this.height, 's', this.type.fire.damage, true));
+		}, this.type.fire.rate);
+	},
+
+	onDestroyEvent() {
+		clearInterval(this.fireInterval);
+	}
+});

src/entities/enemy/entity.js

@@ -1,6 +1,6 @@
 game.Entities = game.Entities || {};
 game.Entities.Enemy = me.Entity.extend({
-	init(x, y, type) {
+	init(x, y, { type, grid }) {
 		this._super(me.Entity, 'init', [
 			x, y,
 			{
@@ -14,6 +14,8 @@ game.Entities.Enemy = me.Entity.extend({
 		this.body.setVelocity(0, 0);
 		this.body.collisionType = me.collision.types.ENEMY_OBJECT;
 
+		this.grid = grid;
+
 		this.alive = true;
 		this.buildShip(type);
 	},

src/entities/enemy/manager.js

@@ -85,29 +85,48 @@ game.Entities.EnemyManager = me.Container.extend({
 	},
 
 	createEnemies() {
-		let i;
-		let j;
+		let x;
+		let y;
 
 		let amountOfEnemiesCreated = 0;
 
 		// Build table for random weighted choice
 		const table = [];
-		let { probability } = this.enemyConfig;
+		let { probability, boss } = this.enemyConfig;
 		if (!probability) {
 			// If not defined, set random probability for all enemies.
 			probability = [];
-			for (i = 0; i < this.enemyConfig.enemies.length; i += 1) {
+			for (x = 0; x < this.enemyConfig.enemies.length; x += 1) {
 				probability.push(~~(Math.random() * 4));
 			}
 		}
 
-		for (i = 0; i < probability.length; i += 1) {
-			table.push({ weight: probability[i], id: this.enemyConfig.enemies[i] });
+		for (x = 0; x < probability.length; x += 1) {
+			table.push({ weight: probability[x], id: this.enemyConfig.enemies[x] });
 		}
 
-		for (i = 0; i < this.COLS; i += 1) {
-			for (j = 0; j < this.ROWS; j += 1) {
-				this.addChild(me.pool.pull('enemy', i * 96, j * 76, rwc(table)));
+		const middle = {
+			x: Math.round(this.COLS / 2) - 1
+		};
+
+		boss = [0];
+		let bossCreated = !boss;
+		for (y = 0; y < this.ROWS; y += 1) {
+			for (x = 0; x < this.COLS; x += 1) {
+				if (!bossCreated && x === middle.x) {
+					bossCreated = true;
+					this.addChild(me.pool.pull('boss', x * 96 + 24, 0, { type: boss[0], grid: { x, y } }));
+
+					x += 2;
+					while (x < this.COLS) {
+						this.addChild(me.pool.pull('enemy', x * 96, y * 76, { type: rwc(table), grid: { x, y } }));
+						x += 1;
+						amountOfEnemiesCreated += 1;
+					}
+				} else if (!boss || (boss &&
+					((x !== middle.x && x !== middle.x + 1)) || (y >= this.ROWS - 2))) {
+					this.addChild(me.pool.pull('enemy', x * 96, y * 76, { type: rwc(table), grid: { x, y } }));
+				}
 				amountOfEnemiesCreated += 1;
 			}
 		}

src/entities/enemy/styles.js

@@ -8,7 +8,11 @@ game.Entities.EnemyList = [
 			health: 5000,
 			armor: 3,
 			frame: 0,
-			points: 450
+			points: 450,
+			fire: {
+				rate: 1000,
+				damage: 50
+			}
 		}
 	},
 	{

src/entities/laser/entity.js

@@ -1,9 +1,10 @@
 game.Entities = game.Entities || {};
 game.Entities.Laser = me.Entity.extend({
-	init(x, y, direction = 'n', damage = 50) {
+	init(x, y, direction = 'n', damage = 50, firedByEnemy) {
 		this._super(me.Entity, 'init', [x, y, { width: game.Entities.Laser.width, height: game.Entities.Laser.height }]);
 		this.z = 5;
 		this.damage = damage;
+		this.firedByEnemy = firedByEnemy;
 		this.alwaysUpdate = true;
 
 		this.renderable = new (me.Renderable.extend({
@@ -14,8 +15,16 @@ game.Entities.Laser = me.Entity.extend({
 			draw(renderer) {
 				const color = renderer.getColor();
 
-				renderer.setColor('#5EFF7E');
-				renderer.fillRect(0, 0, this.width, this.height);
+				if (firedByEnemy) {
+					renderer.setColor('#5EFF7E');
+					renderer.fillRect(0, 0, this.width, this.height);
+
+					renderer.setColor('#822929');
+					renderer.fillRect(1, 1, this.width - 2, this.height - 2);
+				} else {
+					renderer.setColor('#5EFF7E');
+					renderer.fillRect(0, 0, this.width, this.height);
+				}
 				renderer.setColor(color);
 			}
 		}))();
@@ -99,7 +108,27 @@ game.Entities.Laser = me.Entity.extend({
 	},
 
 	onCollision(res, other) {
-		if (other.body.collisionType === me.collision.types.ENEMY_OBJECT) {
+		if (res.a.firedByEnemy) {
+			// Shot was fired by an enemy entity
+			if (other.body.collisionType === me.collision.types.PLAYER_OBJECT) {
+				me.game.world.removeChild(this);
+
+				other.stats.health -= this.damage;
+				other.renderable.flicker(500);
+
+				if (other.stats.health <= 0) {
+					me.audio.pauseTrack();
+					game.data.endPlayTime = new Date() - game.data.startPlayTime;
+
+					me.state.change(me.state.GAMEOVER);
+				}
+				me.audio.play('hit');
+				return true;
+			}
+
+			return false;
+		} else if (other.body.collisionType === me.collision.types.ENEMY_OBJECT) {
+			// Shot fired by the player collided with an enemy entity
 			me.game.world.removeChild(this);
 
 			other.stats.health -= this.damage;
@@ -122,12 +151,12 @@ game.Entities.Laser = me.Entity.extend({
 			return true;
 		}
 
-		if (other.body.collisionType === me.collision.types.PROJECTILE_OBJECT) {
-			// do nothing
-			return false;
-		}
+		// if (other.body.collisionType === me.collision.types.PROJECTILE_OBJECT) {
+		// do nothing
+		return false;
+		// }
 	}
 });
 
-game.Entities.Laser.width = 3;
+game.Entities.Laser.width = 4;
 game.Entities.Laser.height = 20;

src/entities/player/entity.js

@@ -1,19 +1,28 @@
 game.Entities = game.Entities || {};
-game.Entities.Player = me.Sprite.extend({
+game.Entities.Player = me.Entity.extend({
 	init() {
 		const image = me.loader.getImage('player');
 
-		this._super(me.Sprite, 'init', [
+		this._super(me.Entity, 'init', [
 			me.game.viewport.width / 2 - image.width / 2,
-			me.game.viewport.height - image.height,
-			{ image }
+			me.game.viewport.height - image.height - game.data.player.positionOffset,
+			{
+				image,
+				width: 64,
+				height: 64
+			}
 		]);
+		this.body.collisionType = me.collision.types.PLAYER_OBJECT;
+
+		this.stats = {
+			health: game.data.player.startingHealth
+		};
 
 		this.maxX = me.game.viewport.width - this.width;
 	},
 
 	update(time) {
-		this._super(me.Sprite, 'update', [time]);
+		this._super(me.Entity, 'update', [time]);
 
 		this.movementControls(time);
 		this.shootingControls();
@@ -86,8 +95,12 @@ game.Entities.Player = me.Sprite.extend({
 	shoot(equiped) {
 		const { name, extraArg } = game.data.weapons[equiped];
 
-		me.game.world.addChild(me.pool.pull(name, this.pos.x -
-		(game.Entities.Weapons.Shotgun.width / 2), this.pos.y - this.height / 2, extraArg));
+		me.game.world.addChild(me.pool.pull(
+			name,
+			this.pos.x + this.width / 2 - 2,
+			this.pos.y - game.data.player.positionOffset / 3 - 2,
+			extraArg
+		));
 	},
 	volumeControls() {
 		if (me.input.isKeyPressed('volume-plus')) {

src/game.js

@@ -69,6 +69,8 @@ const game = {
 	loaded() {
 		me.pool.register('player', game.Entities.Player);
 		me.pool.register('enemy', game.Entities.Enemy, true);
+		me.pool.register('boss', game.Entities.Boss, true);
+
 		me.pool.register('laser', game.Entities.Laser, true);
 		me.pool.register('bomb', game.Entities.Weapons.Bomb, true);
 		me.pool.register('trident', game.Entities.Weapons.Trident, true);