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

Bugün, önceki çalışmanın devamı olarak kod ayrımı ve özellik ekleme işlemlerinde biraz ilerledim.

Öncelikle, html, js ve css'nin hepsinin aynı dosyada bulunduğu kaynağı ayırma talebinde bulundum.

Q9. Yukarıdaki entegre kaynağı, html, js ve css dosyaları halinde ayrı bir yapıya dönüştürün.

-> index.html, game.js ve styles.css olmak üzere 3'lü bir yapıya ayrıldı.

Q10. Yukarıdaki kaynakta, konsol ekranının sol tarafına karakter durumunu sürekli kontrol edebileceğimiz bir durum çubuğu bölgesi ekleyin ve ilgili özellikleri ekleyin.

-> Sol tarafa sabit bir yan çubuk eklendi ve durumun sürekli olarak kontrol edilebilmesi için ilgili özellikler game.js dosyasına eklendi/düzenlendi.

Q11. Yukarıdaki kaynakta, durum çubuğunda beceri puanlarını kullanabileceğimiz bir düğme ve ilgili özelliği ekleyin.

-> Mevcut beceri puanları doğrudan bir uyarı penceresine girildiği için bu talep yapıldı ve beceri puanı varsa düğmenin etkinleştirilmesiyle sezgisel bir kullanım sağlandı.

Q12. Yukarıdaki kaynakta, savaşta zafer kazandığında canavarın seviyesine göre altın düşürün ve kazanılan altının durum çubuğunda görüntülenmesini sağlayın.

-> Altın düşürme özelliği eklendi ve sol durum çubuğunda görüntülenmesi sağlandı.

Yukarıdaki 4 sorunun çözümüyle ekran ve yapı daha gerçekçi hale geldi ve ileride mağaza gibi özellikler eklemek için temel oluşturuldu.

İleride mağaza özelliği (iyileştirme eşyaları vb.), beceri sistemi ekleme vb. gibi geliştirmelerle devam edilecektir.

https://ggoban.com/hof/