Bagaimana membuat game platformer

4
  • 2 favourites

Construct 2 bisa digunakan untuk membuat berbagai game dua dimensi (2D). Dalam tutorial ini, kamu akan dibimbing untuk menguasai dasar-dasar pembuatan platform game di Construct 2. Jika kamu masih awam dengan Construct 2 dan lebih tertarik untuk membuat game berjenis top-down shooter, lihat tutorial alternatif berikut. Sudah siap membuat game platformer? Ayo kita mulai

Catatan: Jangan bertanya atau mencari bantuan dengan menulis komentar di tutorial ini! Tapi masuklah ke forum kami untuk mendapat respon terbaik untuk semua pertanyaan yang kamu punya.

Tutorial ini menggunakan sprite dari bundel Jungle Platformer yang kamu dapat saat membeli Construct 2. Setelah kamu membeli, klik link Download media bundle di menu About untuk mendapatkan bundel aset tambahan. Jika kamu menggunakan edisi gratis, kamu bisa menggunakan gambar kamu sendiri, atau coba gunakan panduan pemula alternatif yang sekaligus menyediakan semua sprite yang kamu butuhkan.

Menginstal Construct 2

Jika kamu belum punya Construct 2, kamu bisa unduh versi terbaru Construct 2 di sini. Program Construct 2 hanya tersedia untuk Windows, tapi game yang kamu buat bisa dimainkan di mana saja, seperti Mac, Linux, atau iPad. Construct 2 bisa di-install pada akun terbatas (yang bukan admin). Dan instalasinya pun portable, jadi kamu bisa install Construct 2 di USB flashdisk dan membawanya ke mana saja!

Memulai

Setelah siap dan menginstall, jalankan Construct 2. Klik tombol File > New.

Pada pilihan New Project, kamu tidak perlu mangubah apa-apa, cukup klik Create project. Constuct 2 akan menyimpan seluruh data project dalam satu file .capx. Sekarang kamu akan melihat satu layout kosong, tampilan desain tempat kamu membuat dan mengatur posisi berbagai objek, seperti tampilan level dalam game atau layar menu. Dalam aplikasi lain, layout ini bisa juga disebut room, scene, atau frame.

Ukuran layout

Pertama-tama, kita perlu ukuran layout (level) yang lebih besar dari ukuran bawaan. Klik kiri di area kosong di layout dan akan muncul Layout Properties di Properties Bar. Ganti ukuran level menjadi 4000 x 2048.

Saatnya untuk menata gambar latar belakang di sepanjang layout. Double-click area kosong di layout, akan muncul pilihan Insert Object. Double click objek Tiled Background untuk menambahkan latar belakang tersebut.

Kursor mouse akan berubah menjadi crosshair (tanda tambah). Tidak masalah dimana kamu menempatkan objek ini, pilih saja suatu tempat pada layout. Akan muncul Image editor agar kamu bisa memasukkan gambar untuk menjadi tile. Sekarang kita perlu import file Background Image\Background.png dari paket sprite. Klik icon Open untuk memasukkan gambar.

Pilih file Background Image\Background.png, lalu tutup image editor. Sekarang kamu akan melihat sebagian gambar background di layout.

Kita perlu mengatur ukuran latar belakang untuk menutup keseluruhan layout. Pastikan objek tadi sudah dipilih (klik kiri pada gambar tersebut di layout), lalu propertinya akan muncul di Properties Bar. Untuk menutupi keseluruhan layout, atur Position menjadi 0,0 dan Size menjadi 4000, 2048 (sama dengan ukuran layout).

Gambar latar belakang ini cukup besar, jadi akan sulit melihat keseluruhannya dengan level zoom saat ini. Kamu bisa coba zoom out untuk melihat gambar tersebut lebih baik. Tahan Control dan Scroll roda mouse ke bawah untuk zoom out. Atau kamu bisa pilih View - Zoom out pada ribbon (menu di bagian atas Construct 2) beberapa kali. Kamu sekarang bisa melihat keseluruhan layout, dan akan terlihat seperti ini:

Perlu kamu tahu bahwa garis putus-putus di sisi kanan atas menunjukkan ukuran layar dibanding dengan ukuran layout keseluruhan. Tekan Crtl 0 untuk kembali ke level zoom 100% atau pilih View - Zoom to 100% di ribbon. Kemungkinan besar kamu akan melihat tengah-tengah layout sekarang, gunakan scrollbar untuk kembali ke bagian kiri atas dari layout. Kamu juga bisa click and drag tombol tengah mouse untuk bergerak dengan bebas di layout, atau tahan spasi untuk efek yang sama kalau kamu tidak punya tombol tengah mouse.

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!