DomaiNesia

Membuat Game Penjumlahan dengan Construct 2 Bagian 1

  • Fajrul Aslim

    Full Stack Developer
    11 Juni 2020, 298x dilihat

Di topik ini, saya akan menjelaskan bagaimana membuat game penjumlahan dengan Construct 2. Sebelumnya, saya pastikan bahwa kawan-kawan sudah menginstall Construct 2, dan sudah memahami dasar-dasar penggunaan Construct 2. Oke mari kita simak penjelasannya.

 

 

Jalankan aplikasi Construct 2, kurang lebih tampilannya akan seperti ini:

 

 

Klik New Project, kemudian kita pilih New Empty SD Portrait 16:9 project. Jadi, ukuran layar yang kita gunakan berbentuk portrait dengan perbandingan 16:9.

 

 

Maka akan muncul jendela kerja dari Construct 2 seperti pada gambar di bawah ini.

 

 

Pada panel Properties (panel di sebelah kiri), kita ubah ukuran Window Size menjadi 480, 860. Kemudian klik layar abu-abu pada Layout 1, dan kita ubah juga ukuran Layout Size menjadi 480, 860 pada panel Properties.

 

 

 

Maka lembar kerja kita akan menjadi seperti pada gambar di bawah ini.

 

 

Selanjutnya kita akan menambahkan object baru, klik kanan pada Layout 1, pilih Insert new object. Maka akan muncul jendela Insert New Object, kita pilih Text pada kategori General, lalu klik tombol Insert. Secara otomatis object Text akan tampil di Layout 1.

 

   

 

Pilih object Text yang tadi kita buat, lalu kita lakukan perubahan pada object Text di panel Properties, sebagai berikut:

- Ubah Name menjadi txtPertanyaan

- Ubah Text menjadi 00 + 00 = 00

- Ubah Font menjadi Impact(65)

- Ubah Color menjadi Merah(255,51,51)

- Ubah Horizontal Alignment menjadi Center

- Ubah Vertical Alignment menjadi Center

- Ubah Hotspot menjadi Center

 

 

Kita buat kembali object Text sebanyak 4 buah, kita buat dengan mengcopy dari text txtPertanyaan yang telah dibuat sebelumnya dengan cara klik kanan pada txtPertanyaan, lalu pilih Clone object type. Selanjutnya kita klik pada sembarang tempat di stage.

 

 

Lakukan hal tersebut sebanyak 4 kali, lalu pada panel Properties masing-masing object kita ubah sebagai berikut:

1. Ubah Name menjadi txtBenarSalah, Ubah Text menjadi Benar

2. Ubah Name menjadi txtTotal, Ubah Text menjadi Total Skor:

3. Ubah Name menjadi btnJawab0, Ubah Text menjadi 10

4. Ubah Name menjadi btnJawab1, Ubah Text menjadi 10

 

Kemudian, silahkan kalian ubah properties warna dan ukuran font sesuai keinginan kalian, dan tempatkan semua object seperti pada gambar di bawah ini.

 


 

Selanjutnya kita tambahkan kembali dua buah object yaitu Touch dan Function. Object Touch berfungsi untuk memberikan event pada game saat layar atau stage disentuh. Sedangkan Function berfungsi untuk memberikan mengelompokkan kumpulan event agar mudah digunakan saat diperlukan.

 

   

 

Sekarang kita uji coba terlebih dahulu sejauh mana game ini kita buat. Klik menu Home lalu pilih Run layout.

 

 

Maka secara otomatis game akan dijalankan pada browser, dan akan tampil seperti berikut ini:

 

 

Demikin tutorial cara membuat game penjumlahan menggunakan Construct 2 bagian 1. Pada tutorial selanjutnya saya akan menjelaskan bagaimana memberikan event agar game ini dapat berjalan.

 

Terima Kasih.

 

DOWNLOAD SOURCE CODE

 

List tutorial

Membuat Game Penjumlahan dengan Construct 2 Bagian 2

Membuat Game Penjumlahan dengan Construct 2 Bagian 3

Affiliate Banner Unlimited Hosting Indonesia