Membuat Game Gunting Kertas Batu dengan Construct 2 (Part I – Persiapan)

Pada tutorial kali ini, kita akan membuat game Gunting Kertas Batu versi Indonesia yaitu HomPimPa. Target utama platform untuk game ini adalah HTML5, tapi juga bias ditargetkan ke platform Android, iOS, Windows Phone serta Windows 8.

Kita akan mempelajari hal-hal berikut :

  1. Membuat start screen.
  2. Mengubah nama layout.
  3. Menambah tiled background.
  4. Berpindah antara dua layout.

Start Screen adalah tampilan awal sebelum game dimulai. Biasanya berisi tombol Play, About, dan Options.

Untuk Assets game, dapat didownload dari link berikut : HomPimPa_Assets.

Langkah Awal – Persiapan

Buat empty project baru. File -> New -> New Empty Project.

Akan muncul 1 layout kosong dan 1 event sheet kosong.

Simpan project kita. File -> Save as Project. Akan muncul windows untuk memilih direktori tempat menyimpan project kita. Pilih Desktop lalu klik Make New Folder. Beri nama folder baru kita dengan nama HomPimPa. Pastikan folder HomPimPa terpilih, lalu klik OK.

Rename Layout 1 menjadi Layout1_StartScreen.

Berikutnya, tambahkan satu layout baru ke dalam project kita. Klik kanan pada folder Layouts -> Add Layout.

Akan muncul jendela baru. Pilih Don’t add event sheet

Layout baru akan muncul pada folder Layouts. Rename lagi nama layout tersebut menjadi Layout2_Game.

Sekarang kita telah memiliki 2 layout yang siap untuk digunakan. Selanjutnya kita akan mengubah ukuran properties Windows Size project kita. Klik nama Project kita pada windows Projects (saat ini masih bernama New Project).

Lalu ubah Windows Size pada windows Properties di sebelah kiri layar menjadi 480×640.

Selanjutnya, ubah juga ukuran Properties Layout Size Layout1_StartScreen dan Layout2_Game menjadi 480×640.

Tampilan kedua layout akan seperti berikut :

Langkah selanjutnya adalah memberi tahu Construct 2, Layout mana yang akan kita load terlebih dahulu. Seperti yang kita ketahui, Layout1_StartScreen yang akan diload terlebih dahulu.

Buka properties Project kita, lalu pada properties First Layout pilih Layout1_StartScreen.

Kita telah selesai mempersiapkan project dan layout kita. Selanjutnya kita akan bekerja pada Layout1_StartScreen untuk menampilkan Start Screen game kita.

bersambung… 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s