Part 2 - Menghidupkan Tombol: Cara Berpindah Halaman di Construct 2

-

Halo Teman-teman Kreatif ! 👋

Bagaimana kabar projek game kalian? Pada Part 1 - Membuat Projek Baru "Ayo Belajar Shalat", kita sudah berhasil membuat tampilan Judul Utama yang cantik dan menyiapkan Layout Profil. Jika kalian ketinggalan atau belum membaca bagian pertama, sangat disarankan untuk membacanya terlebih dahulu ya!

Hari ini, di Part 2, kita akan belajar memberikan "perintah" agar tombol-tombol yang sudah kita buat bisa bekerja dan memindahkan kita ke halaman lain. Yuk, ikuti langkah-langkah berikut ini!

Langkah 1: Memasukkan Objek Touch

Agar game bisa mendeteksi sentuhan jari (atau klik mouse sebagai pengganti sentuhan), kita harus memasukkan objek Touch.

  1. Klik kanan pada area kosong di Layout Judul Utama.

  2. Pilih Insert New Object.

  3. Cari ikon jari 👆 Touch, lalu klik Insert.

  4. Selesai! Sekarang sistem game kamu sudah siap menerima perintah sentuhan


Langkah 2: Mengatur dan Membuka "Otak" Game (Event Sheet)

Jika Layout adalah tempat kita menata gambar, Event Sheet adalah tempat kita menaruh "otak" atau logika perintah game agar tombol bisa berfungsi.

  1. Mengganti Nama Event Sheet:

    • Pergi ke jendela Project Bar di sebelah kanan.

    • Cari folder bernama Event sheets.

    • Klik kanan pada Event sheet 1, pilih Rename, lalu ketik nama baru: event judul utama.



2. Membuka Event Sheet dari Layout:

  • Pastikan kamu berada di jendela Layout judul utama.

  • Klik kanan pada area kosong di layout tersebut.

  • Pilih menu Edit event sheet. 


  • Kamu akan dibawa ke lembar perintah yang masih kosong.



Langkah 3: Membuat Perintah Sentuh (Event)

Mari kita buat logika: "Jika Tombol Profil disentuh, maka pindah ke halaman profil".

  1. Klik tulisan Add Event.

  2. Pilih objek Touch, lalu klik Next.

  3. Pilih perintah On tap object (saat objek diketuk/disentuh), lalu klik Next.

  4. Pada bagian Object pilih <Click To Choose>, lalu pilih sprite menu_profil. Klik OK, lalu Done.


Langkah 4: Menentukan Aksi Pindah Halaman (Action)

  1. Klik tulisan Add Action di sebelah kanan event tadi.

  2. Pilih System, lalu klik Next.

  3. Cari bagian General, pilih Go to layout, lalu klik Next.

  4. Pilih nama layout tujuan yaitu Layout Profil. Klik Done.


Langkah 5: Mengatur Event Sheet Profil

Agar pemain bisa kembali ke Layout judul utama, kita perlu memberikan perintah pada tombol kembali. Namun, sebelumnya kita beri nama dulu Event Sheet/otak untuk halaman profil ini.

  1. Mengganti Nama Event Sheet Profil:

    • Pergi ke Project Bar di sebelah kanan.

    • Cari event sheet yang digunakan oleh Layout Profil.

    • Klik kanan, pilih Rename, lalu ubah namanya menjadi: event profil.



  2. Membuka Event Sheet:

    • Buka Layout Profil dan pastikan sudah ada sprite tombol_kembali.

    • Klik kanan pada area kosong di layout tersebut, lalu pilih Edit event sheet.



  3. Memberikan Perintah (Logic):

    • Klik Add Event -> Pilih Touch -> Pilih On tap object.

    • Pilih sprite tombol_kembali, lalu klik Done.

    • Klik Add Action -> Pilih System -> Pilih Go to layout.

    • Pilih layout tujuan yaitu Judul Utama, lalu klik Done.



Langkah 6: Mencoba Hasil Karya (Run Layout)

  1. Kembali ke Layout Judul Utama.

  2. Klik ikon Play di bagian atas layar.



  3. Coba klik (sentuh) tombol Profil. Jika layar berpindah, berarti sistem Touch kamu sudah bekerja sempurna!

✍️ Latihan Kreatif: Membuat Layout Menu Shalat & Menu Game

Setelah sukses dengan halaman Profil, sekarang giliran kalian berlatih mandiri! Ikuti petunjuk ini:

  1. Tambahkan 2 Layout Baru:

    • Buat layout baru bernama Menu Shalat dan Menu Game.

    • Jangan lupa tambahkan Event Sheet baru untuk masing-masing layout tersebut (Beri nama: event shalat dan event game).

  2. Hias Layout:

    • Masukkan background dan judul sesuai tema masing-masing.

    • Pastikan setiap layout memiliki tombol kembali agar pemain bisa balik ke menu utama.

      Hasil Layout Menu Shalat



      Hasil Layout Menu Game

  3. Hubungkan Tombol:

    • Kembali ke event judul utama.

    • Buat perintah: Jika menu_shalat di-tap -> Go to layout Menu Shalat.

    • Buat perintah: Jika menu_game di-tap -> Go to layout Menu Game.

📝 Tips Penting:

  • Kenapa Touch? Fitur Touch secara otomatis juga berfungsi sebagai klik Mouse, jadi game kamu bisa dimainkan di komputer maupun di HP/Tablet.

  • Simpan Projek: Jangan lupa tekan Ctrl + S atau tombol Save secara berkala agar hasil kerja kerasmu tidak hilang!

📦 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

✨ Penutup

Wah, hebat sekali! Sekarang game kalian sudah mulai "hidup" karena tombol-pilihannya sudah bisa berfungsi. Ini adalah dasar yang sangat penting dalam pembuatan game, yaitu menghubungkan satu halaman ke halaman lainnya menggunakan logika sentuhan.

Sampai jumpa di Part 3 - Membuat Isi Materi: Animasi dan Suara Bacaan Shalat. Kita akan belajar membuat isi game kita jadi lebih keren lagi!

Selamat berkreasi, Developer Muda! 🚀

Komentar

Posting Komentar

Postingan populer dari blog ini

Panduan Lengkap Merekam Audio Bacaan Shalat: Jernih, Syahdu, dan Sistematis

-
Gambar
Assalamu’alaikum Warahmatullahi Wabarakatuh. Merekam bacaan shalat kini bukan hanya untuk keperluan dokumentasi pribadi, tapi juga menjadi sarana dakwah dan media belajar (tahsin) yang sangat efektif. Namun, tantangan terbesarnya adalah bagaimana menghasilkan suara yang jernih, minim gangguan, dan tertata rapi. Di artikel kali ini, saya akan membagikan panduan teknis sekaligus checklist materi apa saja yang harus direkam agar modul pembelajaran shalat Anda menjadi lengkap dan sempurna. 1. Persiapan Teknis (Alat & Lingkungan) Sebelum mulai menekan tombol record , perhatikan beberapa hal berikut: Mic Clip-on: Sangat disarankan menggunakan mic kecil yang dijepit di kerah agar suara fokus dan tidak bergema. Aplikasi Perekam: Gunakan aplikasi yang mendukung format WAV atau MP3 320kbps untuk kualitas terbaik. Lokasi: Pilih ruangan yang kedap atau minim suara bising (kipas angin atau kendaraan). 2. Checklist Materi Rekaman (Urutan Sistematis) Agar tidak ada yang terlewat, berikut ad...
Baca selengkapnya

Membangun Aplikasi Interaktif "Panduan Salat" dengan Construct 2: Lengkap dengan Audio, Animasi Gerakan, dan 3 Mini-Game Edukatif!

-
Gambar
Halo teman-teman pengembang game edukasi! Belajar tata cara ibadah kini bisa jauh lebih menarik dengan bantuan teknologi. Dalam postingan kali ini, saya membagikan sebuah projek aplikasi edukasi "Tuntunan Salat Lengkap" yang dibuat menggunakan Construct 2 . Aplikasi ini dirancang untuk membantu anak-anak memahami gerakan dan bacaan salat secara mandiri. Fitur Unggulan dalam Projek Ini: Visualisasi Gerakan: Ilustrasi gambar gerakan salat dari Takbiratul Ihram hingga Salam. Audio Guide: Suara bacaan salat yang muncul otomatis pada setiap gerakan. 3 Variasi Mini-Games: Game Memasangkan: Mencocokkan nama gerakan dengan gambar yang sesuai. Game Adventure: Petualangan mengumpulkan poin sambil belajar urutan salat. Game Tebak Gerakan: Kuis interaktif untuk menguji hafalan gerakan. Aplikasi ini sangat cocok bagi para guru atau mahasiswa yang ingin mengembangkan media pembelajaran berbasis IT. 📥 Download Template Projek Anda dapat mengunduh file mentah ( .capx ) projek ini untu...
Baca selengkapnya

Cara Instal Corel Draw X7 Permanen

-
Gambar
Cara Instal Corel Draw X7 Permanen  -  Coreldraw  adalah software desain grafis yang paling populer dan sering digunakan, dikarenakan tool yang mudah dan interface yang sederhana membuat coreldraw banyak diminati, mulai pelajar hingga desainer profesional, penggunaannya pun beragam diantaranya desain logo, banner, kartu nama, poster, dll. Namun sebelum menggunakan software corel draw pasti perlu untuk install dulu kan, masih banyak pengguna komputer yang tidak tahu bagaimana  Cara Instal Corel Draw X7 Permanen  di PC Desktop atau Laptop Windows yang digunakan. Baik pemula yang baru ingin belajar menggunakan Corel Draw, atau bahkan desainer yang sudah sering menggunakan software Corel Draw. Cara Instal Corel Draw X7 Permanen  di Laptop Windows 10,8,7 ada banyak versi software coreldraw mulai dari yang populer diantaranya X4, X5, X6, X7, dan versi terbaru Corel 2019, namun kali ini Apock Design akan membagikan cara Instalasi coreldraw X7, karena versi ini pal...
Baca selengkapnya