Three.js + React (TanStack Start) ile tarayıcıda çalışan, Counter-Strike esintili taktiksel FPS. Hedef: "web oyunu" hissi değil, gerçek bir shooter hissi — sıkı nişan mekaniği, ağır silah geri tepmesi, gritty tren istasyonu atmosferi.
Hepsini tek seferde üretmek kırılgan olur; fazlara böldüm. Faz 1 tek başına tam oynanabilir bir oyun.

Mimari

src/game/ engine/ renderer, sabit-adım döngü, post-processing, kalite katmanları world/ istasyon geometrisi, çarpışma, decal & particle havuzları player/ pointer-lock kontrol, hareket, kamera, ADS/lean/crouch weapons/ silah tanımları, prosedürel modeller, recoil, tracer, kovan ai/ bot beyni, waypoint navigasyon, cover seçimi, muharebe match/ round state machine, takımlar, ekonomi, skor, kill feed audio/ konumsal ses, occlusion, reverb bölgeleri net/ (Faz 3) realtime senkron src/components/game/ HUD, menüler, buy menu, scoreboard, ayarlar src/routes/index.tsx ana menü + oyun mount
Three.js canvas'ı ve frame döngüsünü yönetir; React sadece overlay UI. Kare başına React render yok — HUD küçük bir store'a throttle'lı abone olur. Fizik/AI sabit adımda (60Hz) tick'lenir, render bağımsız.

Faz 1 — Oynanabilir çekirdek (ilk teslim)

Harita — Railstrike İstasyonu Kemerli çatılı büyük hol, iki peron, raylar, içine girilebilen vagonlar, iki tünel ağzı, bilet gişesi, merdivenler, üst katta catwalk, forklift/palet/konteyner cover'ları. Prosedürel geometri + prosedürel doku (pas, beton, ıslak zemin), tavan ışıklarından gerçek gölge, hacimsel his veren sis, tünelden gelen ışık huzmeleri. İki spawn (T / CT), üç ana çatışma hattı ve iki flank rotası ile dengeli layout.
Hareket ve his WASD, mouse look, sprint (Shift), crouch (Ctrl), jump (Space), lean (Q/E). Hızlanma/yavaşlama eğrileri, hava kontrolü, merdiven adımlama, koşarken artan isabet cezası, crouch'ta toparlanma. Headbob, kamera sallanması, iniş etkisi, yüzey bazlı ayak sesleri (beton / metal / çakıl).
Silahlar (4+) AK tipi tüfek, tabanca, bıçak, el bombası. Her biri için: detaylı prosedürel model, idle/fire/reload/draw/inspect animasyonu, ADS, öğrenilebilir sabit spray paterni + rastgele sapma, kamera + model recoil'i ayrı, namlu alevi ve ışık patlaması, tracer, kovan fırlatma, duvar decal'i, ateş/reload/çarpma sesleri. Bomba: gerçek fizik yayı, pin sesi, patlama şok dalgası + hasar düşümü.
Muharebe Raycast isabet, vücut bölgesi çarpanları (kafa/gövde/bacak), zırh penetrasyonu, hitmarker + hasar sayısı, kan sıçraması ve zemin lekesi, ölümde basit ragdoll, kill cam yok — hızlı respawn/round akışı.
Botlar Waypoint grafiği üzerinde yol bulma, cover noktalarına geçiş, peek-and-shoot, tehdit hafızası, ses duyma, reaksiyon gecikmesi ve isabet oranı zorluk seviyesine bağlı (Easy/Normal/Hard/Expert). Bomba modunda bomba taşıma, ekme ve defuse etme davranışı.
Maç Team Deathmatch + Bomb Defuse. Round timer, freeze time, buy menu (para, silah/zırh/teçhizat), kazanma/kaybetme ekonomisi, kill feed, scoreboard (Tab), round ve maç kazanma koşulları, MVP.
HUD ve menüler Cephane, can, zırh, round sayacı, dinamik crosshair, hasar yönü göstergesi, minimap, ölüm ekranı. Ana menü, ayarlar (hassasiyet, FOV, ses, grafik preseti, crosshair düzenleyici) yerel kayıt ile.
Ses Silah sesleri (yakın/uzak katman), mesafeye göre kuyruk, tünelde yankı, ambient istasyon uğultusu, anons, takım sesli komutları.

Faz 2 — Görsel ve his cilası

Bloom, vignette, film grain, hafif motion blur, keskinleştirme, SSAO benzeri temas gölgesi, ıslak zemin yansıması. Silah sway ve ADS geçiş tuning'i, recoil dengeleme, bot davranış cilası. Performans: instancing, LOD, frustum culling, gölge atlası sınırlama, gerçekten maliyet değiştiren kalite presetleri, 60fps hedefi. Mobil için dokunmatik kontrol ve düşük preset.

Faz 3 — Multiplayer (2–8 oyuncu)

Lovable Cloud etkinleştirilir, Realtime kanallar kullanılır. Oda kodlu lobi, presence ile oyuncu listesi, ~20Hz pozisyon/rotasyon senkronu + interpolasyon, atış/isabet/ölüm/bomba olayları için mesajlar, bir oyuncu round host'u olarak timer'ı yürütür, boş slotlar botla dolar. Ağ kodu src/game/net arkasında soyutlanır, tek oyunculu akış bozulmaz.

Faz 4 — Hesap ve kalıcılık

Opsiyonel giriş, ayarların ve istatistiklerin (kill, win, isabet oranı, favori silah) Cloud'da saklanması, maç geçmişi ekranı, basit seviye/rank ilerlemesi.

Teknik notlar

• three (son sürüm) + postprocessing eklenir; WebGL yalnızca istemcide — <ClientOnly> + dinamik import, SSR'a hiç dokunmaz.
• Tracer, decal, particle, ses düğümleri için nesne havuzu; tekrarlayan proplar instanced mesh.
• Sabit-adım simülasyon; render interpolasyonlu, böylece FPS düşse de his bozulmaz.
• Oyun durumu React dışında; HUD throttle'lı abone.

Faz 1'i şimdi yazmaya başlayacağım — tamamlandığında doğrudan oynayıp geri bildirim verebileceğin bütün bir oyun olacak.