[7 Gün] Yapay Zeka ile Eğlenceli Oyun Geliştirme

Perplexity.AI ile birlikte D&D5e tabanlı web oyununu geliştirmeye başlamamızın üzerinden bir hafta geçti bile.

Bugün de içerikten ziyade daha sağlam bir oyun için iç mimari iyileştirmeleri daha fazla yaptık.

★ Katmanlı Tuval Kullanımı

Tek bir tuval kullanmak yerine, üç ayrı tuvale (arka plan, arayüz, karakter) ayırdık.

Böylece, tüm tuvali yeniden çizmek yerine, yalnızca güncellenmesi gereken bölümleri yeniden çizip birleştirerek çalışıyoruz.

Bu sayede genel performansın iyileştirilmesine yardımcı olduğunu (AI söylüyor) ㅎㅎ.

Ve bu sefer öğrendiğim bir şey var ama tuval işlemlerinde save, restore yoksa, her bir öğe birbirini etkiler.

Tuval üzerinde istediğiniz gibi doğru bir şekilde ifade etmek istiyorsanız, save ve restore kullanabilirsiniz.

★ ESM Yöntemine Geçiş

Eskiden html'de tüm js dosyalarını <script> ile yükleyerek uyguluyorduk, ancak kod ayrımı her yapıldığında js dosyaları giderek arttı...

Bu yüzden önceki deneyimlerimden dolayı require.js kullanmayı düşündüm, ama AI bana daha modern bir teknoloji öğretti.

ESM yöntemiyle güzelce yeniden düzenledik. Artık kod ne kadar artarsa artsın

Yukarıdaki gibi module ile tanımlanan main.js dosyası sadece index.html'de tanımlanıyor. Görünümü güzel.

Genel yapıyı bu şekilde iyileştirdikten sonra aşağıdaki işlevleri ekleyebildik.

★ Tesis Etkileşiminin Uygulanması

Tesislere girildiğinde, diyalog penceresinde seçenekler görüntüleniyor ve tıklama (dokunma) ile etkileşim kurulabiliyor.

İleride çeşitli sistemlerin eklenmesi için temel bir işlev olacak. Ekleme sırasında birçok hata ve düzeltme işlemi oldu ama

Şimdi düzgün çalışıyor, bu yüzden OK.

Şimdi diyalog penceresinde seçenekler görünüyor ve tıklandığında düzgün çalışıyor. Yukarıdaki bölge gösterimi de doğru konumda gösteriliyor.

Ve savaşta da saldırı sonucuna göre aşağıdaki gibi efektler gösteriliyor!

İsabet ederse Hit! Kritik vuruş olursa Critical! şeklinde gösteriliyor. Dün bu da düzgün çalışmıyordu, hu hu hu..

Genel olarak kodu düzenleyip yapıyı iyileştirdikten sonra, uygulanan işlevlerin beklediğim gibi çalıştığını hissediyorum.

Ve başlangıçta tüm resimleri yükleyip oyunu başlattığımız için, aşağıdaki gibi bir yükleme ekranı da uygulandı.

Nedense... artık biraz daha oyun gibi hissettiriyor.

Bir ölçüde düzenleme ve temel oluşturma işlemi tamamlanmış gibi görünüyor, bu yüzden yavaş yavaş bir sonraki aşamaya geçeceğim.

Öncelikle büyücü sınıfı için sihir sistemi, hırsız ve savaşçı sınıfları için ek eylemler gibi sistemler uygulayacağım ve

savaş dışında tetiklenecek olaylar, köy içinde etkileşim yoluyla görevler, dinlenme, eşya ticareti, senaryolar vb...

Vay canına.. hala yapılacak çok şey var!?

Yine de AI ile birlikte olduğum için keyifle ilerleyeceğim.