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

Shadow Lock — Gölgesine Oturt Refleks Oyunu

GameMaker ile Android için yazılan, ardından tarayıcıya birebir taşınan dikey refleks oyunu: dönerek düşen şekil gölgesiyle hizalandığı an dokun; tutarsa yerine oturur, tutmazsa paramparça olur.

Shadow Lock — Gölgesine Oturt Refleks 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
Shadow Lock'ta 9 şekil ve 4 bölüm var; her bölümde dönüş hızlanıyor, tolerans daralıyor, ikinci bölümde ipucu kalkıyor, üçüncüde gölge de dönüyor, dördüncüde dönüş hızlanıp yavaşlıyor. Kusursuz kilit, kombo çarpanı, can ve en iyi 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

Oyunun hissi dokulu, kabartmalı parçalardan ve vuruş anındaki efektlerden (kısa donma, ışınlar, halkalar, parçalanma) geliyor. GameMaker'daki dokulu üçgen yelpazeleri, köşe renkli primitifler ve toplamalı karışım Canvas 2D'de doğrudan karşılanmıyor.

Çözüm

Her şekil kırpma alanı yapılıp malzeme dokusu orijinaldeki UV eşlemesiyle döndürülerek çiziliyor, renk geçişi multiply ile ekleniyor; kenarlar ışık yönüne göre gölgelenerek kabartma, yuvalarda ters hesapla oyuk görünüm elde ediliyor. bm_add karışımı Canvas'taki lighter ile, halkalar ve ışınlar gradyanlarla karşılandı. Oyun mantığı çizimden ayrıldı; 14 Vitest testi açı hatasını, şekil simetrilerini, puanlamayı ve 4 bölümün baştan sona bitirilebildiğini doğruluyor.

Sonuç

31 KB JavaScript + orijinal dokular ve seslerle telefonda tam ekran, bilgisayarda fare ya da klavyeyle oynanıyor. Orijinal GameMaker projesi aynı depoda duruyor. Kaynak kod GitHub'da.

Shadow Lock — Gölgesine Oturt Refleks Oyunu ekran görüntüsü 1Shadow Lock — Gölgesine Oturt Refleks Oyunu ekran görüntüsü 2

Canlı demo

Telefondaymış gibi deneyin

Uygulamanın kendisi, tarayıcıda çalışıyor. Dokunun, kaydırın, form doldurun; verileriniz yalnızca bu tarayıcıda saklanır ve kimseyle paylaşılmaz.

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