Construct 2: Menggerakkan karakter tanpa programming
Setelah kita mempelajari teori tentang gerakan karakter pada artikel lalu (gedebuk.org/59), kali ini kita akan mencoba menerapkan teori tersebut untuk menjadi sebuah game. Aplikasi yang akan kita gunakan adalah Construct 2.
Construct 2 adalah salah satu tools yang dapat digunakan untuk membuat game tanpa harus menulis kode pemrograman, karena sebagian besar logika untuk game dapat dibuat menggunakan menu. Kelebihan lain dari construct adalah fungsi-fungsi bawaan yang sudah disediakan dapat mempercepat proses pembuatan game, karena kita tidak perlu membuat ulang fungsi-fungsi tersebut untuk game kita. Kalau kamu belum punya Construct 2, kamu bisa download di http://gedebuk.org/construct2.
Kali ini kita akan membuat fitur pergerakan pemain dengan jenis gerakan bebas dimana pemain bisa bergerak ke semua arah (seperti di dalam air atau luar angkasa).
Langkah awal
- Pertama kali kita membuka Construct kita akan dihadapkan ke Start Page, di sini kita bisa memilih untuk mencoba berbagai contoh atau tutorial bawaan Construct 2, tapi kali ini kita akan membuat sebuah project baru (pilih New Project > New Empty Project)
Membuat project baru
- Perhatikan tabel di sisi kiri layar, itu adalah tabel properti. Kita bisa mengganti nama Layout pertama kita misalnya menjadi DemoGerakan, lalu pastikan kita ubah layout size menjadi (640, 480).
Mengubah ukuran layar permainan
- Untuk memasukkan gambar kita perlu klik kanan, lalu pilih “Insert new object”. Dari daftar objek yang bisa dibuat, pilih “Sprite”. Setelah itu kita akan diberi pilihan untuk membuat gambar baru atau mengambil gambar yang sudah ada. Silahkan pilih yang mana saja yang kamu bisa, tapi kali ini kita akan menggunakan gambar karakter dilihat dari samping.
Klik kanan > Insert new object
Membuat object sprite
- Kamu bisa juga membuat latar belakang dengan membuat sebuah kotak dengan warna biru muda menggunakan fitur Bucket Fill. Kita buat kotak ini seukuran dengan layar permainan untuk menggambarkan bahwa pemain kita berada di bawah air.
Membuat gambar baru dengan Bucket Fill
Memasukkan gambar yang sudah ada
Menggerakkan karakter pemain
- Untuk membuat karakter kita bisa bergerak, kita perlu menambahkan suatu Behavior terhadap objek karakter kita. Behavior adalah sifat suatu objek dalam permainan, Construct 2 sudah menyediakan cukup banyak jenis Behavior bawaan. Untuk karakter pemain kita akan menggunakan Behavior “8Direction”.
Menambahkan behavior 8Direction untuk menggerakkan karakter
- Awalnya Behavior 8Direction ditujukan untuk gerakan karakter yang dilihat dari atas (Top Down), seperti di permainan GTA 1 dan 2. Karena kali karakter kita dilihat dari samping, bukan top-down, jadi kita perlu ganti nilai Set Angle di tabel properti dari “360 Degree” menjadi “No”. Hal ini akan membuat karakter kita tidak akan berputar.
Tabel properti behavior 8Direction, bisa untuk mengatur kecepatan dan rotasi gambar
- Di tabel properti kita juga bisa mengatur percepatan dan kecepatan maksimum karakter kita.
Menjalankan game hasil dari Construct 2
- Untuk mencoba game kita, kita cukup tekan tombol Run Layout di kiri atas aplikasi Construct 2, game kita akan muncul di internet browser terakhir yang kita buka.
Tombol “Run Layout” untuk menjalankan game
Game akan muncul di window browser yang terakhir dibuka
- Kita bisa membuat game untuk platform selain web, misalnya untuk Windows Phone 8, tapi akan dibahas di artikel lain.
Dengan langkah-langkah tersebut kita sudah bisa membuat pergerakan karakter untuk game kita menggunakan Construct 2, tanpa programming sama sekali. Jika ada pertanyaan atau butuh panduan dalam bentuk video silahkan kunjungi:Â http://youtu.be/0ig-gHHrUms
Ikuti channel Gedebuk di Youtube untuk mendapatkan berbagai video tutorial pembuatan game! Klik saja tombol Subsribe di bawah ini.
Lebih suka tutorial tertulis seperti artikel ini?
Related Posts
Membuat fitur save dan load #2 (Tutorial Breakout bagian 6) →
Membuat fitur save dan load (Tutorial Breakout bagian 5) →
Melanjutkan ke level berikutnya (Tutorial Breakout bagian 4) →
