Article • 21 September 2022

Panduan Cepat Membuat Game di Construct 3

Oleh : Wahyu Yudistira

Panduan Cepat Membuat Game di Construct 3

Membuat game di Construct 3 itu sangat mudah dan cepat, bahkan jika kamu belum pernah ngoding sama sekali. Intinya, kamu hanya perlu mengatur layout, memasukkan objek atau sprite, lalu menambahkan logika interaksi menggunakan fitur Event Sheet. Pendekatan visual otomatis tanpa kode ini menjadikannya salah satu skill yang paling dibutuhkan untuk siapa saja yang ingin terjun ke dunia pengembangan game dengan gampang.

Konsep Permainan yang Akan Dibuat

Dalam proyek perdana ini, kita akan membuat game di mana pemain mengendalikan seekor kura-kura dengan sudut pandang top-down. Pemain harus mengitarinya untuk mengumpulkan sebanyak mungkin bintang laut sambil menghindari batu karang yang kokoh.

Preview Game Kura-kura

Langkah 1: Menyiapkan Kanvas dan Aset

Sebelum karakter jagoan kita bisa digerakkan, kamu wajib menyiapkan arena bermainnya terlebih dahulu. Proses penyusunan aset ini sangat efisien, selaras dengan prinsip mengadopsi kurikulum standar internasional di mana pengaturan properti dilakukan secara rapi sejak awal.

Mengatur Ukuran Layout Permainan

Sebagai pembuka, tentukan dulu proporsi layarnya (Windows and Layout Size). Atur pengaturannya di ukuran 800 x 600 agar tampilannya tampak prima pada monitor komputer.

Pengaturan Windows Size

Pengaturan Windows Properties

Memasukkan Elemen Visual (Sprite)

Saatnya memasukkan aktor beserta lingkungan sekitarnya. Kamu perlu menyisipkan 5 komponen inti berikut:

  1. Kura-kura (Karakter utama pemain)
  2. Bintang laut (Aset yang harus dikumpulkan)
  3. Batu karang (Dinding rintangan statis)
  4. Teks "You Win" (Penanda kemenangan)
  5. Latar belakang air (Arena utama)

Langkahnya sederhana: klik kanan pada layar kanvas, klik Insert a new object, lalu pilih “Sprite” atau “Tile Background”. Tekan tombol “Insert”, lalu gunakan shortcut Ctrl + O untuk mengunggah gambar yang sudah kamu persiapkan.

Insert Sprite Object Popup

Langkah 2: Menambahkan Pergerakan Karakter

Kura-kura kita harus mampu berenang bebas. Melalui fleksibilitas tinggi Construct 3, memberi nyawa pada karakter hanyalah masalah "melekatkan" kapabilitas ke objek tersebut.

Mengatur Kontrol 8 Arah Kura-kura

Sorot objek kura-kura milikmu, buka kolom properties di samping. Tuju bagian Edit behaviors dan pilih opsi “8-direction”. Selesai! Kini kura-kura bebas meluncur ke segala arah. Pastikan juga menambahkan behavior “bound to layout” agar kura-kuramu tidak berenang kabur keluar batas layar.

Behavior Kura-kura

Membuat Rintangan Menjadi Padat

Jangan biarkan kura-kura menembus bebatuan karang. Pilih objek karang di layar, pilih “Edit Behaviors”, dan segera tambahkan behavior “Solid”. Batu seketika menjadi tembok perintang sungguhan.

Behavior Solid

Langkah 3: Logika Animasi Item

Bintang laut yang membeku itu sedikit kaku. Berikan efek realistis dengan meracik pergerakannya agar tampak bergoyang menggemaskan dalam air.

Menghidupkan Bintang Laut

Sematkan behavior “Rotate” agar bintang berotasi konstan. Bubuhi lagi dengan tambahan “Sine” untuk simulasi ombak mengayun ke arah kiri maupun kanan. Karena nantinya akan dikumpulkan kura-kura, berikan behavior “Fade” (ingat, nonaktifkan awalannya!). Setel agar durasi pudar mencapai 0,2 detik sesaat sebelum objek hancur (destroy).

Behavior Rotate & Sine

Langkah 4: Mengatur Sistem Trigger (Event Sheets)

Sampailah ke tahap final! Di sinilah siasat Construct 3 bekerja secara menyeluruh berkat sistem visual Event Sheets tempat kamu merancang logika jalannya permainan.

Mekanisme Kura-kura Memakan Bintang

Buka bagian Event Sheets lalu tekan tombol Add Event. Pilih objek pahlawan kita (turtle), dan sambungkan kondisi “On collision with object” dengan sasaran si bintang laut.

Event Collision Overview

On Collision Detail

On Collision Condition

Tak cukup di situ, terapkan action (aksi) timbal-balik. Arahkan aksi pada bintang laut dengan menyetel opsi “Start fade”. Hasilnya, tiap kali kura-kura membentur bintang, benda tersebut perlahan akan sirna ditarik jagoan kita.

Star Fade Action

Star Fade Action Detail 1

Star Fade Action Detail 2

Memunculkan Tanda Kemenangan

Mesin harus tahu kapan waktunya selebrasi! Tambahkan Event untuk sistem dengan mengakses System > “Compare two values”. Fungsinya bertugas mendeteksi apakah stok bintang di layout sudah tersisa 0.

Compare Two Values Action

Compare Two Values Detail 1

Compare Two Values Detail 2

Compare Two Values Detail 3

Langkah pamungkas: pastikan hilangkan centang di menu properties “Initially Visible” pada objek tulisan "You-Win" agar layarnya bersih sejak awal dimainkan. Jika sistem mendeteksi jumlah bintang genap 0, perintah objek tadi unjuk gigi melalui Action “Set Visible” ke status Visible. Boom! Misi usai dengan manis.

Initially Visible Props

Set Visible Action

Set Visible Detail

Final Result Visible Trigger

Frequently Asked Questions (FAQ)

1. Apakah Construct 3 ini bisa digunakan gratis?

Construct 3 menyediakan versi gratis (Free Edition) yang lebih dari cukup bagi pemula untuk menjajal fondasi merancang game dengan batasan jumlah item dan event sheet yang sewajarnya.

2. Saya sama sekali buta coding, mungkinkah bisa bikin game?

Sangat bisa! Fitur drag-and-drop lewat logika dasar pada Event Sheet dibuat khusus untuk itu. Meski tanpa mengetik bahasa aneh, Anda tetap punya opsi menyelipkan sintaks JavaScript jika butuh kustomisasi tingkat lanjut nantinya.

3. Apakah hasil game buatan saya bisa dipindahkan ke versi Android di HP?

Pastinya! Mesin Construct 3 dipersenjatai sistem export super komplit, memfasilitasi build game untuk bisa dijalankan mulus berbasis web (HTML5) hingga aplikasi *smartphone* Android, serta instalasi iOS.

Siap Menjadi Game Developer Cemerlang Selanjutnya?

Memulai mimpi merakit game dari sketsa pikiran menjadi kenyataan digital tidak lagi rumit. Perdalam pemahaman dasar logika hingga mahir ditemani mentor instruktur yang ahli membidik potensi kreatifmu!

Ayo Belajar Coding dan Robotika di Koding Akademi

Share this post

Related Products

Explore Our Courses

Other Posts

Artikel Lainnya

overlay blue
It's Your Time!

Coba Kelas Trial Gratis Sekarang Juga!

Logo Koding Akademi

Koding Akademi

Online

Today