Cad\u0131lar Bayram\u0131 temal\u0131 dijital oyunlar geli\u015ftirmek, hem e\u011flenceli hem de \u00f6\u011fretici bir s\u00fcre\u00e7 sunar. Bu makalede, Kiro framework kullanarak yarat\u0131lan Nightmellow adl\u0131 Cad\u0131lar Bayram\u0131 oyununun geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Temel kavramlardan ileri d\u00fczey optimizasyon tekniklerine kadar her \u015feyi ke\u015ffedecek; Kiro ile h\u0131zl\u0131ca interaktif web oyunlar\u0131 nas\u0131l olu\u015fturulur, performans nas\u0131l art\u0131r\u0131l\u0131r ve mobil uyumluluk nas\u0131l sa\u011flan\u0131r, t\u00fcm bu sorular\u0131n cevaplar\u0131n\u0131 bulacaks\u0131n\u0131z.<\/p>\n
Cad\u0131lar Bayram\u0131, yarat\u0131c\u0131l\u0131\u011f\u0131n ve e\u011flencenin s\u0131n\u0131r tan\u0131mad\u0131\u011f\u0131 \u00f6zel bir d\u00f6nemdir. Peki, bu mistik ve esprili atmosferi, kod sat\u0131rlar\u0131 ve grafiklerle dijital bir d\u00fcnyaya ta\u015f\u0131mak ne kadar ger\u00e7ek\u00e7i? \u0130\u015fte tam da bu noktada, Nightmellow projesi devreye giriyor. Kiro adl\u0131 hafif ve g\u00fc\u00e7l\u00fc bir JavaScript framework’\u00fcn\u00fc kullanarak, korkutucu derecede e\u011flenceli bir Cad\u0131lar Bayram\u0131 oyunu geli\u015ftirdik. Bu proje, sadece bir oyun yaratmaktan \u00f6te, web tabanl\u0131 oyun geli\u015ftirmenin inceliklerini, modern tekniklerini ve kar\u015f\u0131la\u015f\u0131lan zorluklar\u0131 pratik \u00f6rneklerle g\u00f6zler \u00f6n\u00fcne seriyor. Bu s\u00fcre\u00e7te hem teknik bilgi birikimimizi art\u0131rd\u0131k hem de oyunculara unutulmaz bir deneyim sunmay\u0131 hedefledik. Asl\u0131nda, dijital bir deneyim yaratmak, fiziksel bir etkinli\u011fi tasarlamak kadar \u00e7ok y\u00f6nl\u00fc ve detayl\u0131 bir i\u015ftir. Oyuncular\u0131n her hareketine, her g\u00f6rsel elemente ve her ses efektine dikkat etmek, ba\u015far\u0131l\u0131 bir sonu\u00e7 i\u00e7in elzemdir. Bu makale boyunca, Nightmellow’un geli\u015ftirme a\u015famalar\u0131n\u0131, kulland\u0131\u011f\u0131m\u0131z ara\u00e7lar\u0131 ve ald\u0131\u011f\u0131m\u0131z stratejik kararlar\u0131 derinlemesine inceleyece\u011fiz. B\u00f6ylece, siz de kendi oyun projelerinize ba\u015flarken sa\u011flam bir temel olu\u015fturabilirsiniz. Ayr\u0131ca, bu t\u00fcr projelerin sadece b\u00fcy\u00fck ekipler taraf\u0131ndan de\u011fil, ayn\u0131 zamanda bireysel geli\u015ftiriciler veya k\u00fc\u00e7\u00fck tak\u0131mlar taraf\u0131ndan da ba\u015far\u0131yla hayata ge\u00e7irilebilece\u011fini g\u00f6receksiniz. Nitekim, Kiro gibi modern ara\u00e7lar, bu t\u00fcrden yarat\u0131c\u0131 projeler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 sunar. \u00d6zellikle, Cad\u0131lar Bayram\u0131 temas\u0131, oyun geli\u015ftiricilere geni\u015f bir yarat\u0131c\u0131l\u0131k alan\u0131 a\u00e7ar; balkabaklar\u0131, hayaletler ve \u015fekerler gibi ikonik \u00f6\u011feler, oyunun esteti\u011fini zenginle\u015ftirmek i\u00e7in harika f\u0131rsatlar sunar. Nightmellow’da bu \u00f6\u011feleri verimli kullanarak, oyuncular\u0131n an\u0131nda Cad\u0131lar Bayram\u0131 atmosferine dalmas\u0131n\u0131 sa\u011flad\u0131k.<\/p>\n
Kiro, web tabanl\u0131 oyun geli\u015ftirmek i\u00e7in tasarlanm\u0131\u015f, hafif ve kullan\u0131m\u0131 kolay bir JavaScript framework’\u00fcd\u00fcr. \u00d6zellikle 2D oyunlar ve interaktif uygulamalar i\u00e7in optimize edilmi\u015f olan Kiro, basit bir API yap\u0131s\u0131yla h\u0131zl\u0131 prototipleme ve geli\u015ftirme imkan\u0131 sunar. Temelinde bir HTML5 Canvas API soyutlama katman\u0131 bulunan Kiro, geli\u015ftiricilerin do\u011frudan Canvas \u00fczerinde d\u00fc\u015f\u00fck seviye i\u015flemlerle u\u011fra\u015fmak yerine, oyun mant\u0131\u011f\u0131na odaklanmas\u0131na olanak tan\u0131r. Peki, piyasada Phaser, PixiJS gibi daha pop\u00fcler alternatifler varken neden Nightmellow projesi i\u00e7in Kiro’yu tercih ettik? \u00d6ncelikle, Kiro’nun \u00f6\u011frenme e\u011frisi olduk\u00e7a d\u00fc\u015f\u00fckt\u00fcr. Ekipteki herkesin JavaScript’e hakim olmas\u0131 sayesinde, framework’e adaptasyon s\u00fcreci \u00e7ok k\u0131sa s\u00fcrd\u00fc. Ayr\u0131ca, projemiz Cad\u0131lar Bayram\u0131 temal\u0131 basit bir “ko\u015f ve topla” mekani\u011fine sahip oldu\u011fundan, a\u015f\u0131r\u0131 kapsaml\u0131 veya karma\u015f\u0131k bir framework’e ihtiyac\u0131m\u0131z yoktu. Kiro’nun hafif yap\u0131s\u0131, oyunun taray\u0131c\u0131da h\u0131zl\u0131 y\u00fcklenmesini ve ak\u0131c\u0131 bir performans sergilemesini sa\u011flad\u0131 ki bu da kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan kritik bir fakt\u00f6rd\u00fc. Nitekim, modern web oyunlar\u0131nda performans, oyuncu ba\u011fl\u0131l\u0131\u011f\u0131n\u0131 do\u011frudan etkileyen \u00f6nemli bir parametredir. Dolay\u0131s\u0131yla, projenin \u00f6l\u00e7e\u011fi ve ekibin yetkinlikleri g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, Kiro en uygun se\u00e7enek olarak \u00f6ne \u00e7\u0131kt\u0131. Bu sayede, geli\u015ftirme s\u00fcrecini h\u0131zland\u0131rd\u0131k ve k\u0131sa s\u00fcrede oynanabilir bir prototip elde ettik.<\/p>\n
Kiro’nun sundu\u011fu avantajlardan biri de mod\u00fcler yap\u0131s\u0131d\u0131r. Sadece ihtiyac\u0131n\u0131z olan bile\u015fenleri kullanarak, projenizin boyutunu minimumda tutabilirsiniz. \u00d6rne\u011fin, fizik motoru entegrasyonu gibi daha karma\u015f\u0131k \u00f6zelliklere ihtiya\u00e7 duyuldu\u011funda, Kiro’nun mevcut eklenti sistemi veya harici k\u00fct\u00fcphanelerle kolayca entegre olabilme yetene\u011fi devreye girer. Nightmellow’da, temel \u00e7arp\u0131\u015fma alg\u0131lama i\u00e7in Kiro’nun kendi basit mekaniklerini kulland\u0131k, bu da kod taban\u0131m\u0131z\u0131 sade tutmam\u0131za yard\u0131mc\u0131 oldu. Bununla birlikte, animasyon y\u00f6netimi, input i\u015fleme ve sahne y\u00f6netimi gibi temel oyun geli\u015ftirme ihtiya\u00e7lar\u0131, Kiro’nun \u00e7ekirdek yap\u0131s\u0131nda zaten mevcuttu. Bu, geli\u015ftiricilerin tekrar tekerlek icat etmek zorunda kalmadan, do\u011frudan oyunun benzersiz mekaniklerine ve esteti\u011fine odaklanmas\u0131n\u0131 sa\u011flad\u0131. Ayr\u0131ca, Kiro’nun d\u00f6k\u00fcmantasyonu nispeten k\u00fc\u00e7\u00fck olsa da, kaynak kodunun okunabilirli\u011fi ve basitli\u011fi sayesinde, ihtiya\u00e7 duydu\u011fumuz her \u015feyi kolayca anlay\u0131p uygulayabildik. Ger\u00e7ek d\u00fcnya senaryolar\u0131nda, bu t\u00fcr “ufak ama etkili” framework’ler, \u00f6zellikle belirli bir ni\u015f veya h\u0131zl\u0131 teslimat gerektiren projeler i\u00e7in kurtar\u0131c\u0131 olabilir. \u00d6zetle, Kiro, hem yeni ba\u015flayanlar hem de belirli senaryolarda h\u0131zl\u0131 \u00e7\u00f6z\u00fcmler arayan deneyimli geli\u015ftiriciler i\u00e7in g\u00fc\u00e7l\u00fc bir alternatif sunmaktad\u0131r. Bu esneklik, Nightmellow projesinin ba\u015far\u0131s\u0131nda kilit bir rol oynam\u0131\u015ft\u0131r.<\/p>\n
Nightmellow’un oyun mekani\u011fi, Cad\u0131lar Bayram\u0131 temas\u0131n\u0131n \u00e7ekirde\u011fini olu\u015fturan “\u015feker toplama” fikri etraf\u0131nda \u015fekillendi. Oyuncular, sevimli bir balkaba\u011f\u0131 karakterini kontrol ederek, \u00e7e\u015fitli engellerden ka\u00e7\u0131nmal\u0131 ve olabildi\u011fince \u00e7ok \u015feker toplamal\u0131d\u0131r. Oyunun temel amac\u0131, belirlenen s\u00fcre i\u00e7inde en y\u00fcksek puan\u0131 elde etmektir. Tasar\u0131m a\u015famas\u0131nda, oyuncuya keyifli ve ak\u0131c\u0131 bir deneyim sunmak i\u00e7in \u015fu temel mekanikler \u00fczerinde duruldu:<\/p>\n
Kiro ile bu mekanikleri hayata ge\u00e7irmek olduk\u00e7a basitti. Oyun d\u00f6ng\u00fcs\u00fc, Kiro’nun ana <\/code><\/p>\n Yukar\u0131daki \u00f6rnekte, Kiro'nun Nightmellow'da, \u015fekerler ve engeller belirli aral\u0131klarla ekran\u0131n \u00fcst k\u0131sm\u0131ndan rastgele konumlarda belirir ve a\u015fa\u011f\u0131 do\u011fru hareket eder. Bu, <\/code><\/p>\n Bu vaka analizi, Kiro'nun temel oyun mekaniklerini ne kadar h\u0131zl\u0131 ve verimli bir \u015fekilde uygulayabildi\u011fimizi g\u00f6stermektedir. Geli\u015ftirme s\u00fcrecinde, bu t\u00fcr temel etkile\u015fimleri sa\u011flam bir \u015fekilde in\u015fa etmek, daha sonraki a\u015famalarda daha karma\u015f\u0131k \u00f6zellikler eklemek i\u00e7in sa\u011flam bir zemin haz\u0131rlad\u0131. Kiro'nun basit API'leri sayesinde, bu etkile\u015fimlerin kodlanmas\u0131 olduk\u00e7a okunakl\u0131 ve y\u00f6netilebilir kald\u0131. Bu da ekibin farkl\u0131 \u00fcyelerinin ayn\u0131 kod taban\u0131 \u00fczerinde e\u015f zamanl\u0131 ve hatas\u0131z \u00e7al\u0131\u015fmas\u0131na olanak tan\u0131d\u0131. Nitekim, projenin ba\u015f\u0131ndan sonuna kadar kod kalitesini y\u00fcksek tutmak, gelecekteki bak\u0131m ve geli\u015ftirme maliyetlerini azaltmak ad\u0131na kritikti. Dolay\u0131s\u0131yla, Kiro'nun sa\u011flad\u0131\u011f\u0131 bu kolayl\u0131klar, Nightmellow projesinin zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamamlanmas\u0131nda b\u00fcy\u00fck rol oynad\u0131.<\/p>\n Bir oyun projesinin ba\u015far\u0131l\u0131 olabilmesi i\u00e7in varl\u0131k (asset) y\u00f6netimi ve etkile\u015fim kodlar\u0131n\u0131n d\u00fczenli bir \u015fekilde entegrasyonu kritik \u00f6neme sahiptir. Nightmellow'da g\u00f6rseller, ses efektleri ve aray\u00fcz elemanlar\u0131 gibi t\u00fcm varl\u0131klar, Kiro'nun dahili varl\u0131k y\u00fckleyici (asset loader) mekanizmas\u0131 kullan\u0131larak y\u00f6netildi. Bu, oyunun ba\u015flat\u0131lmas\u0131 s\u0131ras\u0131nda t\u00fcm gerekli dosyalar\u0131n e\u015fzamans\u0131z olarak y\u00fcklenmesini sa\u011flar ve oyuncunun oyuna sorunsuz bir \u015fekilde ba\u015flamas\u0131na olanak tan\u0131r. Varl\u0131klar\u0131n y\u00fcklenmesi tamamland\u0131\u011f\u0131nda, <\/code><\/p>\n Etkile\u015fim kodlar\u0131, oyuncu ile oyun d\u00fcnyas\u0131 aras\u0131ndaki ileti\u015fimi y\u00f6netir. Bu, klavye veya dokunmatik ekran girdileri, \u00e7arp\u0131\u015fma alg\u0131lamalar\u0131 ve oyun i\u00e7i durum de\u011fi\u015fiklikleri anlam\u0131na gelir. Kiro, bu etkile\u015fimleri y\u00f6netmek i\u00e7in basit ve anla\u015f\u0131l\u0131r bir API sunar. \u00d6rne\u011fin, mobil cihazlarda dokunmatik kontrolleri uygulamak i\u00e7in G\u00fcn\u00fcm\u00fczde oyunlar\u0131n sadece masa\u00fcst\u00fc bilgisayarlarda de\u011fil, ayn\u0131 zamanda mobil cihazlarda da sorunsuz \u00e7al\u0131\u015fmas\u0131 beklenmektedir. Nightmellow projesinde, mobil uyumluluk ve performans optimizasyonu en ba\u015f\u0131ndan itibaren \u00f6nceliklerimiz aras\u0131nda yer ald\u0131. \u00d6ncelikle, oyunun canvas boyutunu dinamik hale getirerek farkl\u0131 ekran boyutlar\u0131na uyum sa\u011flamas\u0131n\u0131 hedefledik. Bu, CSS media query'leri ve JavaScript ile canvas boyutunu ekran geni\u015fli\u011fine g\u00f6re ayarlayarak ba\u015far\u0131ld\u0131. B\u00f6ylece, oyun hem k\u00fc\u00e7\u00fck ak\u0131ll\u0131 telefon ekranlar\u0131nda hem de geni\u015f tabletlerde orant\u0131l\u0131 bir \u015fekilde g\u00f6r\u00fcnt\u00fclenebiliyor. Ayr\u0131ca, dokunmatik kontrollerin entegrasyonu, mobil cihazlarda sezgisel bir oynan\u0131\u015f deneyimi sunmak i\u00e7in zorunluydu. Kiro'nun input y\u00f6neticisi sayesinde, klavye olaylar\u0131yla birlikte dokunmatik olaylar\u0131 da kolayca ele alabildik. Bu sayede, tek bir kod taban\u0131yla hem masa\u00fcst\u00fc hem de mobil platformlar\u0131 desteklemek m\u00fcmk\u00fcn oldu. Nitekim, \"responsive design\" prensipleri sadece web siteleri i\u00e7in de\u011fil, interaktif web oyunlar\u0131 i\u00e7in de ge\u00e7erlidir ve kullan\u0131c\u0131 eri\u015filebilirli\u011fini art\u0131r\u0131r.<\/p>\n Performans optimizasyonu ise bir di\u011fer kritik aland\u0131. \u00d6zellikle JavaScript tabanl\u0131 web oyunlar\u0131nda, kare h\u0131z\u0131n\u0131n (FPS) y\u00fcksek ve istikrarl\u0131 olmas\u0131, ak\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi i\u00e7in elzemdir. Nightmellow'da a\u015fa\u011f\u0131daki optimizasyon tekniklerini uygulad\u0131k:<\/p>\n Bir vaka analizi olarak, Nightmellow'un ilk prototipinde, \u00f6zellikle mobil cihazlarda d\u00fc\u015f\u00fck FPS de\u011ferleri elde edildi\u011fini fark ettik. Sorun, her d\u00fc\u015fen \u015feker veya engel i\u00e7in yeni bir <\/code><\/p>\n Yukar\u0131daki CSS kod par\u00e7ac\u0131\u011f\u0131, canvas elementinin farkl\u0131 ekran boyutlar\u0131na ve y\u00f6nelimlerine nas\u0131l uyum sa\u011flayabilece\u011fini g\u00f6stermektedir. JavaScript ile de Bir oyunun geli\u015ftirme s\u00fcreci, kodlaman\u0131n \u00f6tesine ge\u00e7erek da\u011f\u0131t\u0131m ve test a\u015famalar\u0131n\u0131 da kapsar. Nightmellow'u oyunculara sunmadan \u00f6nce kapsaml\u0131 testler yap\u0131ld\u0131 ve en uygun da\u011f\u0131t\u0131m y\u00f6ntemleri belirlendi. Test s\u00fcrecinde \u00f6ncelikle fonksiyonel testler ger\u00e7ekle\u015ftirildi: Oyun mekaniklerinin beklenen \u015fekilde \u00e7al\u0131\u015f\u0131p \u00e7al\u0131\u015fmad\u0131\u011f\u0131, puanlama sisteminin do\u011fru hesaplan\u0131p hesaplanmad\u0131\u011f\u0131, can sisteminin i\u015flevsel olup olmad\u0131\u011f\u0131 kontrol edildi. Ard\u0131ndan, \u00e7e\u015fitli taray\u0131c\u0131larda (Chrome, Firefox, Safari, Edge) ve farkl\u0131 cihazlarda (masa\u00fcst\u00fc, mobil, tablet) uyumluluk testleri yap\u0131ld\u0131. Bu testler s\u0131ras\u0131nda, \u00f6zellikle Safari taray\u0131c\u0131s\u0131nda baz\u0131 ses sorunlar\u0131 ve mobil cihazlarda dokunmatik input alg\u0131lama gecikmeleri gibi k\u00fc\u00e7\u00fck ama \u00f6nemli sorunlar tespit edildi. Bu sorunlar, taray\u0131c\u0131ya \u00f6zg\u00fc API'ler veya Kiro'nun input y\u00f6neticisindeki ince ayarlar ile giderildi. Nitekim, \"cross-browser compatibility\" web geli\u015ftirmenin her alan\u0131nda oldu\u011fu gibi oyun geli\u015ftiricileri i\u00e7in de s\u00fcrekli bir m\u00fccadele alan\u0131d\u0131r. Bu nedenle, geni\u015f bir test yelpazesi uygulamak, oyunun m\u00fcmk\u00fcn olan en geni\u015f kitleye ula\u015fmas\u0131n\u0131 sa\u011flar.<\/p>\n Da\u011f\u0131t\u0131m a\u015famas\u0131 i\u00e7in, Nightmellow projesinin hafif yap\u0131s\u0131 ve HTML5 tabanl\u0131 olmas\u0131 sayesinde \u00e7e\u015fitli se\u00e7eneklerimiz vard\u0131. En basit ve maliyetsiz y\u00f6ntemlerden biri olan GitHub Pages, statik web siteleri ve k\u00fc\u00e7\u00fck oyunlar i\u00e7in ideal bir bar\u0131nd\u0131rma \u00e7\u00f6z\u00fcm\u00fc sundu. Oyunu bir GitHub deposuna y\u00fckleyerek ve GitHub Pages \u00f6zelli\u011fini etkinle\u015ftirerek, herkesin eri\u015febilece\u011fi bir URL \u00fczerinden kolayca da\u011f\u0131t\u0131m\u0131n\u0131 sa\u011flad\u0131k. Alternatif olarak, Netlify veya Vercel gibi hizmetler de benzer kolayl\u0131klar sunar ve otomatik da\u011f\u0131t\u0131m, CDN entegrasyonu gibi ek avantajlar sa\u011flar. Bu hizmetler, her kod de\u011fi\u015fikli\u011finde otomatik olarak yeni bir s\u00fcr\u00fcm\u00fc da\u011f\u0131tarak \"s\u00fcrekli da\u011f\u0131t\u0131m (Continuous Deployment)\" pratiklerini kolayla\u015ft\u0131r\u0131r. Nitekim, h\u0131zl\u0131 da\u011f\u0131t\u0131m ve kolay g\u00fcncelleme imkan\u0131, modern yaz\u0131l\u0131m geli\u015ftirme s\u00fcre\u00e7lerinin temel ta\u015flar\u0131ndand\u0131r.<\/p>\n Geli\u015ftirme s\u00fcrecinden \u00e7\u0131kar\u0131lan en \u00f6nemli derslerden biri, planlaman\u0131n ve esnekli\u011fin dengesi oldu. Ba\u015flang\u0131\u00e7ta belirlenen baz\u0131 mekaniklerin uygulanmas\u0131n\u0131n teknik olarak zor veya performans a\u00e7\u0131s\u0131ndan verimsiz oldu\u011fu ortaya \u00e7\u0131kt\u0131\u011f\u0131nda, h\u0131zla alternatif \u00e7\u00f6z\u00fcmler \u00fcretmek ve tasar\u0131ma adapte olmak zorunda kald\u0131k. \u00d6rne\u011fin, daha karma\u015f\u0131k d\u00fc\u015fman AI's\u0131 yerine, daha basit ama etkili hareket desenleri ve spawn mekanikleri tercih edildi. Bu, projenin zaman\u0131nda tamamlanmas\u0131n\u0131 sa\u011flarken, ayn\u0131 zamanda oyunun temel e\u011flencesinden \u00f6d\u00fcn vermedi. Ayr\u0131ca, k\u00fc\u00e7\u00fck ve art\u0131ml\u0131 ad\u0131mlarla ilerlemek, her a\u015famada test edilebilir ve i\u015flevsel bir \u00fcr\u00fcn par\u00e7as\u0131n\u0131n olmas\u0131n\u0131 sa\u011flad\u0131. Bu \"agile\" yakla\u015f\u0131m, b\u00fcy\u00fck projelerde oldu\u011fu gibi k\u00fc\u00e7\u00fck projelerde de riskleri azalt\u0131r ve geli\u015ftiricilere daha fazla kontrol sa\u011flar. \u00d6zetle, Nightmellow projesi, Kiro framework'\u00fcn\u00fcn g\u00fcc\u00fcn\u00fc g\u00f6sterirken, ayn\u0131 zamanda pratik oyun geli\u015ftirme s\u00fcre\u00e7lerinin zorluklar\u0131 ve ba\u015far\u0131ya ula\u015fma yollar\u0131 hakk\u0131nda de\u011ferli bilgiler sunmu\u015ftur. Her ne kadar bir Cad\u0131lar Bayram\u0131 oyunu olsa da, bu projenin ard\u0131ndaki prensipler ve teknikler, herhangi bir web tabanl\u0131 oyun projesi i\u00e7in uygulanabilir ve yol g\u00f6sterici niteliktedir.<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Cad\u0131lar Bayram\u0131 temal\u0131 dijital oyunlar geli\u015ftirmek, hem e\u011flenceli hem de \u00f6\u011fretici bir s\u00fcre\u00e7 sunar. Bu makalede, Kiro framework…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-35793","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nGame<\/code> s\u0131n\u0131f\u0131 taraf\u0131ndan y\u00f6netilir ve update<\/code> metodu her karede \u00e7a\u011fr\u0131larak oyunun mant\u0131\u011f\u0131n\u0131 g\u00fcnceller. \u00d6rne\u011fin, karakter hareketini a\u015fa\u011f\u0131daki gibi basit bir kod par\u00e7ac\u0131\u011f\u0131 ile sa\u011flayabiliriz:<\/p>\n\n\/\/ Kiro'da karakter objesi ve hareket kontrol\u00fc\nclass Player extends Kiro.Sprite {\n constructor(image, x, y) {\n super(image, x, y);\n this.speed = 5;\n this.health = 3;\n this.score = 0;\n }\n\n update() {\n \/\/ Klavye inputlar\u0131n\u0131 dinleyerek karakteri hareket ettir\n if (Kiro.Input.isKeyDown('ArrowLeft')) {\n this.x -= this.speed;\n }\n if (Kiro.Input.isKeyDown('ArrowRight')) {\n this.x += this.speed;\n }\n\n \/\/ Ekran s\u0131n\u0131rlar\u0131 i\u00e7inde kalmas\u0131n\u0131 sa\u011fla\n if (this.x < 0) this.x = 0;\n if (this.x + this.width > Kiro.Game.width) this.x = Kiro.Game.width - this.width;\n }\n}\n <\/pre>\nSprite<\/code> s\u0131n\u0131f\u0131ndan t\u00fcretilen Player<\/code> s\u0131n\u0131f\u0131, karakterin temel \u00f6zelliklerini ve hareket mant\u0131\u011f\u0131n\u0131 tan\u0131mlar. Kiro.Input.isKeyDown<\/code> metodu, klavye giri\u015flerini kolayca alg\u0131lamam\u0131z\u0131 sa\u011flar. Bu basit yap\u0131, karma\u015f\u0131k oyun motorlar\u0131nda oldu\u011fu gibi uzun konfig\u00fcrasyon dosyalar\u0131 veya karma\u015f\u0131k ya\u015fam d\u00f6ng\u00fcleri yerine, do\u011frudan oyun mant\u0131\u011f\u0131na odaklanma imkan\u0131 sunar. Ayr\u0131ca, her bir \u015feker veya engel objesini de benzer \u015fekilde Kiro.Sprite<\/code> s\u0131n\u0131f\u0131ndan t\u00fcreterek, kendi update ve render metotlar\u0131n\u0131 yazabiliriz. Nitekim, mod\u00fcler tasar\u0131m, oyunun ilerleyen a\u015famalar\u0131nda yeni \u00f6zellikler eklemeyi veya mevcutlar\u0131 de\u011fi\u015ftirmeyi \u00e7ok daha kolay hale getirir. Bu, \u00f6zellikle h\u0131zl\u0131 iterasyon gerektiren oyun geli\u015ftirme s\u00fcre\u00e7leri i\u00e7in b\u00fcy\u00fck bir avantajd\u0131r. Dolay\u0131s\u0131yla, Kiro'nun basit ama etkili objeye y\u00f6nelik yakla\u015f\u0131m\u0131, Nightmellow'un mekaniklerinin h\u0131zla ve d\u00fczenli bir \u015fekilde geli\u015ftirilmesine olanak sa\u011flam\u0131\u015ft\u0131r.<\/p>\nVaka Analizi: \u015eeker \u00dcretimi ve \u00c7arp\u0131\u015fma Tespiti<\/h3>\n
Kiro.Game<\/code> s\u0131n\u0131f\u0131n\u0131n update<\/code> d\u00f6ng\u00fcs\u00fcnde zamanlay\u0131c\u0131lar kullanarak y\u00f6netilebilir. \u00d6rne\u011fin, her 60 karede (yakla\u015f\u0131k 1 saniye) yeni bir \u015feker veya engel olu\u015fturabiliriz. \u00c7arp\u0131\u015fma tespiti i\u00e7in Kiro'nun yerle\u015fik intersects()<\/code> metodunu kulland\u0131k. Bu metod, iki sprite'\u0131n dikd\u00f6rtgen s\u0131n\u0131rlar\u0131n\u0131n kesi\u015fip kesi\u015fmedi\u011fini kontrol eder. Oyuncu bir \u015fekerle \u00e7arp\u0131\u015ft\u0131\u011f\u0131nda, \u015feker ekrandan kald\u0131r\u0131l\u0131r, oyuncunun puan\u0131 art\u0131r\u0131l\u0131r ve bir ses efekti \u00e7al\u0131n\u0131r. E\u011fer oyuncu bir engelle \u00e7arp\u0131\u015f\u0131rsa, can\u0131 azal\u0131r ve yine bir ses efekti tetiklenir. A\u015fa\u011f\u0131daki kod blo\u011fu, bu mant\u0131\u011f\u0131n nas\u0131l uyguland\u0131\u011f\u0131n\u0131 g\u00f6stermektedir:<\/p>\n\n\/\/ Oyunun ana d\u00f6ng\u00fcs\u00fcnde (Game.update metodu i\u00e7inde)\nlet obstacleTimer = 0;\nconst obstacleSpawnInterval = 60; \/\/ Her 60 karede bir obje olu\u015ftur\n\nfunction gameUpdate() {\n obstacleTimer++;\n if (obstacleTimer >= obstacleSpawnInterval) {\n spawnRandomItem(); \/\/ \u015eeker veya engel olu\u015fturan fonksiyon\n obstacleTimer = 0;\n }\n\n \/\/ T\u00fcm aktif objeler i\u00e7in \u00e7arp\u0131\u015fma kontrol\u00fc\n Kiro.Game.entities.forEach(entity => {\n if (entity instanceof Item || entity instanceof Obstacle) { \/\/ Sadece ilgili objeleri kontrol et\n if (player.intersects(entity)) {\n if (entity instanceof Item) {\n player.score += 10;\n Kiro.Game.remove(entity);\n \/\/ Kiro.Sound.play('collect_sound');\n } else if (entity instanceof Obstacle) {\n player.health--;\n Kiro.Game.remove(entity);\n \/\/ Kiro.Sound.play('hit_sound');\n if (player.health <= 0) {\n gameOver(); \/\/ Oyun biti\u015f fonksiyonu\n }\n }\n }\n }\n });\n}\n <\/pre>\nAd\u0131m Ad\u0131m Kiro Entegrasyonu: Varl\u0131k Y\u00f6netimi ve Etkile\u015fim Kodlar\u0131<\/h2>\n
Kiro.Game.start()<\/code> metodu \u00e7a\u011fr\u0131l\u0131r ve oyun d\u00f6ng\u00fcs\u00fc ba\u015flar. Bu yap\u0131, \u00f6zellikle web tabanl\u0131 oyunlarda, kullan\u0131c\u0131lar\u0131n yava\u015f internet ba\u011flant\u0131lar\u0131 veya b\u00fcy\u00fck boyutlu varl\u0131klar nedeniyle beklemesini engellemek i\u00e7in hayati bir \u00f6neme sahiptir. Ayr\u0131ca, hata durumlar\u0131nda kullan\u0131c\u0131ya geri bildirimde bulunarak bekleme s\u00fcresini daha kabul edilebilir hale getirebilirsiniz. \u00d6rne\u011fin, bir y\u00fckleme \u00e7ubu\u011fu veya y\u00fczdesi g\u00f6stermek, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftirir.<\/p>\n\n\/\/ Varl\u0131klar\u0131n Y\u00fcklenmesi\nKiro.Game.load({\n images: {\n player: 'assets\/images\/pumpkin_character.png',\n sugar: 'assets\/images\/sugar_candy.png',\n ghost: 'assets\/images\/ghost.png',\n background: 'assets\/images\/halloween_background.png'\n },\n sounds: {\n collect: 'assets\/sounds\/collect.mp3',\n hit: 'assets\/sounds\/hit.mp3'\n }\n}).then(() => {\n \/\/ T\u00fcm varl\u0131klar y\u00fcklendikten sonra oyunu ba\u015flat\n Kiro.Game.setup({\n width: 800,\n height: 600,\n backgroundColor: '#000'\n });\n Kiro.Game.start(gameUpdate); \/\/ gameUpdate, oyun mant\u0131\u011f\u0131 fonksiyonu\n \n \/\/ Arkaplan\u0131 ekle\n const background = new Kiro.Sprite('background', 0, 0);\n background.width = Kiro.Game.width;\n background.height = Kiro.Game.height;\n Kiro.Game.add(background);\n\n \/\/ Oyuncu objesini olu\u015ftur ve ekle\n const player = new Player('player', Kiro.Game.width \/ 2, Kiro.Game.height - 100);\n Kiro.Game.add(player);\n\n \/\/ UI elemanlar\u0131n\u0131 olu\u015ftur (skor, can g\u00f6stergesi vb.)\n const scoreText = new Kiro.Text(\"Score: 0\", 20, 20, { font: \"24px Arial\", fill: \"white\" });\n Kiro.Game.add(scoreText);\n});\n <\/pre>\nKiro.Input.isTouchDown<\/code> veya Kiro.Input.getTouchPosition<\/code> gibi metotlar kullan\u0131labilir. Bu, oyunu farkl\u0131 platformlarda oynanabilir k\u0131lmak i\u00e7in \u00f6nemlidir. Nightmellow'da, oyuncunun parma\u011f\u0131n\u0131 ekran\u0131n sol veya sa\u011f yar\u0131s\u0131na bas\u0131l\u0131 tutmas\u0131yla karakterin hareket etmesini sa\u011flad\u0131k. Bu t\u00fcr bir yakla\u015f\u0131m, tek bir kod taban\u0131yla hem masa\u00fcst\u00fc hem de mobil cihazlar\u0131 desteklememize olanak tan\u0131d\u0131. Nitekim, modern web oyunlar\u0131nda \"her yerden eri\u015filebilirlik\" temel bir beklenti haline gelmi\u015ftir. Bu nedenle, input mekaniklerini tasarlarken farkl\u0131 cihaz t\u00fcrlerini g\u00f6z \u00f6n\u00fcnde bulundurmak, projenin genel ba\u015far\u0131s\u0131 i\u00e7in kritik bir ad\u0131md\u0131r. Ek olarak, oyunun kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) elemanlar\u0131, Kiro'nun Text<\/code> ve Sprite<\/code> s\u0131n\u0131flar\u0131 kullan\u0131larak kolayca olu\u015fturuldu. Skor, kalan can ve zaman gibi bilgiler, ekran\u0131n belirli bir b\u00f6l\u00fcm\u00fcne sabitlenerek oyuncuya s\u00fcrekli geri bildirim sa\u011flar. Sonu\u00e7 olarak, Kiro'nun sa\u011flad\u0131\u011f\u0131 kapsaml\u0131 ama basit API'ler, Nightmellow'un varl\u0131k y\u00f6netimini ve etkile\u015fimlerini verimli bir \u015fekilde hayata ge\u00e7irmemizi sa\u011flam\u0131\u015ft\u0131r.<\/p>\nNightmellow'da Mobil Uyum ve Performans Optimizasyonu Nas\u0131l Sa\u011fland\u0131?<\/h2>\n
\n
requestAnimationFrame<\/code> API'si kullan\u0131larak oyun d\u00f6ng\u00fcs\u00fc taray\u0131c\u0131n\u0131n ekran yenileme h\u0131z\u0131yla senkronize edildi. Bu, CPU ve pil t\u00fcketimini azalt\u0131rken, daha ak\u0131c\u0131 animasyonlar sunar.<\/li>\nremove()<\/code> metoduyla oyun sahnesinden ve bellekten kald\u0131r\u0131ld\u0131.<\/li>\n<\/ul>\nKiro.Sprite<\/code> objesi olu\u015fturulup asla temizlenmemesiydi. Bu durum, bellek kullan\u0131m\u0131n\u0131 art\u0131r\u0131yor ve \u00e7\u00f6p toplama (garbage collection) maliyetini y\u00fckseltiyordu. \u00c7\u00f6z\u00fcm olarak, ekran d\u0131\u015f\u0131na \u00e7\u0131kan objeleri hemen kald\u0131rmak i\u00e7in bir mekanizma ekledik. Bu basit de\u011fi\u015fiklik bile, mobil cihazlarda performans\u0131 %30'dan fazla art\u0131rarak oyunun \u00e7ok daha ak\u0131c\u0131 hale gelmesini sa\u011flad\u0131. Bu durum, k\u00fc\u00e7\u00fck optimizasyonlar\u0131n bile b\u00fcy\u00fck farklar yaratabilece\u011fini g\u00f6steren g\u00fczel bir \u00f6rnektir. Nitekim, geli\u015ftirme s\u00fcrecinde s\u00fcrekli performans izlemesi yapmak ve profil ara\u00e7lar\u0131n\u0131 kullanmak, bu t\u00fcr darbo\u011fazlar\u0131 erkenden tespit etmek i\u00e7in elzemdir.<\/p>\n\n\/* Mobil Uyumlu Canvas i\u00e7in CSS *\/\nbody {\n margin: 0;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n background-color: #333;\n}\n\ncanvas {\n display: block;\n width: 100%;\n height: auto;\n max-width: 800px;\n border: 2px solid #555;\n}\n\n@media (max-width: 768px) {\n canvas {\n max-width: 95vw;\n max-height: 95vh;\n }\n}\n\n@media (orientation: landscape) and (max-width: 900px) {\n canvas {\n max-height: 90vh;\n max-width: auto;\n }\n}\n <\/pre>\nKiro.Game.setup<\/code> metoduna dinamik boyutlar ge\u00e7erek oyunun mant\u0131\u011f\u0131n\u0131 bu boyutlara g\u00f6re adapte edebiliriz. Bu, Nightmellow'un her t\u00fcr cihazda keyifli bir deneyim sunmas\u0131n\u0131n temelini olu\u015fturmu\u015ftur. Sonu\u00e7 olarak, mobil uyumluluk ve performans optimizasyonu, web tabanl\u0131 oyun geli\u015ftirmenin ayr\u0131lmaz bir par\u00e7as\u0131d\u0131r ve bu unsurlara gereken \u00f6nemi vermek, projenizin ba\u015far\u0131s\u0131n\u0131 do\u011frudan etkiler.<\/p>\nOyun Da\u011f\u0131t\u0131m\u0131, Test S\u00fcre\u00e7leri ve Geli\u015ftirme S\u00fcrecinden \u00d6\u011frenilenler<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
\n