You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.5 KiB
32 lines
1.5 KiB
4 years ago
|
# Bina Permainan Angkasa
|
||
|
|
|
||
|
|
Permainan ruang untuk mengajar asas-asas JavaScript yang lebih mendalam
|
||
|
|
|
||
|
|
Dalam pelajaran ini, anda akan belajar bagaimana membuat permainan ruang angkasa anda sendiri. Sekiranya anda pernah memainkan permainan "Space Invaders", permainan ini mempunyai idea yang sama: untuk mengarahkan kapal angkasa dan menembak monster yang turun dari atas. Beginilah rupa permainan yang sudah siap:
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Dalam enam pelajaran ini anda akan mempelajari perkara berikut:
|
||
|
|
|
||
|
|
- **Berinteraksi** dengan elemen Canvas untuk menarik sesuatu di skrin
|
||
|
|
- **Memahami** sistem koordinat kartesian
|
||
|
|
- **Pelajari** corak Pub-Sub untuk membuat seni bina permainan suara yang lebih mudah dijaga dan diperluas
|
||
|
|
- **Leverage** Async / Tunggu untuk memuatkan sumber permainan
|
||
|
|
- **Mengendalikan** acara papan kekunci
|
||
|
|
|
||
|
|
## Gambaran keseluruhan
|
||
|
|
|
||
|
|
- Theori
|
||
|
|
- [Pengenalan membina permainan dengan JavaScript](../1-introduction/README.md)
|
||
|
|
- Practice
|
||
|
|
- [Melukis ke kanvas](../2-drawing-to-canvas/README.md)
|
||
|
|
- [Menggerakkan elemen di sekitar skrin](../3-moving-elements-around/README.md)
|
||
|
|
- [Pengesanan perlanggaran](../4-collision-detection/README.md)
|
||
|
|
- [Menjaga skor](../5-keeping-score/README.md)
|
||
|
|
- [Menamatkan dan memulakan semula permainan](../6-end-condition/README.md)
|
||
|
|
|
||
|
|
## Kredit
|
||
|
|
|
||
|
|
Aset yang digunakan untuk ini berasal dari https://www.kenney.nl/.
|
||
|
|
Sekiranya anda suka membina permainan, ini adalah beberapa aset yang sangat baik, banyak percuma dan ada juga yang dibayar.
|