techonc Games.
Çocuklara gıda israfı ve geri dönüşüm bilincini oyunla kazandıran iki eğitici oyun — biri 4 kişilik online multiplayer'lı bir arcade, diğeri tarayıcıda anında açılan, klavyeyle oynanan bir refleks oyunu.
Gıda Muhafızları
Meyve-sebze kahramanları mutfak arenasında yiyecekleri toplayıp israftan kurtarıyor; yedikçe büyüyen İsraf Canavarı'na karşı aynı klavyede/gamepad'lerde 1-4 kişilik yerel co-op ya da oda kodlu online multiplayer. Sıfırdan yazılmış Canvas motoru ve sunucu-yetkili çok oyunculu mimariyle.
Geri Kazanım Kahramanı
Ekrandan düşen atıkları yön tuşlarıyla doğru geri dönüşüm kutusuna yönlendirme oyunu: 5 zorluk seviyesi, uçan kuş engelleri, bonus canlar ve her oyun sonunda 'Biliyor muydun?' çevre bilgileri. Sıfır bağımlılık — üç dosyalık saf JavaScript.
Neden oyun?
İkisi de bir kurumun çevre farkındalığı etkinlikleri için geliştirildi; mesajı ders gibi değil oyun gibi veriyor. Maç bittiğinde skorun yanında İsraf Canavarı'nın kaç gıdayı bozduğu da yazıyor.
Ekran görüntüleri
Öne çıkan yetenekler
Gıda Muhafızları — online multiplayer
4 haneli oda koduyla 4 kişiye kadar; tüm oyun mantığı sunucuda çalışır, istemci yalnızca girdi gönderip çizer — hile denemelerine karşı sunucu otoritesiyle korunur.
Gıda Muhafızları — zengin oynanış
4 power-up (hız, kalkan, mıknatıs, dondurma), combo sistemi, altın yiyecek ve maç sonuna doğru 3 arena olayı: Yiyecek Yağmuru, Çılgın Canavar, Son Şans.
Gıda Muhafızları — yapay zekâlı rakip
İsraf Canavarı dolaş→kovala→ye→saldır durum makinesiyle oynar; yedikçe seviye atlar, büyür, hızlanır ve zehirli bulut bırakır.
Gıda Muhafızları — 4 gamepad'e kadar
Analog + D-pad, menülerde gamepad navigasyonu ve platforma özgü kumanda düzeltmeleri; klavyede 4 ayrı tuş takımı.
Gıda Muhafızları — prosedürel ses
Ses efektleri için tek bir dosya yok: 12 efektin tamamı Web Audio API ile anlık sentezlenen 8-bit tonlar. Menü, hikâye ve oyun müzikleri ayrı dosyalardan çalıyor.
Gıda Muhafızları — tek kod, üç platform
Web (Docker), Windows/macOS (Electron) ve Android (Capacitor) aynı kod tabanından çıkar.
Geri Kazanım — 5 seviye, 25 atık
5 atık türü × 5 görsel; seviye atladıkça hız artar, arka plan değişir; 10 farklı eğitici bilgi kartı.
Geri Kazanım Kahramanı — kalıcı skorlar
Sunucusuz olmasına rağmen en iyi 5 skor ve son 20 oyun yerel olarak saklanır.
UYARLAMA
Başka bir kurumda nasıl değişir
Oyunlaştırma yaklaşımı konudan bağımsızdır: iş güvenliği eğitimi, işe alıştırma ya da kalite bilinci gibi kurum içi eğitimler aynı yapıyla oyuna dönüştürülebilir. Skor ve katılım verisi kurumun kendi sistemine aktarılabilir.
TEKNİK DERİNLİK
YIĞIN
MÜHENDİSLİK NOTLARI
İzomorfik oyun motoru
Oyuncu, düşman, fizik ve spawn sınıfları hem tarayıcıdaki motorda hem sunucudaki headless motorda ortak; sunucu aynı simülasyonu çizim olmadan 60 Hz sabit adımla koşturur.
60 Hz sim / 30 fps yayın / 33 ms interpolasyon
Sunucu 60 Hz simüle eder, durumu saniyede ~30 kez sıkıştırılmış olarak yayınlar; istemci son iki kare arasında interpolasyonla akıcı görüntü üretir.
Tek portta Next.js + Socket.IO
Özel Node sunucusu web uygulamasını ve WebSocket trafiğini aynı portta birleştirir — tek subdomain ile reverse proxy arkasında yayına uygun.
Object pool + çift katmanlı canvas
200 nesnelik parçacık havuzu ve sabit zaman adımlı fizik; statik arena ile dinamik oyun katmanı ayrı canvas'larda çizilerek maliyet düşürülür.
Akıllı spawn yerleşimi
Yiyecek ve power-up'lar reddetme örneklemesiyle oyunculardan, canavardan ve birbirinden güvenli mesafede doğar.