Chicken invaders game

Juego de Chicken Invaders

Juego	Tabla de clasificación?

Puedes ver en:

Juego de Chicken Invaders

¿Diagrama de alto nivel?

Estructura de carpetas

├── README.md
├── about
│   ├── audio
│   │    └──spaceinvaders1.mpeg
│   └── js
│       └──about.js
└── css
    ├── App.css # Styles for instructions. Feel free to customize this as you desire.
    ├── home.css # Styles for index html file
    ├── leader.css # Styles for leaderboard html file
    ├──main.css # Styles for game html file
    ├──js
    │  ├──board.js #contains logic for leader-board
    │  ├──Config.js #contains the configurations for game loop
    │  ├──Enemy.js #contains the Enemy Class
    │  ├──Game.js #contains the Game Class
    │  ├──Helper.js #contains some Helper functions
    │  ├──home.js #contains player creation modal logic
    │  ├──Laser.js #contains the Laser Class
    │  ├──modal.js #contains the Pause modal logic
    │  ├──Player.js #contains the Player Class
    │  ├──Present.js #contains the Present Class
    ├── Images # Helpful images for the app. Use at your discretion.
    │   ├── egg.png
    │   ├── player-blue-1.png
    │   └── laser-blue-1.png
    ├──sound #contains the game sounds
    ├── game.html #the game loop ui
    ├── index.html #the home page ui
    ├── Instructions.html #the instructions ui
    ├── leaderboard.html #the leaderboard ui
    └── Main.js # You should not need to modify this file. It is used for the game main loop Logic.

Clase enemiga?

Es responsable de crear los pollos, la forma en que se mueven, cómo mueren y el tiempo que disparan.

 create($container, src)

Esta función es responsable de la creación de pollo.

 destroy($container, enemy)

Esta función se usa para destruir el pollo y eliminarlo del DOM.

Clase actual? ?

Esta clase se usa para crear pollo asado y agregarlo al DOM cuando el pollo explota.

 create($container, src)

Esta función se usa para crear el pollo asado y agregarlo al DOM.

 destroy($container, enemy)

Esta función se usa para eliminar el pollo asado del DOM si el barco espacial lo come o cuando llega al borde del juego.

Clase láser?

es responsable de crear el láser de jugador y el láser enemigo.

 create(container):

Es responsable de crear el láser de jugadores y empujar el láser creado a la matriz de láser en el juego de clase.

 createEnemyLaser(containers):

Es responsable de crear láser enemigo y empujar el láser creado a la matriz enemylaser en el juego de clase

updateLasers(dt,containers):

Es responsable de mover el láser de jugador en la dirección correcta y verificar si el láser golpeó al enemigo

destroyLasers(containers,laser):

es responsable de destruir el láser y eliminarlo de DOM

updateEnemyLasers(dt,containers):

Es responsable de mover el láser enemigo en la dirección correcta y verificar si el láser golpee al jugador y disminuye las vidas si se produce la colisión.

Clase de jugador

La clase de jugador ha implementado métodos para crear el jugador, actualizar la posición del jugador, destruir al jugador y ganar

 create($container, imgSrc)

Crea un nuevo jugador (elemento dom)

 update(dt, $container)

Actualiza la posición del jugador en la pantalla. Calcula la distancia en función de la ley de física: Distancia = tiempo*Velocidad.

 destroy(container, player)

Elimina al jugador, el elemento DOM, de la pantalla después de ser golpeado por el arma enemiga (huevos).

 won()

Devuelve verdadero si todos los enemigos son destruidos y no hay regalos en la pantalla.

 clamp(v,min,max)

Mantiene al jugador en los límites de la pantalla y obliga al jugador a no excederlos

Clase de juego? ️?

 init()

1. Es responsable de iniciar el juego creando a todos los enemigos
2. Crea el jugador
3. Maneja el espacio entre los pollos
4. Maneja la lógica de nivel