Membuat Game Flappy Bird Sederhana



buat akun agar bisa di save dionline atau bila ada laptop/komputer bisa save filenya


1. Pilih Karakter

Hal pertama yang harus dilakukan adalah memilih sprite (karakter). 

Kamu bisa memilih sprite apa saja! Jadilah kreatif dan pilih sprite yang memiliki setidaknya dua costumes (kostum) agar terlihat seperti bergerak saat melintasi layar. Kamu bisa mengarahkan kursor ke setiap sprite untuk melihat apakah sprite tersebut memiliki animasi. Kami memilih burung beo (parrot). Pastikan ukuran burung cukup kecil untuk terbang melewati pilar. Atur bagian "Size" sprite di pojok kanan bawah menjadi 30 atau angka yang serupa.

2. Tambahkan Kode untuk Gerakan "Mengepak" (Flappy)

Langkah selanjutnya adalah memprogram gerakan mengepak menggunakan pengkodean Scratch. Klik pada ikon sprite di pojok kanan bawah untuk memastikan kamu menambahkan blok kode ke sprite yang benar. Sebuah kotak akan muncul di sekeliling sprite tersebut, dan di bagian tengah layar, bayangan samar sprite akan muncul di bagian atas.

Mulailah dengan blok "when green flag clicked" dari menu Events. Kemudian ambil blok "forever" dari menu Control. Gerakan mengepak harus terus berlanjut selama permainan berjalan. Di dalam blok "forever", letakkan blok "if/then/else" dari menu Control.

Gerakan mengepak dikendalikan oleh tombol spasi: setiap kali pengguna menekan spasi, burung akan naik. Kondisi untuk pernyataan "if" secara default berbentuk segi enam kosong. Masukkan blok Sensing "key space pressed?" ke dalam kondisi tersebut.

  • Jika (If) tombol spasi ditekan: Sprite harus naik. Gunakan blok Motion "change y by" dan atur angkanya menjadi 20. Agar terlihat seperti sedang terbang, gunakan blok Looks "switch costume to parrot-b".

  • Kondisi Lainnya (Else): Menunjukkan apa yang terjadi jika tombol spasi tidak ditekan. Sprite harus mulai jatuh sedikit. Gunakan blok Motion "change y by -5". Gunakan blok Looks "switch costume to parrot-a" untuk berganti kostum. Dalam proyekmu, bergantilah di antara kostum yang tersedia pada sprite pilihanmu.

Flappy bird in Scratch for kids

3. Create the pillars that the bird will fly through

Langkah selanjutnya adalah membuat pilar. Kita akan melakukannya dengan membuat sprite buatan sendiri (custom). Arahkan kursor ke lingkaran di pojok kanan bawah (ikon tambah sprite), dan pilih opsi ketiga dari atas yang berbentuk kuas lukis (Paint).

Gunakan ikon "rectangle" (persegi panjang) untuk menggambar sprite pilar. Gambarlah dua persegi panjang vertikal yang panjang dan dua persegi panjang horizontal pendek untuk membentuk pilar. Jangan ragu untuk mengubah warna isi (fill) dan garis tepi (outline) sesuai keinginanmu!

Make pillars for flappy bird

4. Buat Latar Belakang (Background) untuk Akhir Permainan

Mari buat latar belakang kustom baru yang menunjukkan permainan berakhir. Caranya serupa dengan membuat sprite kustom: arahkan kursor ke ikon latar belakang di pojok kanan bawah, lalu pilih opsi kuas lukis. Gunakan opsi "text" untuk menampilkan pesan kepada pengguna bahwa permainan telah berakhir (misalnya: Game Over).Make background for game end

5. Akhiri Permainan Jika Burung Menyentuh Pilar

Klik pada sprite pilar agar kita bisa menambahkan kode di sana. Permainan harus berhenti jika pilar menyentuh sprite burungmu. Mulailah dengan blok "when green flag clicked". Di bawahnya, tambahkan blok "forever".

Untuk memeriksa setiap saat apakah sprite burung menabrak pilar, letakkan blok "if/then" di dalam "forever". Kondisinya adalah blok Sensing "touching [nama Sprite burungmu]". Pastikan kamu memilih nama yang tepat pada menu dropdown.

Ketika hal ini terjadi, gunakan blok Looks "switch backdrop to backdrop2" (atau nama latar belakang akhir permainanmu) dan gunakan blok Control "stop all".

Coding a flappy bird game

6. Mengatur Detail Awal dan Akhir Permainan

Klik kembali pada sprite utama (burung). Tambahkan blok Events: "when backdrop switches to backdrop2", lalu pasangkan blok Looks "hide". Ini memastikan burung menghilang saat permainan berakhir.

Pisahkan blok "when green flag clicked" dan "forever" yang sudah ada sebelumnya. Kita akan menambahkan beberapa blok di antaranya untuk memastikan permainan berjalan benar:

  1. Tambahkan blok Looks "show" di bawah bendera hijau agar sprite muncul kembali setiap mulai bermain.

  2. Tambahkan blok Looks "switch backdrop to backdrop1" untuk mengembalikan latar belakang ke posisi awal.

  3. Gunakan blok Motion "go to x/y" untuk menentukan lokasi awal burung. Pastikan burung mulai dari sisi kiri layar (misal: x: -190, y: 30).

  4. Hubungkan kembali blok "forever".

Untuk Sprite Pilar: Klik sprite pilar dan tambahkan kode yang sama agar pilar menghilang saat kalah: "when backdrop switches to backdrop2" -> "hide". Tambahkan juga blok "show" tepat di bawah bendera hijau pilar agar muncul saat mulai.

7. Membuat Pilar Bergerak Melintasi Layar

Klik pada sprite pilar. Ambil blok "when green flag clicked" dan "forever". Di dalam "forever":

  1. Gunakan blok "go to x/y" untuk posisi awal pilar di sisi kanan (misal: x: 180, y: 28).

  2. Gunakan blok "glide [angka] secs to x/y" untuk menggerakkannya. Atur waktunya ke 2.5 detik (atau sesuaikan). Atur nilai x ke posisi paling kiri (misal: -280).

  3. Agar pilar hanya bergerak horizontal, masukkan blok Motion "y position" ke dalam slot y pada blok glide tersebut.

8. Buat Variabel Skor

Langkah terakhir adalah melacak skor. Buka tab Variables, klik "Make a Variable" dan beri nama "Score".

  1. Gunakan blok "when green flag clicked".

  2. Gunakan blok "set Score to 0" untuk meriset skor di awal permainan.

  3. Tambahkan blok "forever" dan masukkan "if/then" di dalamnya.

  4. Kondisinya: gunakan blok Operators "<". Di sisi kiri masukkan blok Motion "x position" (milik pilar), dan di sisi kanan isi dengan -190 (koordinat burung). Artinya, jika pilar sudah melewati posisi burung, skor bertambah.

  5. Di dalam "if/then", tambahkan blok "change Score by 1" dan blok "wait 1 second" agar skor tidak bertambah berkali-kali dalam satu pilar.

Selesai! Semoga kamu menikmati proses merakit permainan Flappy Bird-mu!

Flappy bird code in Scratch for kids




Tidak ada komentar: