Masa Tenisi Oyun Kaynak Kodu: Sunset Rally'nin Dosyaları ve Fiziği
Tarayıcı için 3D bir masa tenisi oyununu dosya dosya açıyoruz: fizik, skor, kampanya ve mekânlar nerede duruyor, ilk neyi değiştirmeli.
Sunucunuza koyup değiştirebileceğiniz bir masa tenisi oyun kaynak kodu arıyorsanız, Sunset Rally tarayıcı için bitmiş bir 3D ping pong oyunu: dokuz maçlık kampanya, üç CPU rakip, bir atölye ve TypeScript projesinin tamamı, liste fiyatı $39. Oyun klasörü zaten derlenmiş ve küçültülmemiş halde geliyor; önce yükleyip kodu sonra okuyabilirsiniz.
Spor oyunlarını uyarlamak göründüğünden zordur, çünkü keyif menülerde değil fizikte ve kontrollerde saklıdır. Bu rehber, Sunset Rally projesinde bunların her birinin nerede durduğunu, neyi güvenle değiştirebileceğinizi ve bu sürümün neleri içermediğini gösteriyor.
Ping pong oyunu nasıl oynanıyor
Maçlar bir CPU rakibe karşı yedi sayıya kadar oynanır. Oyuncu raketi imleçle ya da parmağını sürükleyerek yönetir; vuruşlar otomatiktir. Yukarı itmek güç katar, yana kaydırmak topu yerleştirir, aşağı çekmek kısa top (drop shot) oynatır, havada kalan top da smaç için oradadır.
Maç sırasında açılıp kapatılabilen isteğe bağlı bir yardım, raketin topun yüksekliğini bulmasına destek olur. Herkese açık bir site için bu önemli: telefonda ilk kez oynayan biri de topu geri gönderebilir.
Her birinin kendi tarzı olan üç CPU rakip var: sabırlı Capi, oyuncu Nori ve titiz Miso; her biri Easy, Normal ya da Hard seviyesinde. Antrenman modu her topu geri gönderen bir partner sunar. Maçtan sonra bir tekrar, belirleyici sayıyı yeniden gösterir.
Masa tenisi oyun kaynak kodu paketinde neler var
- Yayına hazır, derlenmiş ve küçültülmemiş bir game/ klasörü.
- Vite kurulumu ve oyun dosyalarıyla birlikte TypeScript geliştirici kaynağı, source/ içinde.
- Gerçek ekran görüntüleriyle İngilizce ve Portekizce resimli kılavuzlar.
- Oyunla birlikte gelen yazı tipleri ve ses dosyaları.
- Üçüncü taraf lisans bildirimleri ve bir değişiklik günlüğü.
Teknoloji yığını TypeScript, Three.js r184, Vite ve WebGL2. Dosyalar arasında HTML, CSS, JavaScript, TypeScript ve JSON var. Arayüz 14 dilde geliyor: İngilizce, Portekizce, İspanyolca, Fransızca, Almanca, İtalyanca, Felemenkçe, Lehçe, Türkçe, Rusça, Endonezce, Japonca, Korece ve Basitleştirilmiş Çince. Kılavuzlar yalnızca İngilizce ve Portekizce.
Maçların çevresindeki içerik de pakete dahil: üç etapta dokuz maçlık bir Sunset Circuit, sabah, öğleden sonra, gece ya da yağmurda oynanabilen üç mekân (Sunset bahçesi, Sakura bahçesi ve Seaside kafe) ve galibiyetlerden kazanılan paralarla raket renkleri, lastikler, şekiller, saplar, ahşaplar, kenar bantları, çıkartmalar, top ve masa stilleri alınan bir atölye.
Kodda neyin nerede olduğu
Kılavuz oyunun her parçasını bir dosyaya bağlıyor. Çalışırken açık tutmanız gereken liste şu:
- Campaign.ts: dokuz kampanya maçı ve yıldız hedefleri.
- Places.ts: her mekânın görünümü.
- physics.ts: top ve raket fiziği.
- match.ts: skor ve maç kuralları.
- i18n.ts: İngilizce ve Portekizce arayüz metni; diğer diller locales klasöründe.
- styles.css: menülerin ve ekranların stili.
Her kampanya maçında en fazla üç yıldız var: kazanmak, üç köşeye vurmak ve on vuruşluk bir ralli oynamak. Toplam 27 yıldız eder ve her mekânı bitirmek bir atölye ödülü kazandırır. Yıldız koşulları tek bir kampanya dosyasında durduğu için kodu taramadan kampanyayı kolaylaştırıp zorlaştırabilirsiniz.
Ping pong şablonunda ilk ne değiştirilmeli
Düşük riskten yüksek riske doğru şu sırayı öneriyoruz.
- Arayüz metinleri ve oyunun adı, i18n.ts ve locales klasöründe.
- Renkler ve ekranlar, styles.css içinde.
- Raket, top ve masa için atölye stilleri; böylece ekipman markanızı taşır.
- Mekân görselleri, Places.ts içinde.
- Kampanya maçları ve yıldız hedefleri, Campaign.ts içinde.
- Fizik ve skor, physics.ts ve match.ts içinde; yalnızca farklı bir his istiyorsanız.
Kılavuz uyulmaya değer üç kural ekliyor. Kilit açma kimliklerini, eşya kimliklerini ve kayıt anahtarlarını sabit tutun, yoksa oyuncular kazandıklarını kaybeder. Başlamadan önce yedek alın. Her seferinde tek bir özelliği değiştirin ki hangi düzenlemenin neye yol açtığını bilin.
Beyaz etiket serbest: bizim adımız ve logomuz yerine sizinki ya da müşterinizinki gelebilir.
Yeniden derleme, yayınlama ve sayfaya gömme
Oynamak için hiçbir şey derlemeniz gerekmez. game/ içeriğini statik dosya sunan herhangi bir HTTP(S) sunucusuna yükleyin, göreli yolları koruyun ve adresi açın. PHP, veritabanı ya da hesap gerekmez.
Kaynağı değiştirmek için Node.js (24 LTS önerilir) ve npm gerekir. TypeScript'i düzenleyin, Vite ile yeniden derleyin ve yayındaki game/ klasörünü yeni çıktıyla değiştirin.
Tarayıcıda JavaScript, ES modülleri ve WebGL2 gerekir. Dokunmatik ve fare kontrolleri desteklenir, kontroller ekran boyutuna uyum sağlar. Performans tarayıcıya ve cihaza bağlıdır; oyuncularınızın kullandığı telefonlarda test edin.
- game/ klasörünü sunucunuzda bir test klasörüne yükleyin.
- Bir masaüstü tarayıcıda ve bir telefonda birer maç oynayın.
- Metin ve stil değişikliklerinizi source/ içinde yapıp yeniden derleyin.
- Test klasörünün tamamını değiştirin, sonra tekrar oynayın.
- Son adrese taşıyın.
Bu sürümde neler yok
Bu sürüm CPU'ya karşı oynanır: kampanya, serbest maç ve antrenman. Çevrim içi çok oyunculu mod, çevrim içi odalar, çevrim içi sıralama tabloları ve bulut hesapları pakette yok; iki oyunculu mod da yok. Reklam SDK'sı ya da reklam hesabı bulunmuyor; yerel uygulamalar ve barındırma dahil değil.
İlerleme oyuncunun tarayıcısında kalır: kampanya yıldızları, sonuçlar, istatistikler, tekrarlar ve atölye eşyaları. Sunucu ya da hesap kullanılmadığı için yayından sonra bakımı gereken bir şey yok.
Çevrim içi mod, bir portal SDK'sı, uygulama mağazası sürümü ya da sunucunuza kurulum istiyorsanız bu ayrı bir hizmettir ve proje bazında fiyatlandırılır.
Özel iş için fiyat teklifi isteyin
Tek paragrafta lisans, destek ve fiyat
Bir satın alma, sizin ya da bir müşterinizin tek bir son ürünü için süresiz ve münhasır olmayan bir lisans verir; oyuncular bu ürünü ücretsiz ya da reklamla gelir elde edilen şekilde kullanabilir. Kodu, görselleri ve sesleri o ürünün içinde değiştirebilirsiniz, ancak şablonu, kaynak kodunu ya da dosyalarını tek başına yeniden satamaz veya paylaşamazsınız. Destek 6 ay sürer, ödeme sırasında uzatma alınırsa 12 ay; dosyaların kurulumu ve kullanımı ile tekrarlanabilir hataların düzeltilmesini kapsar. Özelleştirme, barındırma ve SDK ya da portal entegrasyonu ayrıca fiyatlandırılır. Liste fiyatı $39; 30 Kasım 2026'ya kadar süren Black Friday kampanyası tüm şablonlarda %15 indirim yapıyor, yani Sunset Rally $33.15; 1 Aralık'tan itibaren fiyatlar listeye döner.
Sıkça sorulan sorular
Bu ping pong oyununu kullanmak için bir şey derlemem gerekiyor mu?
Hayır. game/ klasörü zaten derlenmiş durumda. İçeriğini statik bir web sunucusuna yükleyip adresi açmanız yeterli. Node.js ve npm yalnızca TypeScript'i değiştirip yeniden derlerseniz gerekir.
İki oyunculu ya da çevrim içi mod var mı?
Hayır. Bu sürüm kampanyada, serbest maçlarda ve antrenmanda CPU'ya karşı oynanır.
Kampanyayı ve yıldız hedeflerini değiştirebilir miyim?
Evet. Maçlar ve yıldız koşulları Campaign.ts içinde. Ardından Node.js ile yeniden derleyin.
Topun davranışını değiştirebilir miyim?
Evet. Fizik physics.ts, skor kuralları match.ts içinde. Her seferinde tek şeyi değiştirin ve her rakibe karşı test edin.
Telefonlarda çalışıyor mu?
Evet, ekrana uyum sağlayan dokunmatik kontrollerle. WebGL2 gerekir ve performans cihaza bağlıdır; hedeflediğiniz telefonlarda test edin.
İlerleme nereye kaydediliyor?
Oyuncunun tarayıcısına. Sunucu ya da hesap kullanılmaz.
Karşılaştırılabilecek diğer spor şablonları
Bir site için spor köşesi kuruyorsanız Sunset Rally'nin yanına iki şablon daha iyi oturur. Velvet Pool, CPU rakibi ve aynı cihazda iki oyunculu modu olan bir 8 top bilardo oyunu; WebGL2 ile saf JavaScript'te yazılmış, liste fiyatı $39. Puttide, Three.js ve Rapier üzerine kurulu 30 delikli bir 3D mini golf oyunu, liste fiyatı $39. İkisinin de arayüzü 14 dilde.
Sunset Rally; kısa maçlı bir spor oyunu isteyen portallara ve sitelere, tek bir müşteriye markalı oyun teslim eden stüdyolara ve öğrenmek ya da geliştirmek için okunaklı bir TypeScript ve Three.js projesi isteyen geliştiricilere uyar. Aynı cihazda iki oyuncu gerekiyorsa bu mod Velvet Pool'da var, Sunset Rally'de yok.
8 top oyunu Velvet Pool'a göz atın
3D mini golf oyunu Puttide'a göz atın
Tek siparişte iki ya da daha fazla şablon almak her lisansın fiyatını düşürür: iki şablonda %5, üçte %10, dörtte %15, beş ve üzerinde %20 indirim.