Saya pernah membahas di sini dan di sini sebagai contoh cara membuat file XML untuk soal pilihan ganda.

Sekarang, saya akan memberikan contoh lain berupa dialog percakapan.

Berikut format XML nya.
Dalam dialog sederhana ini, terdapat setting mengenai :

  • wajah karakter
  • nama karakter
  • dialog yang diucapkan
  • penempatan posisi wajah (kiri / kanan)

Kemudian, berikut tampilan menu dialognya.
Pada awalnya, sprite wajah serta teks nama dan dialog dibuat invisible.


Masing-masing sprite wajah memiliki animation frame berupa daftar semua wajah yang akan digunakan dalam percakapan.


Menampilkan Percakapan

1.) Ambil dulu value yang dimiliki oleh tag <dialog>

2.) Bandingkan nilai posisi dari tag <posisi>.

Jika posisinya di kiri, maka sprite wajah dan teks nama bagian kiri dibuat visible, lalu diganti nilainya sesuai dengan animation frame dan nama yang diambil dari tag <frame> dan <nama>.

Lihat lagi struktur XML nya kalau belum jelas.


Hasil

Nah, gampang to?
Tampilan ini masih bisa dikembangkan lagi, misalnya :

  • bagaimana jika teksnya terlalu banyak, sehingga tempatnya tidak cukup, dan perlu dipotong jadi beberapa bagian?

  • teks tidak langsung muncul banyak, tapi memiliki efek mengetik otomatis

Source code bisa didownload di sini