Mace Duel Mobile: Telefonda Tarayıcı Üzerinden 1’e 1 Online Düello Prototipi

Masaüstü oyun hissini telefondaki tarayıcıya taşımaya çalışan Mace Duel Mobile, iki oyunculu çevrimiçi bir düello prototipi olarak tasarlanmış. İstemcide TypeScript, Vite ve Three.js; sunucuda ise Node.js, TypeScript ve ws kullanılıyor.

Oyuncular özel oda oluşturabiliyor ya da oda koduyla katılabiliyor. Amaç yalnızca ekranda iki karakteri göstermek değil: hareket, yakın dövüş vuruşu, rüzgâr şarjı, can, skor ve raund sonucu gibi kritik hesapların sunucu tarafından belirlenmesi. Böylece istemcinin doğrudan konum, hasar veya can değeri göndermesine güvenilmiyor.

Mobil oynanışta neler var?

Arayüz, yatay kullanım düşünülerek hazırlanmış bir dokunmatik kontrol düzeni içeriyor:

• Sol sanal çubukla hareket
• Ekranın sağ tarafında sürükleyerek kamera/bakış yönü
• Zıplama ve koşma düğmeleri
• Gürz saldırısı düğmesi
• Rüzgâr şarjı düğmesi

Çoklu dokunma desteği, hareket ederken aynı anda bakış yönünü değiştirmek veya saldırı tuşuna basmak gibi mobil oyunlar için temel etkileşimleri mümkün kılıyor. Dokunmatik kontrol rehberleri de ekrandaki her parmağın ayrı bir işaretçi olarak ele alınabildiğini ve eşzamanlı girişlerin yönetilebildiğini belirtiyor. 1

Klavye ve fare kontrolü de korunuyor; yani proje yalnızca telefonlara değil, bilgisayar tarayıcılarına da hitap ediyor.

Dövüş sistemi: normal vuruş, düşüş saldırısı ve rüzgâr şarjı

Oyunda standart gürz saldırısı yakın mesafede hasar veriyor. Oyuncu yeterli yükseklikten düşerken hedefe vurursa, düşüş mesafesine bağlı daha güçlü bir “smash” saldırısı devreye giriyor. Vuruşlar rakibe savurma etkisi de uyguluyor.

Rüzgâr şarjı ise sınırlı sayıda kullanılan bir mermi. Hedefe veya zemine ulaştığında yakındaki oyuncuları havaya kaldırıp geri itiyor. Bu mekanik, rakibi doğrudan yenmekten çok onu savunmasız bırakmak ya da düşüş saldırısı için fırsat yaratmak amacı taşıyor.

Maç sistemi raundlar üzerinden ilerliyor: oyuncular hazır olduğunda kısa bir geri sayım başlıyor, raund süre sınırı dolduğunda canı yüksek olan oyuncu avantaj sağlıyor ve belirlenen galibiyet sayısında maç sona eriyor. Maç sonrasında iki tarafın da onayıyla rövanş başlatılabiliyor.

Neden sunucu otoriteli yapı önemli?

Çevrimiçi aksiyon oyunlarında istemcinin hasar veya konum bilgisini tek başına belirlemesine izin vermek, hileye açık bir yapı oluşturur. Bu prototipte istemci yalnızca hareket girdisini, bakış yönünü ve saldırı komutunu gönderiyor. Oyun dünyasındaki hareket, çarpışma, mermi, hasar ve kazanan hesabı sunucuda yapılıyor.

Sunucu, yaklaşık 30 Hz sabit simülasyon hedefiyle çalışacak şekilde kurgulanmış. Ayrıca giriş sıra numaraları, mesaj boyutu sınırı ve temel veri doğrulama kontrolleri bulunuyor. Yakın dövüşte gecikmenin etkisini azaltmak için rakibin kısa süreli konum geçmişinden yararlanan sınırlı bir geri sarma yaklaşımı da kullanılıyor.

Three.js tarafında mobil performans yaklaşımı

Mobil tarayıcıda akıcılık için sahnedeki tekrar eden zemin veya dekor nesnelerinin çizim maliyeti önem kazanıyor. Three.js’in InstancedMesh yapısı, aynı geometri ve malzemeyi paylaşan çok sayıda nesnenin örneklemeli çizimle kullanılmasına imkân veriyor. 2

Gölgeler görsel kaliteyi artırsa da cihaz yükünü yükseltebilir. Three.js belgelerine göre WebGLRenderer.shadowMap.enabled varsayılan olarak kapalıdır; dinamik gölgelere ihtiyaç yoksa gölge güncellemeleri de devre dışı bırakılabilir. 4 Bu nedenle projede gölgeleri ayarlardan kapatabilmek, özellikle giriş seviyesi telefonlar için mantıklı bir performans tercihi.

Kısa teknik özet

• İstemci: TypeScript, Vite, Three.js
• Sunucu: Node.js, TypeScript, ws
• Ağ modeli: Çift yönlü WebSocket iletişimi
• Oyun modeli: İki oyunculu özel odalar
• Sunucu tarafı: 30 Hz otoriteli simülasyon
• Kontroller: Dokunmatik, klavye ve fare
• Mekanikler: Yakın dövüş, düşüş saldırısı, rüzgâr şarjı, raund ve rövanş
• Güvenlik temeli: Mesaj doğrulama, hız sınırlama, istemciye kritik oyun sonucu yetkisi vermeme

Bu yapı, tam ölçekli bir rekabetçi oyun için nihai ürün olmaktan ziyade, mobil web üzerinde gerçek zamanlı 1’e 1 aksiyon oyununun temel taşlarını gösteren uygulanabilir bir başlangıç sunuyor.