Chicken invaders game

Game Penerbang Ayam

Gameplay? ️	Papan peringkat?

Anda dapat melihat di:

Game Penerbang Ayam

Diagram tingkat tinggi?

Struktur folder

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

Kelas musuh?

Bertanggung jawab untuk menciptakan ayam, cara mereka bergerak, bagaimana mereka mati dan waktu mereka menembak.

 create($container, src)

Fungsi ini bertanggung jawab atas penciptaan ayam.

 destroy($container, enemy)

Fungsi ini digunakan untuk menghancurkan ayam dan menghapusnya dari DOM.

Kelas sekarang? ?

Kelas ini digunakan untuk membuat ayam panggang dan menambahkannya ke DOM saat ayam meledak.

 create($container, src)

Fungsi ini digunakan untuk membuat ayam panggang dan menambahkannya ke DOM.

 destroy($container, enemy)

Fungsi ini digunakan untuk menghapus ayam panggang dari DOM jika dimakan oleh kapal ruang angkasa atau saat menyentuh perbatasan permainan.

Kelas Laser?

bertanggung jawab untuk membuat laser pemain dan laser musuh.

 create(container):

Ini bertanggung jawab untuk membuat laser pemain dan mendorong laser yang dibuat ke array laser di game kelas.

 createEnemyLaser(containers):

Ini bertanggung jawab untuk membuat laser musuh dan mendorong laser yang dibuat ke array musuh di dalam game kelas

updateLasers(dt,containers):

itu bertanggung jawab untuk memindahkan laser pemain ke arah yang benar & periksa apakah laser menabrak musuh

destroyLasers(containers,laser):

itu bertanggung jawab untuk menghancurkan laser dan menghapusnya dari DOM

updateEnemyLasers(dt,containers):

Ini bertanggung jawab untuk memindahkan laser musuh ke arah yang benar & periksa apakah laser menabrak pemain dan mengurangi nyawa jika tabrakan terjadi

Kelas pemain

Kelas pemain telah menerapkan metode untuk membuat pemain, memperbarui posisi pemain, menghancurkan pemain, dan menang

 create($container, imgSrc)

Membuat pemain baru (elemen DOM)

 update(dt, $container)

Memperbarui posisi pemain di layar. Itu menghitung jarak berdasarkan hukum fisika: jarak = waktu*kecepatan.

 destroy(container, player)

Menghapus pemain, elemen DOM, dari layar setelah dipukul oleh senjata musuh (telur).

 won()

Kembali benar jika semua musuh dihancurkan dan tidak ada hadiah di layar.

 clamp(v,min,max)

Menjaga pemain di batas layar dan memaksa pemain untuk tidak melampaui mereka

Kelas Game? ️?

 init()

1. Itu bertanggung jawab untuk memulai permainan dengan menciptakan semua musuh
2. Menciptakan pemain
3. Menangani jarak antara ayam
4. Menangani logika level