Domino King için yeni bir visual identity (görsel kimlik) oluşturma ve oyuna yeni arayüz tasarımları kazandırma sürecindeyim. Bu doğrultuda, oyunun yükleme ekranını (Loading Screen) baştan tasarlayarak görsel düzenlemelerini ve teknik entegrasyonunu tamamladım. Bu yazıda, yeni ekranı oluştururken başvurduğum tekniklerden ve performans odaklı çözümlerden bahsedeceğim.

Eski yükleme ekranı oldukça sadeydi ve belirgin bir tasarım yükü taşımıyordu. Yeni arayüz ise çok daha modern ve standart bir UI/UX yapısına sahip.

Shader ile Dinamik Arka Plan

Yeni arayüzü kurguladıktan sonra ekrana biraz dinamizm katmak istedim. Arka plandaki domino taşlarını hareketlendirmenin görsel kaliteyi artıracağını düşünerek Unity Shader Graph kullanarak özel bir shader hazırladım:

• Pattern & Maskeleme: Dikine tek bir domino grubunu baz alan bir graph yapısı kurguladım. Tekrarlanan görseli (UV Tiling) maskeleme yöntemi ile sınırlandırarak yalnızca ihtiyacım olan alanları görünür kıldım.
• Çift Yönlü Hareketi: Estetik bir derinlik yakalamak adına 2 ayrı grup oluşturup bu grupları zıt yönlerde kaydırdım.

Performans & Optimizasyon (Tris / Verts Yükü)

Bu hareketli yapıyı sahneye birden fazla Sprite/Görsel yerleştirerek de çözebilirdim. Ancak fazladan görsel kullanımı, beraberinde fazla Tris (Triangle) ve Verts (Vertex) çizilmesine, dolayısıyla Draw Call yükünün artmasına neden olacaktı.

Tek bir görsel + Shader maskeleme ile ulaştığım sonuç ile çoklu görsel kullanımı arasındaki performans/çizim farkını aşağıda görebilirsiniz.

İncelemek isteyenler için hazırladığım Shader Graph düğüm yapısını da aşağıya bırakıyorum. Fikir, öneri ve düşüncelerinizi benimle paylaşabilirsiniz!