Membuat Menu Utama pada Game dengan Construct 2



Pertama-tama, jika gambar tidak terlalu jelas maka klik kiri pada gambar atau klik kanan pada gambar lalu pilih Open image in new tab. Kedua, elo bisa baca artikel Membuat Game Tebak Gambar Sederhana dengan Construct 2, jika belum terlalu paham dengan langkah-langkah yang akan dijelasin di bawah

Asset yang dipakai:
Blue Button

1. Buatlah new project, lalu insert 2 buah object sprite(pilih blue button tersebut), text, dan 2 sprite font, kemudian aturlah posisinya sedemikian rupa hingga menjadi seperti ini.

2. Pada object text, ubahlah textnya menjadi "Main Menu" lalu atur horizontal alignment dan vertical alignment nya menjadi center. Ubah juga seperti itu pada object SpriteFont, yang pertama textnya adalah "Start", yang kedua adalah "Help".



3. Kemudian insert new object lagi, lalu pilih Mouse.



4. Pada tab Event Sheet 1, klik Add Event lalu pilih Mouse->Cursor is over object->pilih object Sprite(objek blue button tadi).



5. Klik Add Action pada event Mouse->pilih object Sprite->pilih set scale->atur scale menjadi 1.2.



6. Kemudian klik Add Action lagi ->pilih object SpriteFont->pilih set scale-> atur scale menjadi 1.2.

7. Setelah itu Add Event lagi->pilih System->pilih Else.


8. Klik Add Action pada event Else, lalu aturlah kembali scale Sprite dan SpriteFont menjadi 1.



9. Lakukan kembali langkah ke 5, 6, 7, dan 8 pada object Sprite2 dan SpriteFont2. Langkah-langkah ini akan membuat tombol "Start" dan "Help" menjadi lebih besar ketika cursor mouse berada pada tombol-tombol tersebut.



10. Buatlah 2 buah layout baru dengan cara klik kanan pada Layouts->Add Event Sheet.



11. Kembali lagi ke tab Event Sheet 1, klik Add Event->pilih Mouse->pilih On object clicked->pada Object clicked, pilih object Sprite.



12. Klik Add Action pada event tadi->pilih System->pilih Go to layout->pilih Layout 2



13. Lakukan langkah ke-11 pada object Sprite2, dan lakukan langkah ke-12 pada Layout 3



14. Pada tab Layout 2, insert new object->text->lalu buat text "Disini akan diisi game", dan juga pada Layout 3 buat text "Disini akan diisi petunjuk cara main".



15. Kembali ke Layout 1, lalu klik Run Layout, maka hasilnya akan seperti ini.




Tada!! Main Menu kita udah jadi.

2 comments

gan, mau tanya ni, seumpama saya mau ganti botton itu dengan pict bisa gak? biar menarik gitu, :)

Reply

Post a Comment