Chicken invaders game

Jogo de invasores de frango

Jogabilidade? ️	Tabela de classificação?

Você pode ver em:

Jogo de invasores de frango

Diagrama de alto nível?

Estrutura de pastas

├── 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.

Classe inimiga?

É responsável por criar as galinhas, a maneira como elas se movem, como morrem e o tempo que atiram.

 create($container, src)

Esta função é responsável pela criação de frango.

 destroy($container, enemy)

Esta função é usada para destruir o frango e removê -lo do DOM.

Classe presente? ?

Esta aula é usada para criar frango assado e anexá -lo ao DOM quando o frango explode.

 create($container, src)

Esta função é usada para criar o frango assado e anexá -lo ao DOM.

 destroy($container, enemy)

Esta função é usada para remover o frango assado do DOM se for consumido pela nave espacial ou quando atingir a borda do jogo.

Classe a laser?

é responsável por criar o laser do jogador e o laser inimigo.

 create(container):

É responsável por criar laser de jogadores e empurrar o laser criado para a matriz a laser no jogo da classe.

 createEnemyLaser(containers):

É responsável por criar laser inimigo e empurrar o laser criado para a matriz de inimigos no jogo da classe

updateLasers(dt,containers):

É responsável por mover o laser do jogador na direção certa e verifique se o laser atingiu o inimigo

destroyLasers(containers,laser):

É responsável por destruir o laser e removê -lo de DOM

updateEnemyLasers(dt,containers):

É responsável por mover o laser inimigo na direção certa e verifique se o laser atingiu o jogador e diminui as vidas se a colisão acontecer

Classe de jogador

A classe do jogador implementou métodos para criar o jogador, atualizar a posição do jogador, destruir o jogador e ganhar

 create($container, imgSrc)

Cria um novo jogador (elemento dom)

 update(dt, $container)

Atualiza a posição do jogador na tela. Ele calcula a distância com base na Lei da Física: Distância = Tempo*Velocidade.

 destroy(container, player)

Remove o jogador, o elemento DOM, da tela depois de ser atingido pela arma inimiga (ovos).

 won()

Retorna verdadeiro se todos os inimigos forem destruídos e nenhum presente na tela.

 clamp(v,min,max)

Mantém o jogador nos limites da tela e forçar o jogador a não excedê -los

Aula de jogo? ️?

 init()

1. É responsável por iniciar o jogo criando todos os inimigos
2. Cria o jogador
3. Lida com o espaçamento entre as galinhas
4. Lida com a lógica de nível