Claybound: Three.js'te Gerçek Zamanlı Deformable Clay Platformer

Bir geliştirici, saf three.js kullanarak oynanabilir bir 2.5D platformer demo yayınladı: Claybound. Oyunda gerçek zamanlı deformable çamur mekaniksi var ve tüm sistem mobil cihazlarda çalışıyor.

Stopmosyon görünümü için yuvarlak kutular ve düşük frekansı gürültü uyguladı. Normal map, gerçek çamurdan sculpted bir top taramasından geldi ve nesne boyutuna göre dinamik olarak ölçekleniyor. Oyuncu tarafından şekillendirilen çamur, doğrudan sürükleme girdilerine yanıt veren kendi mesh sistemi ile çalışıyor.

Mobil performans ciddi sorun. meshopt ile modelleri sıkıştırdı ve fizik simülasyonunu sabit 1/120s adımında tutuyor. Gölge haritası her iki karede bir güncelleniyor, bu tek başına %14-26 arası frame zaman tasarrufu sağlıyor. Assetler ağır olunca, ileri seviyelerin boss modellerini oyun başladıktan sonra asenkron yüklüyor. 9 Mbps bağlantıda bu strateji ilk yükleme süresini ciddi ölçüde düşürdü.

Geliştirici, yükleme payı konusunda henüz tam memnun değil ve topluluğa ağır 3D deneyimlerde başlangıç yükünü nasıl yönettiğini soruyor. Kod optimizasyonu, mesh sıkıştırma ve progressive loading gibi teknikler web 3D'nin gerçek dünyada çalışmasının anahtarı görünüyor.