[3.Bölüm] 30 Dakikada AI ile Web Oyunu Oluşturma

Aniden dizi oldu ama eğlenceli olduğu için tamam.

Artık yavaş yavaş hatalar ve küçük düzeltmeler için sorular artmaya başladığı için

Tüm soruları kaydetmek zor olabilir ama yazalım.

S13. Yukarıdaki oyunda, konsol alanının üstüne arka plan resmi, karakter ve canavarları gösterecek bir tuval alanı ekle.

-> Bundan sonra grafikler eklemek için bu talebi yaptım ve tuval alanını ekleyerek, ilgili her bir fonksiyonu ayırdığım 3 dosyaya ekledim. Bu sırada arka plan, karakter ve canavar çizme işlevlerinin yanı sıra karakter ve canavarların üzerine sağlık çubuğu ekledim. (Vay canına!), her bir kahraman, goblin, ork, trol, ejderha, arka planın kendisinin hazırlanması gerektiği söylendiği için yeni bir sekmede yine perplexity'ye resim oluşturma talebinde bulundum (flux modeli illüstratör tipi)

Korece girildiğinde resim oluşturma düzgün çalışmadığı için aşağıdaki gibi talepte bulundum

S13.1. fantasy, hero, sağ taraf, 2b piksel, 100x100 boyut, karakter çizimi

S13.2. fantasy, goblin, sağ taraf, 2b piksel, 100x100 boyut, karakter çizimi

S13.3. fantasy, ork canavarı, sol taraf, 2b piksel, 100x100 boyut, çiz

13.4. fantasy, trol canavarı, sol taraf, 2b piksel, 100x100 boyut, çiz.

13.5. fantasy, ejderha canavarı, sol taraf, 2b piksel, 100x100 boyut, çiz.

13.6. fantasy, orman, genişlik 800 piksel, yükseklik 400 piksel, resimleri çiz

S14. Tüm kodu tekrar yazdır.

-> Yansıtma için tüm çıktının yazdırılmasını istedim.

S15. game.js dosyasının son kısmı eksik. Sadece bu dosyayı tekrar yazdır.

-> game.js dosyasının son kısmında küçük bir eksiklik olduğu için sadece bu dosyanın tekrar yazdırılmasını istedim.

S16. game.js dosyası çok uzun. Ana fonksiyonlara göre ayırabilir miyiz?

-> Tek bir js dosyasının çok uzun olması nedeniyle, gelecekteki yönetim için fonksiyonlara göre ayırma talebinde bulundum ve aşağıdaki gibi yansıttım.

Evet, elbette. game.js dosyasını ana fonksiyonlara göre ayırarak daha kolay yönetilebilir hale getirebiliriz. Dosyaları şu şekilde ayıracağız:

characters.js: Character, Player, Monster sınıf tanımları
items.js: Weapon, Armor sınıfları ve ilgili veri tanımları
game.js: Game sınıfı ve ana oyun mantığı
ui.js: Kullanıcı arayüzü ile ilgili fonksiyonlar (tuval çizimi, durum güncellemeleri vb.)
main.js: Oyunun başlatılması ve çalıştırılması ile ilgili fonksiyonlar

S17. main.js dosyası eksik. Sadece bu dosyayı tekrar yazdır.

-> Son 5. dosyanın sonunda da bir eksiklik olduğu için tekrar yazdırılmasını istedim.

S18. Ayrılan js dosyalarını içerecek şekilde html kodunu tekrar yazdır.

-> Ayrılan dosyaları içeren html kodunun yazdırılmasını istedim.

S19. healthbar, savaş sırasında tuvalde gösterilmiyor. Kodu kontrol et ve düzelt.

-> Normalde gösteriliyor ama sadece başlangıçta health bar görünüyor ve savaş sırasında görünmüyor, bu yüzden düzeltme isteğinde bulundum.

S20. ui.js'de monsterImage çizilirken hata oluşuyor. Düzelt.

-> Fonksiyonlarda hata oluştuğu için düzeltme isteğinde bulundum.

Burada öğle yemeği molası çalışmalarımı bitirdim ve sonuçlar iyi çalışıyor.

https://ggoban.com/hof/