Matu Hız Gecesi, Türkçe arayüzlü, gece atmosferli bir 3D yarış oyunu. Drift, turbo, vites, kontrol noktalı pist ve yapay zekâ rakipler isteniyor; serbest sürüş gibi farklı oyun modları ve sıralama ekranı da var.
Prompt aracı sıfırdan yapmak yerine hazır bir "arac.glb" modelini yüklüyor, tekerlekleri de model içinden buluyor. Kullanmak için kendi araç modelini o adla vermen gerekir. Proje Three.js ile birden fazla dosyaya bölünüyor.
Sen deneyimli bir Three.js oyun geliştiricisisin. "Matu Hız Gecesi" adlı, Türkçe arayüzlü, tamamen oynanabilir bir 3D yarış oyunu geliştir. Oyun birden fazla dosya kullanmalı (index.html, game.js, ui.js, physics.js, audio.js, utils.js gibi modüler yapı). Tüm bağımlılıklar CDN üzerinden yüklenmeli, hiçbir build tool kullanılmamalı. Sıfırdan araç ve mekan oluşturma, oyun dosyalarındaki arac ve mekan modellerini kullan ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📁 DOSYA YAPISI ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ index.html → Ana giriş, CDN importları, canvas, UI katmanı game.js → Three.js sahne, renderer, kamera, oyun döngüsü physics.js → Araç fiziği, çarpışma, hız/ivme/drift sistemi track.js → Pist oluşturma, checkpoint sistemi, yapay zeka rakipler ui.js → HUD, menü, sayaç, tur +bilgisi, Türkçe metinler audio.js → Motor sesi, çarpışma, müzik (Web Audio API) utils.js → Yardımcı fonksiyonlar, loader, input handler ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📦 KULLANILACAK CDN'LER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Three.js r128: https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js - Three.js GLTFLoader (r128 uyumlu CDN) - Three.js OrbitControls (sadece debug modda) - Google Material Icons: https://fonts.googleapis.com/icon?family=Material+Icons - Google Fonts: "Orbitron" (başlık/sayaç), "Rajdhani" (UI metinleri) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚗 ARAÇ MODELİ (arac.glb) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - GLTFLoader ile "arac.glb" dosyasını yükle - Araç modeli sahnenin merkezine yerleştirilmeli - Tekerlekler animasyonlu dönmeli (model içindeki mesh isimleri "tekerlek", "wheel", "tyre" gibi kelimeler içeriyorsa otomatik tespit et, yoksa ilk 4 child mesh'i tekerlek say) - Virajlarda kaporta hafif eğilmeli (body tilt) - Araç gölge cast etmeli - Kamera arkadan takip etmeli, drift sırasında dinamik olarak kaymalı ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🏙️ MEKAN MODELİ (mekan.glb) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - GLTFLoader ile "mekan.glb" dosyasını yükle - Mekan modeli zemin/çevre olarak kullanılmalı (scale büyük, sahnenin tamamını kaplamalı) - Mekan modelinin bounding box'ı hesaplanarak otomatik scale/position ayarı yapılmalı ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎮 OYUN MEKANİKLERİ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ KONTROLLER: - W / ↑ → Gaz - S / ↓ → Fren / Geri - A / ← → Sol - D / → → Sağ - SPACE → El freni (drift) - R → Aracı sıfırla (son checkpoint'e) - ESC → Duraklat FİZİK SİSTEMİ: - Gerçekçi ivme ve sürtünme eğrileri - Drift mekaniği: SPACE + viraj = arka tekerlek kayması - Yüksek hızda kontrol güçleşmeli - Çarpışmada araç zıplamalı OYUN MODLARI: 1. Free to Drive modu 2. "Şampiyona" — 3 yapay zeka rakibe karşı 3 tur ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🖥️ HUD & ARAYÜZ (Tamamen Türkçe) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Sol üst köşe: - "HIZ" → Analog gösterge tarzı sayısal hız (km/h) - "TUR" → Mevcut tur / Toplam tur - "SÜRE" → Geçen süre (mm:ss.ms formatı) Sağ üst: - "SIRALAMA" → Mevcut sıra (1./4. gibi) - "EN İYİ TUR" → Kişisel en iyi süre Orta alt: - Hız göstergesi (arc/yarım daire, neon çizgi) - Vites göstergesi (1-6 + R) - Turbo/nitro bar (varsa) Ekran ortası (geçici): - "3... 2... 1... GİT!" başlangıç sayacı - Tur tamamlama banner'ı - Drift puan göstergesi (animasyonlu +puan) Ana Menü: - "MATU HIZ GECESİ" büyük başlık (Orbitron font, neon glow efekti) - Alt başlık: "Senin pistinde, senin kurallarında" - Mod seçimi: butonlar Google Material Icons ile - Zorluk seçimi - "YARIŞA BAŞLA" butonu - Arkaplan: dönen 3D sahne önizlemesi (menü açıkken) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 💡 GÖRSEL & ATMOSFER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Gece sahnesi, neon aydınlatma - DirectionalLight (ay ışığı efekti, mavi-mor tonda) - PointLight'lar pist kenarlarına yerleştirilmeli (turuncu/sarı neon direk efekti) - Araç farları: SpotLight, ileriye doğru - Fren ışıkları: kırmızı PointLight, fren basıldığında aktif - Post-processing: THREE.EffectComposer ile Bloom efekti (neon ışıkları parlasın) — CDN uyumlu versiyon kullan - Gökyüzü: koyu lacivert → siyah gradyan, birkaç parlayan nokta (yıldız) - Asphalt shader: normal map ile pürüzlü asfalt görünümü - Drift sırasında arka tekerlekten duman partikül sistemi (THREE.Points) - Gaz bastığında egzodan ateş partikülü ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔊 SES (Web Audio API) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Motor sesi: OscillatorNode ile prosedürel üretim, hıza göre frekans değişimi - Drift sesi: beyaz gürültü filtreli - Çarpışma sesi: kısa burst - Arka plan müziği: prosedürel synthwave loop - Tüm sesler AudioContext üzerinden, kullanıcı etkileşimi sonrası başlar ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚙️ TEKNİK KURALLAR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - ES6 module import/export kullan (type="module") - Her dosya kendi sorumluluğuna odaklanmalı, global state utils.js'te - Tüm text sabit Türkçe olmalı (i18n gerekmez) - 60 FPS hedefle, requestAnimationFrame ile optimize döngü - Mobil için dokunmatik kontrol overlay'i (opsiyonel ama olursa iyi) - arac.glb ve mekan.glb dosyaları index.html ile aynı klasörde olacak - GLB yüklenirken Türkçe loading ekranı: "Matu Hız Gecesi yükleniyor..." yükleme barı ve dönen logo animasyonu ile ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🏆 OYUN SONU ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Bitiş ekranı: sıralama tablosu, tur süreleri - "Tekrar Oyna" ve "Ana Menü" butonları - 1. sıraya girince konfeti partikül efekti - En iyi tur süresi localStorage'a kaydedilmeli Yaratıcılık, atmosfer ve oynanabilirlik tamamen sana ait. Kod kalitesi production-grade olmalı. Her dosyayı eksiksiz yaz.
Yorumlar
Yorum Yap