\n G\u00f6z k\u0131rpmay\u0131 unutturan, adrenalin dolu bir korku yazma oyunu geli\u015ftirmeye haz\u0131r m\u0131s\u0131n\u0131z? Bu makalede, oyuncunun g\u00f6z k\u0131rpmas\u0131n\u0131 alg\u0131lay\u0131p \u00f6l\u00fcmle cezaland\u0131ran, s\u00fcr\u00fckleyici bir oyunun teknik altyap\u0131s\u0131n\u0131 ad\u0131m ad\u0131m in\u015fa etmeyi \u00f6\u011freneceksiniz. Web tabanl\u0131 teknolojilerle nas\u0131l \u00fcrpertici bir deneyim yarataca\u011f\u0131n\u0131z\u0131 ve projenizi hayata ge\u00e7irirken kar\u015f\u0131la\u015fabilece\u011finiz teknik zorluklar\u0131n \u00fcstesinden nas\u0131l gelece\u011finizi ke\u015ffedin.\n<\/p>\n
\n Oyun d\u00fcnyas\u0131, oyunculara benzersiz deneyimler sunmak i\u00e7in s\u00fcrekli olarak yenilik\u00e7i yollar ar\u0131yor. Geleneksel klavye ve fare kontrol\u00fcn\u00fcn \u00f6tesine ge\u00e7erek, oyuncunun fizyolojik tepkilerini oyun mekani\u011fine entegre etmek, bu aray\u0131\u015f\u0131n heyecan verici bir \u00f6rne\u011fidir. “G\u00f6z K\u0131rpmak \u00d6ld\u00fcr\u00fcr” konseptine sahip bir korku yazma oyunu, bu ba\u011flamda olduk\u00e7a dikkat \u00e7ekici bir potansiyele sahip. Peki, bu denli yenilik\u00e7i bir oyunun temelinde neler yatar?\n<\/p>\n
\n \u00d6ncelikle, oyunun merkezinde korku ve gerilim unsurlar\u0131 bulunuyor. Oyuncu, ekranda beliren kelimeleri veya c\u00fcmleleri belirli bir s\u00fcre i\u00e7inde do\u011fru bir \u015fekilde yazmakla g\u00f6revli. Ancak i\u015fin as\u0131l zorlay\u0131c\u0131 ve korkutucu k\u0131sm\u0131, oyunun arka planda oyuncunun g\u00f6z k\u0131rp\u0131p k\u0131rpmad\u0131\u011f\u0131n\u0131 bir web kameras\u0131 arac\u0131l\u0131\u011f\u0131yla s\u00fcrekli olarak denetlemesi. E\u011fer oyuncu, oyunun izin vermedi\u011fi bir anda g\u00f6z k\u0131rparsa, bu durum an\u0131nda “\u00f6l\u00fcm” veya oyun i\u00e7i bir ceza ile sonu\u00e7lan\u0131yor. Bu mekanik, oyuncunun \u00fczerinde s\u00fcrekli bir bask\u0131 olu\u015fturarak, korku deneyimini doruklara \u00e7\u0131kar\u0131yor. \u00c7\u00fcnk\u00fc g\u00f6z k\u0131rpmak gibi istemsiz bir fizyolojik tepkiyi kontrol etmeye \u00e7al\u0131\u015fmak, insan do\u011fas\u0131na ayk\u0131r\u0131 ve son derece stresli bir durum yarat\u0131yor.\n<\/p>\n
\n Bu t\u00fcr bir oyunun teknolojik altyap\u0131s\u0131, genellikle modern web teknolojileri \u00fczerine kurulur. WebRTC (Web Real-Time Communication) ile kamera eri\u015fimi sa\u011flan\u0131rken, MediaPipe veya OpenCV.js gibi k\u00fct\u00fcphaneler y\u00fcz ve g\u00f6z alg\u0131lama i\u015flemlerini ger\u00e7ekle\u015ftirir. JavaScript ise t\u00fcm oyun mant\u0131\u011f\u0131n\u0131, aray\u00fcz etkile\u015fimlerini ve bu alg\u0131lama verilerini birle\u015ftiren ana programlama dilidir. Konseptin benzersizli\u011fi, sadece bir klavye becerisi testi olmaktan \u00f6te, oyuncunun psikolojik s\u0131n\u0131rlar\u0131n\u0131 zorlayan, gerginli\u011fi s\u00fcrekli y\u00fcksek tutan interaktif bir korku deneyimi sunmas\u0131nda yat\u0131yor. Bu, oyuncunun oyunla olan ba\u011f\u0131n\u0131 derinle\u015ftiren ve ona unutulmaz bir deneyim ya\u015fatan \u00f6nemli bir yeniliktir. Oyunun bu temel dinamikleri, di\u011fer korku oyunlar\u0131ndan ayr\u0131\u015fmas\u0131n\u0131 sa\u011flarken, geli\u015ftirme s\u00fcrecinde de heyecan verici teknik zorluklar sunar.\n<\/p>\n
\n Oyunumuzun kalbinde, oyuncunun g\u00f6z k\u0131rpmas\u0131n\u0131 do\u011fru ve g\u00fcvenilir bir \u015fekilde alg\u0131layabilen bir teknoloji yat\u0131yor. Bu noktada, web tabanl\u0131 uygulamalar i\u00e7in kullan\u0131labilecek \u00e7e\u015fitli y\u00fcz ve g\u00f6z alg\u0131lama k\u00fct\u00fcphaneleri bulunmaktad\u0131r. En pop\u00fcler ve etkili se\u00e7enekler aras\u0131nda MediaPipe ve OpenCV.js \u00f6ne \u00e7\u0131kar. Her iki k\u00fct\u00fcphane de g\u00fc\u00e7l\u00fc yeteneklere sahip olsa da, kullan\u0131m kolayl\u0131\u011f\u0131, performans ve topluluk deste\u011fi a\u00e7\u0131s\u0131ndan farkl\u0131l\u0131klar g\u00f6sterirler.\n<\/p>\n
\n OpenCV.js<\/strong>, geni\u015f kapsaml\u0131 bir bilgisayar g\u00f6r\u00fc\u015f\u00fc k\u00fct\u00fcphanesi olan OpenCV’nin JavaScript’e derlenmi\u015f halidir. Y\u00fcz alg\u0131lama, nesne takibi, g\u00f6r\u00fcnt\u00fc i\u015fleme ve \u00e7ok daha fazlas\u0131 i\u00e7in zengin bir fonksiyon seti sunar. G\u00f6z alg\u0131lama i\u00e7in Haar Cascades veya derin \u00f6\u011frenme tabanl\u0131 modeller kullanabilir. Olduk\u00e7a esnektir ve d\u00fc\u015f\u00fck seviyeli kontroller sa\u011flar. Ancak, web ortam\u0131nda kurulumu ve entegrasyonu, MediaPipe’a g\u00f6re biraz daha karma\u015f\u0131k olabilir ve taray\u0131c\u0131da \u00e7al\u0131\u015fmak i\u00e7in WebAssembly mod\u00fcllerinin y\u00fcklenmesini gerektirir. Performans a\u00e7\u0131s\u0131ndan g\u00fc\u00e7l\u00fc olsa da, do\u011fru modellerin se\u00e7ilmesi ve optimizasyon \u00f6nemlidir.\n<\/p>\n \n Di\u011fer yandan, MediaPipe<\/strong>, Google taraf\u0131ndan geli\u015ftirilen ve \u00e7oklu platform deste\u011fi sunan, makine \u00f6\u011frenimi tabanl\u0131 bir \u00e7er\u00e7evedir. Y\u00fcz alg\u0131lama, el takibi, poz tahmini gibi bir\u00e7ok haz\u0131r \u00e7\u00f6z\u00fcm sunar. \u00d6zellikle “Face Mesh” \u00e7\u00f6z\u00fcm\u00fc, bir y\u00fczdeki 468 farkl\u0131 noktay\u0131 (landmark) ger\u00e7ek zamanl\u0131 olarak tespit ederek g\u00f6zlerin a\u00e7\u0131l\u0131p kapanma durumunu belirlemek i\u00e7in idealdir. MediaPipe’\u0131n kullan\u0131m\u0131 genellikle daha basittir \u00e7\u00fcnk\u00fc \u00e7o\u011fu karma\u015f\u0131k i\u015fleme ad\u0131m\u0131 dahili olarak y\u00f6netilir. Performans\u0131 y\u00fcksek ve taray\u0131c\u0131 entegrasyonu olduk\u00e7a kolayd\u0131r. K\u00fc\u00e7\u00fck ve orta \u00f6l\u00e7ekli web tabanl\u0131 projelerde h\u0131zl\u0131 bir \u015fekilde sonu\u00e7 almak i\u00e7in MediaPipe genellikle tercih edilen bir \u00e7\u00f6z\u00fcmd\u00fcr. Oyunumuz i\u00e7in, g\u00f6z k\u0131rpma alg\u0131lama hassasiyeti ve kullan\u0131m kolayl\u0131\u011f\u0131 g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, MediaPipe’\u0131n “Face Mesh” \u00f6zelli\u011fi en uygun se\u00e7eneklerden biridir. Bu sayede, oyuncunun g\u00f6zlerinin kapan\u0131p kapanmad\u0131\u011f\u0131n\u0131 milisaniyeler i\u00e7inde tespit edebilir ve oyun mant\u0131\u011f\u0131na entegre edebiliriz.\n<\/p>\n \n G\u00f6z k\u0131rpma alg\u0131lama mekani\u011fini MediaPipe ile hayata ge\u00e7irmek i\u00e7in \u00f6ncelikle web kameras\u0131 eri\u015fimine ihtiyac\u0131m\u0131z var. Bunu WebRTC API’si ile kolayca sa\u011flayabiliriz. Ard\u0131ndan, MediaPipe k\u00fct\u00fcphanesini projemize dahil ederek, y\u00fczdeki belirli noktalar\u0131 (landmarks) tespit etmesini sa\u011flayaca\u011f\u0131z. G\u00f6z k\u0131rpman\u0131n tespiti i\u00e7in Eye Aspect Ratio (EAR) ad\u0131 verilen bir metrik kullan\u0131l\u0131r. EAR, g\u00f6z kapaklar\u0131n\u0131n a\u00e7\u0131kl\u0131\u011f\u0131n\u0131 say\u0131sal bir de\u011ferle ifade eden bir orand\u0131r. G\u00f6z kapal\u0131yken bu de\u011fer d\u00fc\u015fer, a\u00e7\u0131kken y\u00fckselir.\n<\/p>\n \n EAR hesaplamas\u0131, g\u00f6z \u00e7evresindeki belirli landmark noktalar\u0131n\u0131n mesafelerine dayan\u0131r. \u00d6rne\u011fin, bir g\u00f6z\u00fcn dikey ve yatay mesafeleri \u00f6l\u00e7\u00fclerek bir oran elde edilir. Bu oran belirli bir e\u015fik de\u011ferinin alt\u0131na d\u00fc\u015ft\u00fc\u011f\u00fcnde, g\u00f6z k\u0131rpma olarak kabul edilir. Bu e\u015fik de\u011feri, farkl\u0131 kamera kaliteleri ve y\u00fcz yap\u0131lar\u0131 i\u00e7in deneme yan\u0131lma yoluyla optimize edilmelidir. \u0130\u015fte basit bir MediaPipe entegrasyonu ve g\u00f6z k\u0131rpma alg\u0131lama mant\u0131\u011f\u0131na dair bir kod blo\u011fu:\n<\/p>\nMediaPipe ile G\u00f6z K\u0131rpma Nas\u0131l Tespit Edilir? Pratik Bir Uygulama<\/h3>\n
\n\n