Projelere dön
TabelaIII
Siyah Karelere Dokun
Sade HTML, CSS ve JavaScript ile yapılmış, tarayıcı tabanlı bir refleks oyunu.
Rol
Oyun mekaniği tarafında çalıştım: sayaç, en yüksek skor mantığı ve localStorage ile kalıcılık.
Stack
HTMLCSSJavaScriptDOM APIlocalStorage
Overview
Sade HTML, CSS ve JavaScript ile yapılmış, tarayıcı tabanlı bir refleks oyunu. Siyah kareler 4x4'lük bir ızgarada rastgele beliriyor ve 10 saniyelik süre bitmeden onlara olabildiğince hızlı dokunuyorsunuz.
Neler yapıyor
- ITamamen JavaScript ile üretilen 4x4 ızgara
- II10 saniyelik süre ve refleks hızına dayalı puanlama
- IIITarayıcıda saklanan en yüksek skor
- IVRekorunu kırınca konfeti animasyonu
Teknik notlar
- IOyun state'i, sayaçlar ve karelerin yeniden üretimi, herhangi bir framework olmadan tamamen DOM üzerinden yönetiliyor.
- IIEn yüksek skor, localStorage ile oturumlar arasında korunuyor.
Neler öğrendim
İlk frontend projem; sade JavaScript ve DOM ile, framework olmadan ne kadar çok şey yapılabileceğini gösterdi.