[Bagian 2] Membuat Game Web dalam 30 Menit dengan AI.

Hari ini, melanjutkan pekerjaan sebelumnya, saya melakukan sedikit pemisahan kode dan penambahan fitur.

Pertama, saya diminta untuk memisahkan sumber kode yang sebelumnya menggabungkan html, js, dan css dalam satu file.

Q9. Silakan tulis ulang kode terintegrasi di atas menjadi struktur yang dipisahkan menjadi file html, js, dan css

-> Memisahkannya menjadi 3 struktur: index.html, game.js, dan styles.css

Q10. Pada kode di atas, tambahkan area status bar di sebelah kiri layar konsol tengah yang selalu menampilkan status karakter, dan tambahkan fitur terkait.

-> Menambahkan sidebar tetap di sebelah kiri dan menambahkan/memodifikasi fitur terkait pada game.js agar status selalu dapat dilihat.

Q11. Pada kode di atas, tambahkan tombol dan fitur untuk menggunakan skill point di status bar.

-> Karena sebelumnya skill point dimasukkan langsung melalui jendela alert, maka saya menambahkan tombol yang aktif jika ada skill point, sehingga pengguna dapat menggunakannya secara intuitif.

Q12. Pada kode di atas, jika menang dalam pertempuran, monster akan menjatuhkan emas sesuai dengan levelnya, dan emas yang diperoleh dapat dilihat di status bar.

-> Menambahkan fitur untuk menjatuhkan emas, dan memperbarui tampilan di status bar agar emas yang didapat dapat dilihat.

Keempat pertanyaan di atas telah meningkatkan tampilan dan struktur, dan telah meletakkan dasar untuk menambahkan fitur di masa mendatang seperti toko.

Ke depannya, saya akan mengembangkannya dengan menambahkan fitur toko (item penyembuhan, dll.), dan sistem skill.

https://ggoban.com/hof/