Lütfen HTML5, Three.js (JavaScript/WebGL) ve Node.js (Socket...

Prompt

Lütfen HTML5, Three.js (JavaScript/WebGL) ve Node.js (Socket.io) kullanarak "Haxball + FC26" mantığında çalışan, 3D, hızlı tempolu, animasyonlu ve çok oyunculu (multiplayer) gelişmiş bir futbol oyunu geliştir. Aşağıdaki mimari, mekanik ve tasarım gereksinimlerini eksiksiz olarak uygula: ### 1. GRAFİK VE TASARIM AESTHETICS (UI / UX) - **Tema & Stil:** EA Sports FC26 / UEFA Champions League tarzı modern, karanlık mod (Dark Theme) neon ve Glassmorphism (buzlu cam efekti) UI. - **Scoreboard:** Ekranın üst ortasında yer alan cam görünümlü Skor Panosu. Sol tarafta Ev Sahibi (Kırmızı - RED), sağ tarafta Deplasman (Mavi - BLUE) takım rozetleri ve canlı skorlar. Ortada neon dijital maç sayacı. Gol atıldığında skor numaralarında büyüyüp parlama yapan `scorePop` CSS animasyonu. - **HUD Kartları:** - Sol alt köşede aktif kontrol edilen oyuncunun adı, forma numarası ve canlı Stamina (Enerji) barı. - Sağ alt köşede 4 çalım skilli (1, 2, 3, 4) ve üzerlerinde canlı geriye sayan kırmızı renkli Cooldown (bekleme süresi) göstergeleri. - **Karakter Modeli:** Kafa, gövde, kollar, bacaklar ve ayakkabılardan oluşan Blocky/Voxel insan modeli (Bean/Blocky Player). Koşma, şut çekme ve kayarak müdahale (Slide Tackle) animasyonları. ### 2. OYUN İÇİ FİZİK VE MEKANİKLER - **Kamera Sistemleri:** - Saha Oyuncusu Kamerası: Oyuncuyu yumuşak takip eden izometrik 3D kuşbakışı açı. - Kaleci Kamerası: Kaleciler için kendi kalesinin arka üstünden sahaya bakan özel bakış açısı. - Frikik Kamerası: Serbest vuruşlarda barajı ve kaleyi tam karşıdan gören dinamik kamera. - **Şut & Pas Kontrolü:** - Vuruş ve pas yönleri oyuncunun baktığı yöne değil, farenin (mouse) imlecine göre belirlenir (`y=0` düzlem raycast). - Şut Tuşları: Normal Şut, Güçlü Şut (Power Shot), Plase Şut (Placement Shot), Trivela Şut ve 'Z' tuşu ile yalpalayan Ölü Yaprak (Knuckleball) şut tipi. - Şut barı basılı tutulunca dolar, bırakıldığı an vuruş yapılır. Oyuncu toptan uzaktaysa (dist > 3.0m) şut vurulamaz, top kesinlikle oyuncunun ayağına ışınlanmaz. - Plase şutlarda şut gücü arttıkça topun yükselme oranı katlanarak artar. - **4 Çalım Skilli (2.5s Cooldown):** - Tuş `1`: Rainbow Flick (Top arkadan öne aşırtılır). - Tuş `2`: Scoop Lift (Top ~6.5m dikey yüksekliğe kaldırılır). - Tuş `3`: Sombrero Flick (Top oyuncunun üstünden GERİYE/ARKAYA doğru ~13.5m kavisle aşırtılır). - Tuş `4`: Drag Back (Top ve oyuncu geriye doğru çekilir). - **Kayarak Top Alma (Slide Tackle):** 'E' veya belirlenen tuşla kayma animasyonuyla müdahale. İlk müdahale topa değil rakibe yapılırsa faul sayılır ve frikik atılır. - **Stamina (Enerji) Mekanizması:** Shift ile depar atıldığında azalır, dururken/yürürken dolan enerji barı. ### 3. FUTBOL KURALLARI VE CEZA SAHASI - **Ceza Sahası ve Kaleci:** - Kaleci ceza sahası içinde el kontrolüyle topu eline alıp degaj vurabilir. - Kaleci ceza sahası dışına çıkıp topa elle dokunursa faul çalınır ve serbest vuruş verilir. - Kaleci sahanın içinde hareket ederken yüz yönü her zaman sahanın ortasına sabit kalır. - **Gol & Fileler:** Top kale çizgisini tamamen geçip ağların İÇİNE girdiğinde (`x < -50.3` veya `x > 50.3`) gol sayılır. Topun kale içine girmesini engelleyen sanal duvarlar kesinlikle olmayacaktır. - **Santra (Kick-off) Kuralı:** Gol atıldıktan sonra top ortadaki santra noktasına koyulur. Gol atan takım oyuncuları 10 saniye boyunca veya kimse topa temas edene kadar santra dairesine (9.15m) ve rakip yarı sahaya GİREMEZ. Topa ilk temasta santra kısıtlaması anında kalkar. ### 4. MULTIPLAYER VE AĞ ALTYAPISI (Node.js + Socket.io) - **Oda ve Takım Seçimi:** Oyuncular odaya katılırken Takım (Ev Sahibi / Kırmızı - Sol Saha `x < 0` vs Deplasman / Mavi - Sağ Saha `x > 0`) ve Mevki (Kaleci - GK, Defans - DEF, Orta Saha - MID, Forvet - FWD) seçebilir. - **Multiplayer Doğuşları:** Her oyuncu seçtiği mevkinin sahadaki tam koordinatında doğar (Kırmızı Forvet `x: -5`, Mavi Forvet `x: 5`). - **PVP Kaleci:** Multiplayer modunda AI (Yapay Zeka) kaleci tamamen kaldırılmalı, kaleciliği oyuncular yapmalıdır. - **Sunucu Tabanlı Gol Kilidi (isGoalLocked):** Gol atıldığı an sunucu 2 saniyelik gol kilidi uygular. İstemcilerden gelen 30ms'lik paketler sunucudaki doğuş noktalarını ezemez. Bütün oyuncular ve top sıfır gecikmeyle santra mevkilerine sıfırlanır, topun geriye santraya ışınlanması veya buglanması engellenir.

A system prompt was added to support web rendering