Wawasan Kita

TUTORIAL PEMBUATAN GAME MENGGUNAKAN CONSTRUCT 2

1. Pada halaman awal Construct 2, kita akan membuat project baru dengan cara mengklik “New Project” pada Start page.

2. Kita akan mengatur layout untuk background pada permainan dengan membuat Parallax background. Parallax backgound ini nantinya akan membuat background tetap terlihat sama walaupun objek player bergerak berjalan melewati ukuran gambar background itu sendiri.

- Untuk membuatnya, atur terlebih dahulu “Window size” pada tab Layout, menjadi seperti pada gambar berikut ini.

- Kemudian atur juga Layout Size seperti pada gambar berikut. 

- Lalu atur juga pada jendela bagian Layer, rename Layout 0 menjadi Background.

- Selanjutnya, cari file asset gambar PNG yang sudah disediakan untuk gambar background. Pada tutorial ini menggunakan asset gratis dari http://kenney.nl/assets/abstract-platformer

- Tinggal drag and drop gambar PNG yang mendukung untuk background tersebut ke jendela layout Construct 2. Lalu, atur ukurannya sesuai dengan layout.

- Selanjutnya sampai disini kita akan membuat gambarnya menjadi parallax yaitu dengan mengubah propertiesnya menjadi 0, 0. Seperti pada gambar berikut.

Sampai saat ini background akan tetap mengikuti ukuran layout meskipun ukuran pada gambar tersebut lebih kecil/pendek dari pada ukuran layout itu sendiri.

3. Selanjutnya kita akan membuat “Ground” atau alas permukaannya. Caranya sama seperti menambahkan background yaitu dengan melakukan drag and drop file asset PNG ke layout. Masukkan file asset yang mendukung untuk pembuatan ground seperti pada gambar berikut.

- Untuk membuat groundnya dapat kokoh ketika player berjalan diatasnya, kita harus menambahkan behaviors pada gambar groundnya dengan cara klik Add Behaviors dan pilih Attributes “Solid”  pada Properties.

Sampai disini ground akan solid atau ketika player atau objek lainnya diatas ground tersebut tidak akan “jatuh kebawah”.

4. Selanjutnya kita akan menambahkan objek “Player” atau pemain pada layout. Caranya sama dengan penambahan objek background dan ground yaitu drag and drop file asset PNG.

Bedanya pada objek Player ini kita akan menambahkan animasi. Jadi objek player ini mempunyai animasi yang terdiri dari : stand, walk, jump, fall, dan dead.

- Untuk membuat animasi Player berjalan yaitu dengan menambahkan file asset objek yang khusus untuk berjalan. Caranya yaitu dengan mengimport file asset PNG lainnya dengan klik Import Frames from files pada jendela Animation frames. Contohnya seperti ini.

- Kemudian untuk membuat objek playernya bergerak animasinya. Kita atur Loop pada properties animation “Walk” menjadi “Yes”.

- Lalu untuk membuat objek player ini dapat digerakan dengan keyboard caranya yaitu dengan klik 2x pada layout tepatnya pada background untuk menambahkan object input “Keyboard”.

- Kemudian kita akan membuat jalan permainan pada objek player ini yaitu dengan menambahkan event pada tab Event sheet.

Dalam hal ini kita menambahkan event object player ketika bergerak kita akan mengatur animasinya menjadi “Walk” atau berjalan. Contohnya seperti pada gambar berikut.

Untuk penambahan objek lain seperti enemy sama caranya dengan objek player mulai dari animasi dan juga eventnya.

5. Selanjutnya kita akan membuat system permainannya seperti “Player life, dan score”.

Sebelum itu kita harus membuat layer baru untuk penambahkan objek file asset PNG seperti diamond yang diberi nama “HUD”.

- Kemudian kita akan menambahkan event pada objek player ketika harus bertabrakan pada objek diamond, player akan mendapatkan poin yang jumlahnya kita atur. Ketika itu pula, diamond akan hilang. Setiap diamond berbenturan dengan player, diamond akan hilang dan player akan mendapatkan penambahan poin sejumlah value yang kita atur.

Caranya yaitu dengan klik kanan pada event sheet dan klik “Add global variable”. Masukkan Namenya menjadi “Gem” dan typenya “Number”, initial value biarkan 0.

Setelah itu akan muncul paling atas event sheet seperti pada gambar berikut.

Lalu, tambahkan event On collison pada player ketika harus bertabrakan dengan objek diamond yang diberi nama blueGem. Beri action pada objek diamond “Destroy” atau ini yang nantinya akan hilang dan action pada System yaitu penambahan value 1 kepada Gem.

Sampai disini ketika player menabrak objek diamond ini, diamond akan hilang dan player akan mendapatkan poin sebanyak kelipatan objek diamond yang ada pada permainan. Begitupun juga dengan objek “Player life”. Tambahkan action system akan mengurangi 1 pada global variable baru yang dibuat untuk Player life dan juga tambahkan action player akan berkedip-kedip. Seperti pada berikut ini.

6. Terakhir kita akan membuat system ketika player sudah melewati berbagai rintangan yang ada dan sampai pada bendera finish.

Caranya sama yaitu dengan membuat layer baru yang kita beri nama “Pop up”. Pada layer itu kita tambahkan file asset PNG yang mendukung dalam pembuatan pop up.

Lalu pada event sheetnya kita tambahkan objek player yang memiliki action pada “System” seperti pada gambar berikut.

Jadi nanti ketika objek player bertabrakan dengan objek bendera yang menandakan selesainya permainan. Action system akan set group “Player” yang berisikan action-action pergerakan player ini mati sehingga player tidak dapat digerakan oleh keyboard sekalipun dan mengatur system untuk delay sekitar 1 detik dan mengatur layer Popup dapat terlihat atau visible.