uurstudios
Tüm projeler
GameMaker (GML)TypeScriptCanvas 2DWeb AudioViteVitestPlaywright

Inkway — Çizdiğin Yolda Yuvarlanan Mürekkep Oyunu

GameMaker ile Android için yazılan, ardından tarayıcıya birebir taşınan çizim-platform oyunu: parmağınla yol çiz, mürekkep topu üzerinden yuvarlansın; çizgiler kurur, yağmur onları dört kat hızlı siler.

Inkway — Çizdiğin Yolda Yuvarlanan Mürekkep Oyunu — uurstudios tarafından geliştirildi
Müşteri
uurstudios iç projesi (çalışan oyun)
Yıl
2026
Teknolojiler
GameMaker (GML), TypeScript, Canvas 2D, Web Audio, Vite, Vitest, Playwright
Inkway'de top kendi kendine sağa yuvarlanır; oyuncu boşlukların üstüne köprü, dikenlerin üzerine rampa çizer. Çizmek mürekkep harcar, çizgi 5 saniyede kurur, yağmur bölgesinde 4 kat hızlı. 4 bölüm, yıldızlar, kontrol noktaları, can ve skor sistemi var. Oyun GameMaker'da yazıldı; web sürümü GML kodunu satır satır takip ederek TypeScript + Canvas 2D'ye taşındı. Ekran görüntüleri oyunun kendisinden alınmıştır.

Problem

GameMaker oyunu yalnızca mağaza üzerinden, kurulumla oynanabiliyordu. Portföyde ve bir bağlantıyla paylaşıldığında anında açılması gerekiyordu; ama GameMaker'ın HTML5 çıktısı hem ağır hem de köşe renkli primitifler ve renkle çarpılan sprite'lar gibi özellikleri Canvas'ta birebir karşılamıyor.

Çözüm

Oyun motoru kullanmadan küçük bir çizim katmanı yazıldı: draw_line_width, draw_roundrect_ext, draw_sprite_ext (renkle çarpma önbelleği), dünya koordinatında tekrarlanan zemin dokusu ve köşe renkli üçgen şeritleri gradyanlarla karşılandı. Daire–doğru parçası çarpışma çözücüsü ve oyun mantığı çizimden ayrıldı; tohumlu rastgele sayı üreteciyle tarayıcısız çalışan 22 Vitest testi (bölüm verisi, çarpışma, köprüden geçiş, yağmurda kuruma, bitiş bonusu) yazıldı. Ses Web Audio, giriş Pointer Events ile; kare hızından bağımsız, yüksek DPI ekranlarda keskin.

Sonuç

36 KB JavaScript + orijinal dokular ve seslerle anında açılıyor; fare ve dokunmatikte aynı oynanıyor. Orijinal GameMaker projesi aynı depoda duruyor, iki sürüm aynı davranıyor. Kaynak kod GitHub'da.

Inkway — Çizdiğin Yolda Yuvarlanan Mürekkep Oyunu ekran görüntüsü 1Inkway — Çizdiğin Yolda Yuvarlanan Mürekkep 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/inkway
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