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

Tiba-tiba menjadi seri ini, tapi karena seru, ya sudahlah.

Sekarang, sedikit demi sedikit pertanyaan untuk memperbaiki bug dan hal-hal kecil lainnya semakin banyak, jadi

Sepertinya akan sulit untuk mencatat semua pertanyaan, tetapi mari kita coba tulis.

Q13. Di game di atas, tambahkan area kanvas untuk menampilkan gambar latar belakang, karakter, dan monster di atas area konsol.

-> Setelah itu, untuk menambahkan grafik, permintaan pertanyaan ini dilakukan, dan dengan menambahkan area kanvas, masing-masing fungsi yang diperlukan dipisahkan dan ditambahkan ke 3 file. Pada saat ini, fungsi untuk menggambar latar belakang, karakter, dan monster ditambahkan, bersama dengan healthbar di atas karakter dan monster. (Wow), hero, goblin, orc, troll, dragon, background masing-masing harus disiapkan sendiri, jadi permintaan pembuatan gambar dilakukan di tab baru di perplexity juga (model flux tipe ilustrator).

Pembuatan gambar tidak berjalan dengan baik saat memasukkan teks dalam bahasa Korea, jadi permintaan dilakukan sebagai berikut:

Q13.1. fantasy, hero, sisi kanan, 2d pixel, ukuran 100x100, gambar karakter

Q13.2. fantasy, goblin, sisi kanan, 2d pixel, ukuran 100x100, gambar karakter

Q13.3. fantasy, monster orc, sisi kiri, 2d pixel, ukuran 100x100, gambar itu.

13.4. fantasy, monster troll, sisi kiri, 2d pixel, ukuran 100x100, gambar itu.

13.5. fantasy, monster naga, sisi kiri, 2d pixel, ukuran 100x100, gambar itu.

13.6. fantasy, hutan, lebar 800 pixel, tinggi 400 pixel, gambar gambar

Q14. Cetak ulang seluruh source code.

-> Permintaan untuk mencetak ulang semuanya untuk implementasi.

Q15. Bagian akhir dari file game.js hilang. Cetak ulang hanya file tersebut.

-> Ada sedikit bagian yang hilang di bagian akhir file game.js, jadi permintaan untuk mencetak ulang hanya file tersebut.

Q16. File game.js terlalu panjang. Bisakah dipisahkan berdasarkan fungsi utamanya?

-> Karena satu file js menjadi terlalu panjang, permintaan pemisahan berdasarkan fungsi dilakukan untuk pengelolaan selanjutnya, dan diimplementasikan sebagai berikut:

Ya, tentu saja. File game.js dapat dipisahkan berdasarkan fungsi utamanya agar lebih mudah dikelola. Mari kita pisahkan file tersebut sebagai berikut:

characters.js: Definisi kelas Character, Player, Monster
items.js: Definisi kelas Weapon, Armor dan data terkait
game.js: Kelas Game dan logika game utama
ui.js: Fungsi terkait UI (menggambar kanvas, memperbarui status, dll.)
main.js: Fungsi terkait inisialisasi dan eksekusi game

Q17. File main.js hilang. Cetak ulang hanya file tersebut.

-> File ke-5 terakhir juga hilang di akhir, jadi permintaan untuk mencetak ulang dilakukan.

Q18. Cetak ulang source code HTML agar menyertakan file js yang telah dipisahkan.

-> Permintaan untuk mencetak ulang source code HTML yang menyertakan file yang telah dipisahkan.

Q19. Ada bug di mana healthbar tidak ditampilkan di kanvas selama pertempuran. Periksa source code dan perbaiki.

-> Ditampilkan dengan benar, tetapi health bar hanya muncul di awal dan tidak muncul selama pertempuran, jadi permintaan perbaikan dilakukan.

Q20. Terjadi kesalahan saat menggambar monsterImage di ui.js. Perbaiki.

-> Terjadi kesalahan pada fungsi tersebut, jadi permintaan perbaikan dilakukan.

Sampai di sini pekerjaan waktu makan siang selesai dan hasilnya berfungsi dengan baik.

https://ggoban.com/hof/