uurstudios
Tüm projeler
JavaScriptCanvas 2DWeb AudioElectronGamepad APIPlaywright

Hopscraper — Sonsuz Kule Zıplama Oyunu

Tarayıcıda ve masaüstünde (macOS, Windows) çalışan, deterministik simülasyonlu sonsuz kule oyunu: koş, duvardan sek, kat atlayarak kombo zinciri kur; tekrarlar birkaç KB'lık kodla paylaşılır.

Hopscraper — Sonsuz Kule Zıplama Oyunu — uurstudios tarafından geliştirildi
Müşteri
uurstudios iç projesi (çalışan oyun)
Yıl
2026
Teknolojiler
JavaScript, Canvas 2D, Web Audio, Electron, Gamepad API, Playwright
Hopscraper'da oyuncu hızlandıkça daha yükseğe zıplar, havada duvara çarpınca aynı hızla geri seker. 5. kattan sonra kule kaymaya başlar ve her saat turunda hızlanır. Her 100 katta görünüm değişir (taş, buz, ahşap, çelik, şeker…), 4 özgün karakter, 19 kupa, yerel skor tablosu ve tekrar sistemi var. Görsel dosya kullanılmıyor: her şey kodla vektör olarak çiziliyor, sesler ve müzik Web Audio ile sentezleniyor. Ekran görüntüleri oyunun kendisinden alınmıştır.

Problem

Klasik kule zıplama oyunlarının hissi, zıplama yüksekliğinin koşu hızına bağlı olmasından ve duvardan sekmenin kusursuz çalışmasından geliyor. Tekrar ve skor paylaşımı için de aynı oyunun kare kare aynı şekilde yeniden oynatılabilmesi gerekiyordu.

Çözüm

Simülasyon çizimden tamamen ayrı ve deterministik yazıldı: kule bir tohumdan üretiliyor, oyun yalnızca tohum + kare kare tuş girdisi olarak saklanıyor (RLE + base64 tekrar kodu). Başlık ekranındaki karakteri, oyunun kendi fiziğini önceden hesaplayarak iniş yerini tahmin eden bir bot yönetiyor; aynı bot testlerde de kullanılıyor. Klavye (değiştirilebilir tuşlar), oyun kolu ve dokunmatik ekran tuşları; Türkçe/İngilizce arayüz; hareketi azalt tercihine uyum. Masaüstü sürümü aynı dosyaları Electron ile paketliyor.

Sonuç

Bağımlılıksız, tek sayfada çalışıyor; aynı kod tarayıcıda, telefonda ve masaüstü uygulamasında oynanıyor. Playwright testleri aynı tohumun aynı kuleyi ürettiğini, botun en az 40. kata çıktığını ve tekrar kodunun birebir aynı skora ulaştığını doğruluyor. Kaynak kod GitHub'da.

Hopscraper — Sonsuz Kule Zıplama Oyunu ekran görüntüsü 1Hopscraper — Sonsuz Kule Zıplama Oyunu ekran görüntüsü 2

Canlı demo

Tarayıcıda deneyin

Çalışan sürümün kendisi. İçinde gezinebilir, tam ekranda açabilirsiniz.

uurstudios.com/demo/hopscraper
Kaynak kodu inceleyin

Diğer projeler

Benzer bir projeniz mi var?

Fikrinizi anlatın, 24 saat içinde size özel bir teklif ve yol haritasıyla dönüş yapayım.

Teklif Al
WhatsApp