The revenge of Mr. Whiskers

Descripción

El juego consistirá en un gato, llamado Mr. Whiskers, que cada dia cuando va a comer, un pepino lo asusta. El enemigo básicamente le lanzará cosas que odie y Mr. Whiskers tendrá que esquivarlas. En algun momento podrá vengarse y dispararle para derrotarlo y poder comer tranquilo.

MVP - Tecnología (DOM - CANVAS)

El juego estará hecho en canvas.

-State transitions (Pantalla principal, juego, game over/win).

-Mover el gato izquierda-derecha y hacerlo saltar.

-Esquivar los objetos que te tira el enemigo.

-Si te toca uno de esos objetos, mueres.

Backlog

-El gato puede disparar, y ganas el juego si matas al enemigo.

-El gato tiene 3 vidas.

-El enemigo tiene vida y necesitas muchos disparos para matarlo.

-Hay plataformas dónde subirte y poder esquivar/disparar mejor.

Estructuras de Datos

Clase main.js:

var canvas;
var ctx;
var game = new Game([options]);
game.start();

function buildSplash(){};
function destroySplash(){};
function buildGame(){};
function destroyGame(){};
function buildGameOver(){};
function destroyGameOver(){};

Clase game.js:

function Game([options]){
    this.cat = new Cat(),
    this.enemy = new Enemy(),
}

Game.prototype.start = function(){};
Game.prototype._assignControlToKeys = function(){};
Game.prototype._update = function (){};
Game.prototype.stop = function(){};
Game.prototype.checkCollisions = function(){};

Clase render.js:

function Render(){

}

Render.prototype.drawEnviroment = function(){};
Render.prototype.drawCat = function(){};
Render.prototype.drawEnemy = function(){};
Render.prototype.drawObjects = function(){};
Render.prototype.drawBullet = function(){};

Clase cat.js:

function Cat(){
    this.x,
    this.y,
    this.direction,
    this.life,
}

Cat.prototype.run = function(){};
Cat.prototype.goLeft = function(){};
Cat.prototype.goRight = function(){};
Cat.prototype.moveForward = function(){};
Cat.prototype.jump = function(){};
Cat.prototype.shot = function(){};
Cat.prototype.die = function(){};

Clase enemy.js

function Enemy(){
    this.x,
    this.y,
    this.life,
}

Enemy.prototype.throwObject = function(){};
Enemy.prototype.die = function(){};

Clase bullet.js:

function Bullet(){
    this.x,
    this.y,
}

Task

1. Crear el canvas.
2. Crear el personaje jugable "Mr. Whiskers".
3. Hacer que Mr. Whiskers se mueva a la izquierda y a la derecha.
4. Hacer que Mr. Whiskers salte.
5. Crear el enemigo.
6. Hacer que el enemigo tire objetos.
7. Hacer que los objetos del enemigo maten a Mr. Whiskers si lo tocan.

Trello

Link url

Git

Especificar las url del proyecto y del deploy

Link Repositorio

Link Deploy

Instrucciones del juego

Al finalizar el juego generar las instrucciones