oyun modu: 501, 301, 701, Cricket, Around the Clock, Killer, Shanghai
VAKA ÇALIŞMASI · 2026
Dartt
Yedi dart oyun modunu, 2–4 oyuncu kurulumunu ve canlı skor takibini tek bir görsel sistemde toplayan; masa başında hızlı kurulan bir web deneyimi.
- Alan
- Web · Multiplayer · Game
- Rol
- Ürün ve mühendislik
- Durum
- Ürünü aç
Problem
Dart gecelerinde puanı elle takip etmek oyunun akışını bölüyor; farklı modların kuralları ve oyuncu sırası ilerledikçe yönetmek zorlaşıyor.
Yaklaşım
501, 301, Cricket, 701, Around the Clock, Killer ve Shanghai modlarını; 2–4 oyuncu kurulumu, moda özel brifingler ve doğrudan skor akışıyla tek bir web deneyiminde birleştirdim.
Sonuç
Oyun seçimini, kuralları, canlı skor takibini ve performans raporunu aynı görsel sistemde buluşturan; arkadaş grupları için hızlı kurulabilen bir dart deneyimi.
satır TypeScript
oyuncu, moda özel brifinglerle
Teknik kararlar
Her kararın bir bedeli var; burada ikisi birlikte duruyor.
Yedi modun kurallarını tek skor motorunda topladım
Modların puanlaması birbirinden çok farklı: 501 geri sayarken Cricket bölge kapatıyor, Killer eleme yapıyor. Hepsi tek bir Zustand deposundaki oyun durumu üzerinden yürüyor, mod farkı kural katmanında kalıyor.
Bedeli
Ortak durum modeli, tek bir moda özgü kısayolları zorlaştırıyor. Karşılığında yeni bir mod eklemek arayüzü yeniden yazmayı gerektirmiyor.
Skor girişini oyunun hızına göre tasarladım
Dart gecesinde tempo yüksek; skor ekranı sıradaki oyuncuyu ve kalan puanı öne alıyor, giriş doğrudan akışta duruyor. Proje ayrıca konuşma tanıma tip tanımlarını taşıyor.
Bedeli
Ekranın büyük kısmını girişe ayırmak, istatistik ve geçmişi ikinci plana atıyor. Oyun sırasında doğru öncelik bu.
Kuralları oyunun içine taşıdım
Her mod kendi brifingiyle açılıyor ve ayrı bir kurallar sayfası duruyor; masadaki herkes aynı kuralı okuyabiliyor. Arayüz Türkçe ve İngilizce olarak çalışıyor.
Bedeli
Kural metinlerini iki dilde güncel tutmak fazladan iş. Karşılığında kimse oyunu telefonundan aratmıyor.
Ekran ekran
Oyun seçiminden skora
Mod seçimi, oyuncu kurulumu, canlı skor ve performans raporu aynı görsel dili paylaşıyor.
Kullanılan teknolojiler
React 18TypeScriptViteZustandReact RouterFramer MotionTailwind CSS