Pixel Orbit — Tarayıcıda Oynanan Voxel Gezegen İnşa Oyunu
React Three Fiber ile geliştirilen, tarayıcıda oynanan gerçek bir oyun: voxel gezegeni büyüt, geceleri meteor yağmuruna karşı kalkanlarla koru. Görevler, seviye, otomatik kayıt.
- Sektör
- uurstudios iç projesi (konsept · çalışan oyun)
- Yıl
- 2026
- Teknolojiler
- Three.js, React Three Fiber, TypeScript, Vite, Zustand, Vitest, Playwright, WebGL
Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.
Problem
'Rahatlatıcı inşa' türü popüler ama çoğu oyun indirme gerektiriyor, tarayıcıda çalışmıyor ve düşük donanımlı telefonlarda takılıyor. Küre üzerinde ızgara tabanlı yerleştirme de teknik olarak zor: kareler kutuplarda bozuluyor.
Çözüm
Küp-küre ızgarası (6 yüz × 16×16) ve her hücre için yerel çerçeve hesabı sayesinde yapılar yüzeye dik ve dengeli oturuyor; tüm arazi ve yapılar instanced mesh olarak tek çizimde render ediliyor. Tohumlu gürültü tabanlı arazi (su, kumsal, çayır, kayalık, kar), gün/gece ışık döngüsü, gölgeler, meteor ve çarpma efektleri, WebAudio ile sentezlenen sesler. Zustand ile oyun durumu ve localStorage kaydı; oyun kuralları saf fonksiyonlar olarak yazılıp Vitest ile 22 birim testiyle, akış Playwright ile uçtan uca test edildi. Telefonlar için otomatik düşük grafik modu.
Sonuç
Tarayıcıda kurulum gerektirmeden oynanıyor; sahne tek instanced çizimle 4.000+ voxel ve yüzlerce yapıyı 60 FPS hedefiyle çiziyor. Menü → inşa → gece/meteor → kayıt akışı otomatik testlerden geçiyor. Kaynak kod GitHub'da; mağaza (Capacitor) sürümü ve liderlik tablosu bir sonraki adım.
Canlı demo
Tarayıcıda deneyin
Çalışan sürümün kendisi. İçinde gezinebilir, tam ekranda açabilirsiniz.
