[4. Bölüm] 30 Dakikada AI ile Web Oyunu Geliştirme

Bu kadar özverili bir şekilde yazı yazdığımı hiç hatırlamıyorum... Yeni şeyler öğrenmek çok eğlenceli olduğu için düzenli yazmaya devam ediyorum.

Öncelikle iyileştirmeler aşağıdaki gibidir.

1. Karakterlere (oyuncu, canavar) kritik vuruş olasılığı ve kritik vuruş hasarı istatistikleri eklendi, böylece savaş sırasında kritik vuruş olasılığına bağlı olarak normalden daha yüksek hasar oluşuyor.

1.1. Seviye atlamada kritik vuruş olasılığının da artırılabilmesi için düzeltme yapıldı.

2. Canavarların ortaya çıkma olasılığı, önceki durumdan (basit rastgele) canavarlara ağırlık verilerek ve ağırlığa göre oluşturulacak şekilde değiştirildi.

2.1. Canavar türleri önceki 4 türden 12 türe çıkarıldı.

3. Kazanılan altınların kullanılabilmesi için savaştan sonra dükkândan iyileştirme iksiri (3 çeşit) alınabilecek şekilde eklendi.

3.1. Savaştan sonra dükkânın kullanılabilmesi için mevcut durum (boşta, savaş, dükkân) yönetiliyor ve duruma göre kullanıcı arayüzü yarıçapı ayarlanıyor.

3.2. Dükkan kullanıcı arayüzüne, dükkândan eşya satın alındığında karakterin HP'sinin iyileştirilebilmesi için mantık eklendi.

(Ek) 4. Mobil cihazlar için duyarlı CSS eklendi.

4.1. Duyarlı CSS'i de rica ettim ve hemen düzeltildi. Harika...

(Ek) 5. Duruma göre düğme gösterim durumu düzeltildi.

5.1. Tüm durumlarda tüm düğmeler görünür olduğundan, "oyun başlat" düğmesine tekrar basıldığında oyunun sıfırlanması gibi sorunları düzeltmek için duruma uygun düğmelerin gösterilmesi sağlandı.

(Ek2) 6. Savaşta turun iki kez ilerlemesi sorunu çözüldü.

6.1. Bu kısım için bir düzeltme isteğinde bulundum ancak battleTurn() fonksiyonunda bir sorun yoktu. Ancak ilgili bölümü incelerken, HTML'deki onclick olayı ile main.js'deki olay dinleyicisi ile olay ekleme kısımlarının çakıştığı ve bu sorunun oluştuğu görüldü. Bu durumu perplexity'e ilettim ve bu cevabı aldım ㅎㅎ

(Ek2) 7. Oyuncu ve canavar isimleri savaş sırasında can çubuğunun üstünde gösterilecek şekilde yansıtıldı ve arka plan değiştirildi.
7.1. Yeni arka plan daha uygun görünüyor. Oyuncunun adını başlarken belirleyip oyuna girebilmesi için düzeltme yapmayı düşünüyorum.

(Ek3) 8. Oyuncu ve canavara mana eklendi, artık isimler belirlenerek oyun oynanabiliyor.
8.1. Başlangıçta isim belirleyip oyuna başlanabilmesi sağlandı ve oyun ilgili isimle devam ediyor.

8.2. Oyuncu ve canavara mana eklendi ve tuvale yansıtıldı.

8.3. Daha sonra yeteneklerin, roguelike oyunlarda olduğu gibi dükkândan rastgele satın alınması ve savaşta kullanılması (yetenekler roguelike oyunlarda olduğu gibi satın alınıyor - belirli bir ağaç sırasına göre genişletiliyor) planlanıyor.

Aslında şimdi başlıkta belirtilenden farklı olarak günde 30 dakikadan fazla zaman harcıyorum.

Eğer işlevleri dosya olarak ayırmamış olsaydım, bu aşamada çok zorlanırdım...

Yine de bugüne kadar yapılan çalışmaları görünce, basit olmasına rağmen artık oldukça gerçekçi bir basit web oyununa benziyor.

ㅎㅎ

Test adresi: https://ggoban.com/hof/