Tutorial Construct 2: Menambahkan Backsound, Sound Button, dan Tombol Mute

Langkah 1: Menambahkan Objek Audio

1. Buka Construct 2 dan masuk ke proyek kamu.

2. Klik kanan di Layout View → pilih Insert New Object → pilih Audio → klik Insert.

3. Setelah objek Audio muncul di Project Panel, kamu sudah siap untuk menambahkan file suara.

Langkah 2: Mengimpor File Suara

1. Pada panel Project, klik kanan pada folder Sounds → pilih Import Sounds.

2. Pilih file audio yang akan kamu gunakan, misalnya:

   • backsound.mp3 untuk musik latar belakang

   • button_click.wav untuk efek tombol

3. Pastikan file audio berformat 16-bit agar kompatibel dengan Construct 2.

4. Klik OK untuk mengimpor.

Langkah 3: Memutar Backsound Secara Otomatis

1. Buka Event Sheet dari layout utama (misalnya layout “Opening”).

2. Tambahkan event:

   • System → On start of layout

3. Tambahkan action:

   • Audio → Play (“backsound”) (looped)

4. Atur volume backsound jika terlalu keras, misalnya ke -10 dB.

   • (Volume -10 berarti sedikit diredam agar tidak mengganggu.)

Langkah 4: Menambahkan Efek Suara Tombol

1. Klik objek tombol (misalnya tombol Mulai atau Play).

2. Tambahkan event:

   • Touch → On touched object → [nama tombol]

3. Tambahkan action:

   • Audio → Play (“button_click”) (not looped)

   • Artinya, suara tombol hanya akan berbunyi sekali setiap diklik.

4. Jalankan preview (F5) untuk mengetes — saat tombol ditekan, efek suara akan terdengar.

Langkah 5: Menghindari Suara Ganda (Double Sound)

Jika kamu berpindah dari satu layout ke layout lain dan suara backsound berulang dua kali, lakukan langkah ini:

1. Pada layout baru, sebelum memutar backsound, tambahkan event:

   • Audio → Stop (“backsound”)

2. Setelah itu baru tambahkan event baru untuk memutar backsound lagi.

   • Tujuannya agar backsound lama berhenti dulu sebelum mulai yang baru.

Langkah 6: Membuat Tombol Mute/Unmute

1. Buat dua gambar tombol (sprite) — misalnya:

   • Frame 0 → ikon sound on

   • Frame 1 → ikon sound off

2. Masukkan sprite tersebut ke layout, beri nama Btn_Sound.

3. Tambahkan Global Variable baru:

   • Nama: BacksoundAktif

   • Tipe: Number

   • Nilai awal: 1 (1 = aktif, 0 = mute)

Langkah 7: Menambahkan Logika Mute dan Unmute

1. Tambahkan event:

   • Touch → On touched object → Btn_Sound

2. Tambahkan sub-event dengan kondisi:

   • System → Compare variable → BacksoundAktif = 1

     • Action 1: Audio → Set muted (“backsound”)

     • Action 2: Set animation frame Btn_Sound = 1

     • Action 3: Set variable BacksoundAktif = 0

3. Tambahkan Else condition:

   • Audio → Set unmuted (“backsound”)

   • Set animation frame Btn_Sound = 0

   • Set variable BacksoundAktif = 1

Langkah 8: Uji Hasil

1. Klik Run Preview (F5).

2. Pastikan:

   • Musik backsound otomatis berjalan saat aplikasi dibuka.

   • Efek klik tombol terdengar dengan jelas.

   • Saat tombol mute diklik, suara berhenti dan ikon berubah.

   • Saat diklik lagi, musik kembali berjalan normal.