Hiç durmayan, fazları ve kaos anları olan bir tepki oyunu. Telefon, bilgisayar ve akıllı tahtada aynı şekilde çalışır. Her cihaza otomatik bir ID atanır ve skorlar bu ID'lere göre bir liderlik tablosunda toplanır.
- Küreyi mouse/parmakla sürükle (ok tuşları da çalışır).
- KAÇIŞ: düşen meteorlardan kaç.
- RENK EŞLEŞTİR: sağ üstte gösterilen renkteki halkaları topla, yanlış renk can götürür.
- DARALMA: alan küçülür, kenara değme.
- BONUS RUŞU: kısa süreliğine bol puanlı sikke yağmuru.
- Arada "kaos anları" çıkar: kontroller ters döner ya da mıknatıs seni merkeze çeker.
- 3 canın var. Biterse oyun biter ama skorun kaydedilir, hemen tekrar başlarsın — oyun aslında hiç bitmiyor.
index.html -> sayfa iskeleti
style.css -> görünüm
game.js -> oyun motoru
leaderboard.js -> cihaz ID'si + skor tahtası mantığı
firebase-config.js -> (opsiyonel) canlı skor tahtası ayarları
- GitHub'da yeni bir repo oluştur (örn.
cekirdek). - Bu klasördeki tüm dosyaları o repoya yükle (GitHub web arayüzünden "Add file → Upload files" ile de yapılır, komut satırı gerekmez).
- https://vercel.com adresine GitHub hesabınla giriş yap.
- "Add New Project" → GitHub reponu seç.
- Framework olarak "Other" / statik site seçilir, build ayarına dokunma (bu proje build gerektirmiyor).
- Deploy'a bas. 1 dakika içinde bir
.vercel.applinkin olur. - Bu linki telefonlarınıza ve akıllı tahtaya açman yeterli.
Aynı linkin sonuna ?board=1 ekleyerek aç (örn. https://cekirdek.vercel.app?board=1).
Bu mod direkt canlı skor tahtasını tam ekran gösterir — sınıfta projeksiyonda
sürekli açık bırakabilirsin, herkes skoru güncellendikçe orada görür.
Bu adımı atlarsan oyun yine çalışır ama her telefonun skoru sadece kendinde kalır. Herkesin skorunu tek yerde görmek için ücretsiz bir Firebase projesi kurman lazım (~5 dk):
- https://console.firebase.google.com adresine git, Google hesabınla gir.
- "Add project" ile yeni proje oluştur (isim önemli değil), Google Analytics'i kapatabilirsin.
- Proje açıldıktan sonra sol menüden Build → Firestore Database → "Create database" → test mode ile başlat (sınıf projesi için yeterli).
- Sol üstteki dişli ikon → Project settings → aşağı kaydır → "Your apps" →
</>(Web) simgesine tıkla, bir isim ver, "Register app". - Karşına çıkan
firebaseConfignesnesindeki değerleri kopyala. - Bu projedeki
firebase-config.jsdosyasını aç, aynı değerleri ilgili alanlara yapıştır:window.FIREBASE_CONFIG = { apiKey: "...", authDomain: "...", projectId: "...", storageBucket: "...", messagingSenderId: "...", appId: "..." };
- Dosyayı kaydet, GitHub'a tekrar yükle (Vercel otomatik olarak yeniden yayınlar).
- Oyunun başlangıç ekranında "🟢 Canlı skor tahtası bağlı" yazısını görürsen kurulum tamam demektir.
Not: Firestore test mode 30 gün sonra yazma izinlerini kapatır. Sınıf projesi için sorun değil; süre dolarsa Firebase konsolundan kuralları tekrar "allow read, write: if true" yapman yeterli (güvenlik açısından gerçek bir ürün için önerilmez, ama sınıf içi eğlence oyunu için sorun yok).
game.jsiçindekiPHASESdizisine yeni fazlar ekleyebilirsin.COLORSdizisini değiştirerek renk paletini değiştirebilirsin.style.cssiçindeki--cyan/--magenta/--amberdeğişkenlerini değiştirerek sınıfının renklerine uyarlayabilirsin.