Tutorial Construct 2: Membuat Tombol untuk Pindah ke Halaman (Layout) Lain

cara membuat tombol interaktif di Construct 2 yang berfungsi untuk berpindah dari satu halaman (layout) ke halaman lain, seperti tombol Play pada menu game.

1. Menyiapkan Proyek dan Layout

• Gunakan proyek yang sudah ada (misalnya proyek pergerakan karakter sederhana).

• Tambahkan layout baru dengan cara:

  • Klik kanan pada bagian Project → Add Layout.

  • Centang juga Add Event Sheet agar layout baru memiliki lembar event sendiri.

• Beri nama layout baru, misalnya “Halaman Depan” atau “Menu Awal”.

• Sesuaikan ukuran layout (misal 1280 × 720) agar sama dengan layout game utama.

2. Menambahkan Tombol ke Layout Menu

• Di layout baru (halaman depan), tambahkan objek tombol dengan cara:

  • Klik kanan → Insert New Object → Sprite.

  • Pilih gambar tombol (misalnya tombol Play).

  • Gambar bisa dibuat di Corel, Photoshop, Paint, atau didownload dari internet.

• Atur posisi tombol di layout, misalnya di tengah layar.

3. Menambahkan Plugin “Touch”

• Agar tombol dapat diklik (terutama di perangkat sentuh seperti HP), tambahkan plugin Touch:

  • Klik kanan pada Project panel → Insert New Object → Touch.

  • Jika plugin Touch sudah pernah ditambahkan di proyek sebelumnya, langkah ini bisa dilewati.

4. Membuat Event untuk Aksi Tombol

• Buka Event Sheet milik layout depan.

• Buat event baru:

  • Event: Touch → On Touched Object → [Pilih tombol Play]

  • Action: System → Go to Layout → [Pilih layout tujuan, misalnya “Layout 1”]

• Hasilnya: saat tombol Play disentuh atau diklik, Construct 2 akan memindahkan tampilan ke layout game utama.

5. Menguji Hasil Proyek

• Jalankan proyek dengan Run Layout.

• Saat halaman depan muncul, klik tombol Play.

• Jika berhasil, program akan berpindah otomatis ke halaman (layout) permainan.

• Fungsinya mirip seperti hyperlink — ketika tombol diklik, pengguna diarahkan ke halaman lain dalam game.

6. Penutup dan Tips

• Tombol ini bisa digunakan sebagai menu awal, tombol mulai, atau tombol kembali ke beranda.

• Jika ingin menambahkan efek visual, bisa menambahkan animasi atau suara klik pada tombol.

• Tutorial ini sangat berguna untuk membuat navigasi antar-halaman di game yang dibuat dengan Construct 2.