[7 Hari] Membuat Game Menyenangkan Bersama AI

Sudah satu minggu sejak kami mulai membuat game web berbasis D&D5e bersama Perplexity.AI.

Hari ini, lebih banyak peningkatan arsitektur internal dilakukan untuk game yang lebih kokoh daripada kontennya.

★ Penggunaan Layered Canvas

Alih-alih menggunakan satu kanvas, kami memisahkannya menjadi tiga kanvas (background, ui, character).

Dengan cara ini, alih-alih menggambar ulang semuanya, hanya bagian yang perlu diperbarui yang digambar ulang dan digabungkan, sehingga

ini membantu meningkatkan kinerja secara keseluruhan, (kata AI). ㅎㅎ

Dan ini yang saya pelajari kali ini, tetapi jika tidak ada save, restore dalam pekerjaan kanvas, masing-masing elemen akan saling memengaruhi, sehingga

jika Anda ingin mengekspresikan dengan tepat di kanvas sesuai keinginan, Anda dapat menggunakan save dan restore.

★ Perubahan ke Metode ESM

Sebelumnya, semua js dimuat di html menggunakan <script>, tetapi setiap kali kode dipisahkan, js terus bertambah, jadi...

Awalnya, dengan ingatan yang tertinggal di masa lalu, saya mencoba menggunakan require.js, tetapi AI mengajari saya teknologi terbaru.

Berkat itu, saya berhasil memperbaiki dengan metode ESM. Sekarang, tidak peduli seberapa banyak kode yang ditambahkan,

Seperti di atas, hanya main.js yang dideklarasikan sebagai module yang ditulis di index.html. Kelihatan bagus.

Setelah meningkatkan struktur keseluruhan dengan cara ini, saya dapat menambahkan fungsi-fungsi berikut.

★ Implementasi Interaksi Fasilitas

Saat memasuki fasilitas, pilihan akan ditampilkan di jendela dialog, dan interaksi dimungkinkan melalui klik (sentuh).

Ini akan menjadi fungsi dasar saat menambahkan berbagai sistem di masa mendatang. Meskipun ada banyak bug dan revisi selama penambahan, tetapi

sekarang berfungsi dengan baik, jadi OK.

Sekarang, pilihan muncul di jendela dialog seperti ini, dan berfungsi dengan normal saat diklik. Tampilan lokasi di atas juga ditampilkan dengan benar.

Dan dalam pertempuran, efek ditampilkan seperti di bawah ini sesuai dengan hasil serangan!

Jika mengenai sasaran, Hit! Jika terjadi critical, Critical! akan ditampilkan. Ini juga tidak berfungsi dengan baik kemarin, huhuhu..

Secara keseluruhan, setelah membersihkan kode dan meningkatkan strukturnya, saya merasa fungsi-fungsi yang telah diimplementasikan bekerja sesuai harapan.

Dan karena semua gambar dimuat di awal dan game dimulai, layar pemuatan juga diimplementasikan seperti di bawah ini.

Entahlah... Sekarang terasa lebih seperti game.

Sepertinya persiapan dan dasar-dasar sudah selesai, jadi saya akan mencoba implementasi langkah selanjutnya.

Pertama, saya akan mengimplementasikan sistem sihir untuk kelas caster, tindakan tambahan untuk kelas pencuri dan petarung, dan

acara yang akan dipicu saat menjelajahi, bukan pertempuran, pencarian melalui interaksi di desa, istirahat, perdagangan barang, skenario, dll...

Wah.. masih banyak yang harus dilakukan!?

Tapi tetap menyenangkan untuk maju bersama AI.

Alamat uji: https://ggoban.com/d2ng/

Alamat Github: https://github.com/d2ng/