Seri Petualangan JavaScript: Dari Nol Jagoan Bikin Game!

 

Seri Petualangan JavaScript: Dari Nol Jagoan Bikin Game!

Level 1: Ayo Kenalan! (Pengenalan)

1. Javascript Game #1: Apa Sih JavaScript Itu? Kok Bisa Bikin Game?

• Perkenalkan JavaScript sebagai "otak" atau "sutradara" di website dan game. Analogikan dengan bahasa perintah untuk komputer.

2. Javascript Game #2: Menyiapkan Perlengkapan Perang: Buku Tulis Ajaib untuk Coding!

• Panduan mudah setup alat tempur: browser (Chrome) dan text editor sederhana (seperti Notepad atau yang lebih keren kayak VS Code). Fokus pada bagaimana cara mulai nulis kode dan melihat hasilnya.

Level 2: Belajar Jurus Rahasia (Dasar-Dasar JavaScript)

3. Javascript Game #3: Jurus #1: Kotak Ajaib Penyelamat - Mengenal Variabel

• Mengajarkan let dan const. Variabel diibaratkan sebagai kotak atau toples kue yang bisa kita kasih nama dan isi (angka, kata-kata).

4. Javascript Game #4: Jurus #2: Si Angka Kuat dan Si Kata Sakti - Tipe Data

• Belajar membedakan angka (Number) untuk berhitung (skor, nyawa) dan teks (String) untuk menulis nama pemain atau pesan di game.

5. Javascript Game #5: Jurus #3: Mesin Penjawab Cerdas si Komputer - Fungsi

• Fungsi adalah perintah siap pakai. Ibaratkan seperti resep masak. Kita buat resepnya sekali (misal: hitungSkor), tinggal panggil namanya kapan saja kita butuh.

6. Javascript Game #6: Jurus #4: Komputer Pintar Pilih-pilih - Pengkondisian (If/Else)

• Ini jurus penting! "JIKA skor udah 10, MAKA kamu menang, KALAU TIDAK, main lagi yuk!" Ini dia yang bikin game punya aturan.

Level 3: Jurus Andalan untuk Game Seru (Struktur Data & Logika)

7. Javascript Game #7: Jurus #5: Daftar Belanja Ajaib - Array

• Array adalah daftar. Cocok untuk menyimpan daftar musuh, daftar skor tertinggi, atau daftar koin yang muncul di layar.

8. Javascript Game #8: Jurus #6: Si Pengulang Tanpa Bos - Perulangan (Loop)

• Kalau mau ngeluarin 100 musuh, nggak perlu nulis kode 100 kali. Cukup pake loop (for atau while), "Ulangi terus selama game belum selesai".

9. Javascript Game #9: Jurus #7: Membaca Gerakan Musuh - Event Listener

• Ini dia yang bikin game interaktif! "Dengar... kalau tombol panah ditekan, lakukan ini". Kita akan belajar menangkap input dari keyboard atau mouse.

Level 4: Praktik Bikin Game! (Studi Kasus Seru)

10. Javascript Game #10: Proyek Game #1: Tebak Angka Ajaib!

• Game sederhana: komputer memilih angka rahasia, pemain menebak. Kasih tahu "terlalu besar" atau "terlalu kecil". Fokus praktek variabel, if/else, dan input dari pemain.

11. Javascript Game #11: Proyek Game #2: Klik Koin Sebanyak-banyaknya!

• Game clicker sederhana. Ada koin di layar (bisa pake kotak atau lingkaran), setiap diklik, skor bertambah. Fokus praktek event listener (klik) dan mengubah tampilan.

12. "Javascript Game #12: Proyek Game #3: Si Kura-Kura Lapar (Game Sederhana dengan Canvas)

• Mulai kenalan dengan elemen <canvas> sebagai papan gambar game. Buat karakter sederhana (persegi/lingkaran) yang bisa kita gerak-gerakin dengan tombol panah.

13. Javascript Game #13: Proyek Game #4: Tangkap Bintang Jatuh!

• Bikin game yang lebih kompleks. Ada keranjang/player di bawah yang bisa digerakkan ke kiri-kanan. Ada bintang jatuh dari atas. Setiap ketangkep, skor nambah. Kalau kelewatan, nyawa berkurang. Ini adalah fondasi untuk banyak game arcade klasik!

14. Javascript Game #14: Menambahkan Suara biar Game Makin Heboh!

15. Javascript Game #15: Membuat Musuh Bergerak Sendiri (Lebih Seru!)

16. Javascript Game #16: Menyimpan Skor Tertinggi biar Bisa Ditandingin ke Teman

17. Javascript Game #17: Proyek Game #5: Flappy Bird Versi Sederhana

18. Javascript Game #18: Proyek Game #6: Balapan Mobil Sederhana