Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ÇEKİRDEK 🎮

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.

Nasıl oynanı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.

Dosyalar

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ı

1) GitHub'a yükle

  1. GitHub'da yeni bir repo oluştur (örn. cekirdek).
  2. 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).

2) Vercel'de yayınla

  1. https://vercel.com adresine GitHub hesabınla giriş yap.
  2. "Add New Project" → GitHub reponu seç.
  3. Framework olarak "Other" / statik site seçilir, build ayarına dokunma (bu proje build gerektirmiyor).
  4. Deploy'a bas. 1 dakika içinde bir .vercel.app linkin olur.
  5. Bu linki telefonlarınıza ve akıllı tahtaya açman yeterli.

3) Akıllı tahta modu

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.

4) Sınıfça ORTAK skor tahtası (opsiyonel ama tavsiye edilir)

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):

  1. https://console.firebase.google.com adresine git, Google hesabınla gir.
  2. "Add project" ile yeni proje oluştur (isim önemli değil), Google Analytics'i kapatabilirsin.
  3. 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).
  4. Sol üstteki dişli ikon → Project settings → aşağı kaydır → "Your apps" → </> (Web) simgesine tıkla, bir isim ver, "Register app".
  5. Karşına çıkan firebaseConfig nesnesindeki değerleri kopyala.
  6. Bu projedeki firebase-config.js dosyasını aç, aynı değerleri ilgili alanlara yapıştır:
    window.FIREBASE_CONFIG = {
      apiKey: "...",
      authDomain: "...",
      projectId: "...",
      storageBucket: "...",
      messagingSenderId: "...",
      appId: "..."
    };
  7. Dosyayı kaydet, GitHub'a tekrar yükle (Vercel otomatik olarak yeniden yayınlar).
  8. 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).

Özelleştirme fikirleri

  • game.js içindeki PHASES dizisine yeni fazlar ekleyebilirsin.
  • COLORS dizisini değiştirerek renk paletini değiştirebilirsin.
  • style.css içindeki --cyan / --magenta / --amber değişkenlerini değiştirerek sınıfının renklerine uyarlayabilirsin.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages