VICE CITY MOBILE — Ultimate HTML 3D Game Benchmark
Modellerin tek HTML dosyasında mobil tarayıcıda çalışan 3D açık dünya oyunu geliştirme performansını; grafik kalitesi, araç fiziği, yapay zekâ, ses sistemi, dokunmatik kontroller, tam ekran modu, hata ayıklama ve mobil optimizasyon açısından karşılaştırma.
Prompt
ROLÜN: Dünyanın en iyi 3D oyun motoru geliştiricisi, Three.js uzmanı, oyun fizik mühendisi ve mobil optimizasyon uzmanısın. GÖREV: GTA 6 Mobile kalitesinden ilham alan, tek dosyalık, ileri teknolojiye sahip, oynanabilir bir 3D açık dünya suç ve yaşam simülasyonu geliştir. Oyunun adı VICE CITY MOBILE olsun. Bu, GTA 6'nın resmi oyunu değil, özgün bir hayran prototipidir. TEMEL KURAL: TÜM OYUN TEK BİR index.html DOSYASINDA OLACAK. HTML, CSS ve JavaScript aynı dosyada bulunacak. Kod eksiksiz, çalışır ve mobil tarayıcılar için optimize edilmiş olacak. Sadece tasarım veya demo ekranı üretme; gerçek oyun mekanikleri geliştir. 1. 3D GRAFİK MOTORU - Mümkün olan en kaliteli gerçek zamanlı 3D grafikler. - Tercihen Three.js ve WebGL kullan. - Modern şehir mimarisi, gökdelenler, gölgeler, yansımalar, neon ışıkları, güneş ışığı, gece-gündüz döngüsü ve atmosferik sis. - Ayrıntılı yollar, kaldırımlar, trafik ışıkları, sokak lambaları, tabelalar, palmiye ağaçları ve çevre objeleri. - Performans için LOD, instancing, görünürlük optimizasyonu ve düşük maliyetli gölgelendirme uygula. - Dışarıdan dosya yüklemeden prosedürel 3D modeller oluştur. Harici kütüphane gerekiyorsa CDN kullan; temel oyun mümkün olduğunca tek dosyada bağımsız çalışsın. 2. DEVASA AÇIK DÜNYA - Miami/Vice City atmosferinde, keşfedilebilir ve farklı bölgelerden oluşan özgün bir şehir oluştur. - Şehir merkezi, plaj, liman, lüks mahalleler, sanayi bölgesi, otoyollar ve ara sokaklar ekle. - Geniş bir dünya haritası ve oyuncunun konumunu gösteren, doğru çalışan mini harita oluştur. - Haritadaki oyuncu ibresi gerçek yönünü takip etsin; dönüşlerde bozulmasın. - Dünya sınırları, yol ağı, keşif noktaları ve işaretli görev hedefleri oluştur. - Uzak bölgeleri gerektiğinde dinamik yükleyerek mobil performansı koru. 3. GERÇEKÇİ 3D ARAÇ SİSTEMİ - En az bir ayrıntılı, tamamen 3D modellenmiş spor otomobil oluştur. - Araca binme, araçtan inme, hızlanma, frenleme, geri gitme ve direksiyon kontrolü ekle. - Hız, ivmelenme, sürtünme, dönüş yarıçapı, el freni ve çarpışma tepkileri uygula. - Tekerlekler dönsün; araç gövdesi hareketlere uygun tepki versin. - Kamera araç kullanırken uygun konuma geçsin. - Trafikte hareket eden AI araçlar ve temel trafik kuralları oluştur. - Araç hasarı, çarpışma efektleri ve motor sesi ekle. 4. KARAKTER VE OYUN MEKANİKLERİ - Üçüncü şahıs kamera ile kontrol edilen 3D karakter. - Yürüme, koşma, zıplama, yön değiştirme ve araca binip inme. - Temel animasyonlar ve çarpışma kontrolü. - Şehirde dolaşan yayalar ve basit NPC davranışları. - Görev sistemi, para kazanma, ödüller, kayıt noktaları ve oyuncu ilerlemesi. - Polis yapay zekâsı, aranma seviyesi ve takip sistemi. - Sağlık, para, hız göstergesi ve görev durumu arayüzü. 5. GELİŞMİŞ SES SİSTEMİ - Web Audio API ile motor, hızlanma, fren, korna, çarpışma, ayak sesi ve çevre sesleri üret. - Stereo ses konumlandırması ve hıza göre değişen motor sesi uygula. - Atmosferik şehir sesleri ve özgün arka plan müziği ekle. - Mobil tarayıcılarda sesin ilk kullanıcı etkileşiminden sonra başlamasını sağla. - Ses açma/kapatma ve ses seviyesi ayarları ekle. - Harici ses dosyalarına bağımlı kalmadan mümkün olduğunca prosedürel ses kullan. 6. OYUN MODLARI - Serbest dolaşım. - Sokak yarışı. - Zaman karşı yarışları. - Polis kovalamacası. - Teslimat görevleri. - Keşif görevleri. - Görev seçme ekranı ve duraklatma menüsü. Modların yalnızca butonları bulunmasın; her biri gerçekten oynanabilir olsun. 7. MOBİL KONTROLLER - Android Chrome ve diğer modern mobil tarayıcıları hedefle. - Yatay ekran kullanımına öncelik ver. - Sol tarafta hassas sanal joystick, sağ tarafta kamera kontrol alanı oluştur. - Koşma, zıplama, etkileşim, araca binme, fren ve gaz butonları ekle. - Butonlar farklı ekran boyutlarına uyum sağlasın ve birbirleriyle çakışmasın. - Dokunmatik kontroller, pointer olayları ve çoklu dokunma düzgün çalışsın. - Sayfanın istemsiz kaymasını, yakınlaştırılmasını ve oyun sırasında yanlış dokunmaları önle. - Tam ekran modu için kullanıcı etkileşimiyle çalışan bir buton ekle. - Ekran döndürme desteği sun; desteklenmeyen özelliklerde güvenli alternatif kullan. - Masaüstü klavye kontrollerini de ekle. 8. OPTİMİZASYON - Düşük, orta ve yüksek grafik ayarları sun. - FPS göstergesi, performans istatistikleri ve dinamik kalite ayarlaması ekle. - Nesne sayısını, çizim çağrılarını ve bellek kullanımını kontrol altında tut. - Mobil cihazlarda hedef 30–60 FPS olsun; donanım yetersizse kaliteyi otomatik azalt. - Kaynak temizliği, hata yakalama ve güvenli yeniden başlatma mekanizması oluştur. - WebGL desteklenmiyorsa anlaşılır bir hata mesajı göster. 9. ARAYÜZ VE MENÜLER - Profesyonel, modern ve mobil oyun kalitesinde HUD. - Başlangıç ekranı, oyuna başla, mod seçimi, ayarlar, harita ve duraklatma menüsü. - Canlı mini harita, görev işaretleri, hız göstergesi, para ve aranma seviyesi. - Türkçe arayüz, okunaklı yazılar, animasyonlu geçişler ve tutarlı tasarım. - Menüden oyuna geçiş sorunsuz olsun; kontroller ve kamera doğru başlatılsın. 10. KALİTE GÜVENCESİ — EN ÖNEMLİ BÖLÜM - Kod yazmadan önce mimariyi ve oyun döngüsünü planla. - Bütün değişkenleri, fonksiyonları, olay dinleyicilerini ve nesne referanslarını tutarlı biçimde tanımla. - JavaScript sözdizimi hatası, eksik fonksiyon, bozuk kamera, çalışmayan buton, hatalı mini harita veya kilitlenen oyun bırakma. - Yeniden başlatma, menüden dönüş, araçtan inme ve ekran boyutu değişikliklerini test et. - Mobil tarayıcı güvenlik politikalarını ve otomatik ses oynatma kısıtlamalarını dikkate al. - Kodun sonunda gerekli başlatma ve hata yönetimi işlemlerini tamamla. - Harici kaynaklar yüklenemezse hata yönetimi uygula; mümkün olan temel oyun sistemlerini çalışır tut. - Uygulanamayan bir özelliği varmış gibi gösterme. ÇIKTI TALİMATI: Yalnızca eksiksiz, doğrudan kaydedilip çalıştırılabilecek TEK BİR index.html dosyası üret. Kod blokları arasında bölme, açıklama yazma, sözde kod kullanma, TODO bırakma veya devamını kullanıcıdan isteme. Tüm HTML, CSS ve JavaScript kodunu tek bir HTML dosyasında birleştir. Öncelik sırası: 1. Hatasız açılması. 2. Mobil tarayıcıda gerçekten oynanabilmesi. 3. Gerçek çalışan 3D dünya ve araç sürüşü. 4. Dokunmatik kontrollerin kusursuzluğu. 5. Görevler, trafik, polis ve sesler. 6. Grafik kalitesi ve performans. İmkânsız özellikleri taklit etmek yerine çalışan sistemler geliştir. Bellek ve çıktı sınırlarını dikkate alarak kapsamı akıllıca yönet; önce eksiksiz çalışan çekirdek oyunu oluştur, ardından kalan sistemleri aynı dosyaya entegre et. Görsel olarak etkileyici, teknik olarak tutarlı ve gerçek cihazda denenmeye hazır bir sonuç üret.
Response not available