Part 1 - Membuat Projek Baru "Ayo Belajar Shalat" dengan Construct 2
Halo Teman-teman Kreatif! 👋
Pernah terpikir tidak, bagaimana rasanya membuat game sendiri? Nah, kali ini kita akan belajar hal yang sangat keren! Kita akan membuat projek seru bernama "Ayo Belajar Shalat" menggunakan aplikasi bernama Construct 2.
Selain bermain, kita juga bisa berbagi ilmu tentang ibadah melalui game buatan kita sendiri. Penasaran? Yuk, kita mulai petualangannya!
📥 Langkah 1: Persiapan Senjata (Instalasi)
Sebelum mulai berkreasi, kita harus punya aplikasinya dulu di komputer. Tenang, caranya gampang banget! Kalian bisa ikuti panduan cara instalnya di video keren ini:
📺 Tonton di sini:
🏗️ Langkah 2: Membangun Dunia Baru
Setelah aplikasi terpasang, ayo kita mulai langkah awal untuk menyiapkan projek kita:
Membuat Projek: Klik File > New > New empty project untuk memulai lembar kerja kosong.
Memberi Nama Projek (Rename): * Perhatikan jendela Project Bar di sebelah kanan atas.
Klik kanan pada folder paling atas (yang biasanya bernama New project).
Pilih menu Rename, lalu ketik nama projekmu, misalnya: "Madun - Shalat".
Memberi nama projek di awal sangat penting agar file kamu rapi dan tidak tertukar dengan milik teman yang lain!
🔍 Langkah 3: Mengenal "Markas Besar" Construct 2
Sebelum menggambar, kita kenalan dulu dengan isi layarnya:
Area Kerja: Tempat utama kita menyusun gambar dan permainan.
Properties: Panel (sebelah kiri) untuk mengatur ukuran atau warna benda yang kita pilih.
Project Bar: Daftar semua halaman (Layout) dan benda yang kita punya.
Layer Bar: Seperti tumpukan kertas transparan agar gambar tidak berantakan (Misalnya: Background di paling bawah, Tombol di paling atas).
Zoom In & Out: Terlalu kecil atau besar? Tekan tombol (+) untuk memperbesar dan (-) untuk memperkecil!
✨ Langkah 4: Menambah Halaman Baru (Layout)
Layout adalah halaman atau level di dalam game. Agar game kita lengkap, kita perlu beberapa halaman berbeda, seperti halaman Judul Utama, halaman Profil, dan halaman menu lainnya.
Cara Menambah Layout Baru:
Pergi ke jendela Project Bar di sebelah kanan layar.
Cari folder bernama Layouts, lalu Klik kanan pada folder tersebut.
Pilih menu Add layout.
Setelah itu, akan muncul jendela konfirmasi. Pilihlah tombol Add event sheet.
Kenapa kita harus pilih "Add event sheet"? Supaya setiap halaman baru yang kita buat langsung memiliki "otak" (Event Sheet) sendiri. Dengan begitu, kita bisa memberikan perintah khusus untuk halaman tersebut nantinya.
Setelah langkah ini selesai, secara otomatis Construct 2 akan membuatkan satu Layout baru dan satu Event Sheet baru untukmu.
📝 Langkah 5: Mengganti Nama Layout
Setelah layout baru muncul, namanya biasanya masih standar (seperti Layout 1). Kita perlu menggantinya agar tidak bingung.
Cara Mengganti Nama Layout:
Pada folder Layouts, pilih layout yang ingin kamu ubah namanya.
Klik kanan pada nama layout tersebut.
Pilih menu Rename.
Ketik nama baru yang jelas, contohnya:
Layout Judul Utama
Layout Profil
Lakukan hal yang sama pada folder Event sheets agar namanya serasi dengan layout-nya (Contoh: event profil).
🎨 Langkah 7: Menghias Menu Utama (Memasukkan Sprite)
Sekarang bagian paling asyik! Kita akan menghidupkan Layout Judul Utama dengan gambar-gambar yang sudah kamu download. Di Construct 2, gambar-gambar ini disebut dengan Sprite.
Langkah-langkah detailnya:
Membuka Menu Objek:
Klik kanan pada area kosong di halaman Layout Judul Utama.
Pilih menu Insert New Object.
Memilih Jenis Sprite:
Cari ikon gambar bernama Sprite.
Penting! Sebelum menekan tombol Insert, lihat kolom Name di bagian bawah jendela tersebut.
Ganti namanya sesuai gambar yang akan dimasukkan (misalnya:
background,judul, ataumenu_shalat).Setelah namanya diganti, barulah klik tombol Insert.
Kursor kamu akan berubah menjadi tanda tambah (+). Klik satu kali di area kerja.
Mengambil Gambar dari Komputer:
Jendela baru bernama Edit Image akan muncul.
Cari ikon Folder kuning (Open) di bagian atas jendela tersebut.
Pilih gambar yang kamu inginkan (misalnya: Background atau Tombol), lalu klik Open.
Menyimpan Gambar ke Layout:
Jika gambar sudah muncul di jendela edit, klik tanda silang (X) di pojok kanan atas jendela Edit Image untuk menutupnya.
Tadaaa! Gambarmu sekarang sudah muncul di layar game.
🖼️ Apa saja yang harus dimasukkan?
Lakukan langkah-langkah di atas secara berulang untuk memasukkan benda-benda ini:
Background: Masukkan gambar latar belakang yang indah, lalu tarik ujungnya agar menutupi seluruh area putih (area kerja).
Judul Game: Masukkan gambar tulisan besar "AYO BELAJAR SHALAT". Letakkan di bagian atas.
Tombol-Tombol Menu: Masukkan satu per satu tombol:
✨ Menu Shalat
🎮 Menu Game
👤 Menu Profil
👤 Langkah 6: Membuat Halaman Profil
Pindah ke Layout Profil yang sudah kamu buat tadi, lalu hias dengan:
Background yang keren.
Tulisan "MY PROFILE".
Nama lengkap kalian dan nomor WA agar teman-teman bisa menyapa.
Tombol Kembali: Masukkan gambar panah atau tombol untuk nanti kita gunakan balik ke menu utama.
Hasil Layout Profil
📦 Download Aset Gambar
Semua gambar (background, tombol, dll) yang saya gunakan dalam projek ini bisa kalian download pada link di bawah ini:
🔗 Link Download Aset: Klik di Sini
Semua gambar (background, tombol, dll) yang saya gunakan dalam projek ini bisa kalian download pada link di bawah ini:
🔗 Link Download Aset:
✨ Penutup
Wah, hebat! Sekarang kerangka game kalian sudah jadi. Teruslah bereksperimen dan jangan takut mencoba hal baru di Construct 2.
Di postingan berikutnya (Part 2 - Menghidupkan Tombol: Cara Berpindah Halaman di Construct 2), kita akan belajar cara menggunakan fitur Touch agar tombol-tombol yang sudah kita pasang bisa diklik dan berpindah halaman!
Selamat Berkreasi, Developer Muda! 👨💻👩💻
Komentar
Posting Komentar