Install Web App

Belajar Construct. #21 Tutorial Menambahkan Kotak Dialog (Pop-up) di Construct 2

profil-penulis

Jihan Ninov Intania Putri

16 Mei 2025

Langkah-Langkah Menambahkan Gambar Pop-up di Construct 2

1. Siapkan Gambar Pop-up

  • Buat gambar seperti kotak dialog (format PNG agar transparan di belakang).

  • Contoh: kotak berwarna kuning krem seperti yang kamu tampilkan.

  Tips:

  • Ukuran ideal: tidak terlalu besar, misalnya 400x300 px.

  • Format: PNG agar tidak ada background putih.

2. Masukkan Gambar ke Project

  1. Klik kanan di layout → Insert new object → pilih Sprite

  2. Klik di layout, lalu pilih gambar PNG pop-up tadi.

  3. Beri nama objek: PopUpBox

  4. Letakkan gambar di tengah layar

.

3. Sembunyikan Pop-up di Awal Permainan

  1. Klik objek PopUpBox → buka panel Properties

  2. Centang Initial visibility = Invisible

  Artinya gambar tidak langsung terlihat saat game dimulai.

4. Tampilkan Pop-up Saat Event Tertentu

Contoh: Saat player menyentuh item tertentu (misalnya kunci atau diamond)

  1. Di Event Sheet, klik Add event:

    • Pilih PlayerOn collision with object → pilih objek item kamu (misalnya key)

  2. Tambahkan aksi (Add action):

    • Pilih PopUpBoxSet visible

 Pop-up sekarang akan muncul saat player menyentuh objek tertentu.

5. Tambahkan Tombol Tutup (Opsional)

  1. Tambahkan objek button atau sprite tombol di atas PopUpBox

  2. Tambahkan event:

    • ButtonCloseOn clicked

    • Action: PopUpBoxSet invisible

 

 

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Construct #1 Cara Menginstall Construct 2

2. Belajar Construct #2 Membuat Proyek di Construct 2

3. Belajar Construct #3 Cara Menambahkan Background di Construct 2

4. Belajar Construct #4 Cara Menambahkan Ground (Tanah) di Construct 2

5. Belajar Construct #5 Cara Menambahkan Ground Melayang di Construct 2

6. Belajar Construct #6 Cara Menambahkan Player dan Membuatnya Bisa Berjalan

7. Belajar Construct #7 Cara Membuat Player Bisa Wall Jump dan Kendali Penuh

8. Belajar Construct #8 Cara Menambahkan Enemy (Musuh) di Construct 2

9. Belajar Construct #9 Cara Menambahkan Tombol Jalan dan lompat di Construct 2

10. Belajar Construct. #10 Cara Menambahkan Enemy Terbang di Construct 2

11. Belajar Construct. #11 Cara Menambahkan Elemen Diamond di Construct 2

12. Belajar Construct. #12 Cara Menggerakkan Enemy di Construct 2

13. Belajar Construct. #13 Cara Mengurangi Skor Saat Player Mengenai Musuh di Construct 2

14. Belajar Construct. #14 Cara Membuat Player Bisa Mengambil Diamond di Construct 2

15. Belajar Construct. #15 Cara Mengurangi Nyawa (Heart) Saat Player Mengenai Musuh di Construct 2

16. Belajar Construct. #16 Cara Membuat Diamond Melayang di Construct 2

17. Belajar Construct. #17 Cara Menambahkan Heart di Construct 2

18. Belajar Construct. #18 Tambah Diamond Otomatis Saat Diambil di Construct 2

19. Belajar Construct. #19 Cara Menambahkan Elemen Kunci (Key) di Construct 2

20. Belajar Construct. #20 Cara Menampilkan Jumlah Kunci di Construct 2

21. Belajar Construct. #21 Tutorial Menambahkan Kotak Dialog (Pop-up) di Construct 2

22. Belajar Construct. #22 Menampilkan “Level Complete” di Construct 2

23. Belajar Construct. #23 Cara Menampilkan Angka Dinamis di Construct 2

24. Belajar Construct. #24 Cara Membuat Efek Player "Nge-Flash" Saat Mengenai Musuh di Construct 2

25. Belajar Construct. #25 Cara Menambahkan Tulisan “MISI TUNTAS” di Construct 2

26. Belajar Construct. #26 Cara Menambahkan Elemen Kunci di Halaman Game Construct 2

27. Belajar Construct. #27 Menampilkan Pop-Up Saat Semua Kunci Diambil di Construct 2

28. Belajar Construct. #28 Player Mengulang Permainan Saat Heart Habis di Construct 2

29. Belajar Construct. #29 Cara Membuat Tombol Lompat & Jalan Membesar Saat Ditekan di Construct 2

30. Belajar Construct. #30 Cara Menambahkan Bounding Box pada Player di Construct 2 Agar Gerakan Lebih Lancar

31. Belajar Construct. #31 Cara Membuat Player Membalik Arah Otomatis Saat Bergerak

32. Belajar Construct. #32 Cara Membuat Tombol Jalan & Lompat Bisa Digunakan di Construct 2

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya