Profilim sayfasında 3D skin önizleme
MezarMC Ekibi
Profilim sayfasında 3D skin önizleme
Geçen hafta MezarMC Launcher'ın /profilim sayfasını 3D skin önizleme ile güncelledik. Artık 2D Crafatar görüntü yerine, gerçek bir Minecraft modeli üzerinde kendi skinin yavaşça döner.
Ne değişti?
Eski: 160×160 piksel statik PNG.
Yeni: 160×160 piksel dönen 3D model + skinview3d 3.4.2 motoru.
Bu sayede:
- Skinin tüm açılardan görünür (önden, yandan, arkadan)
- Yavaş bir Y ekseni dönüşü ile cazip animasyon
- Fare ile manuel çevirme (drag & rotate)
prefers-reduced-motion: reduceayarına saygı (animasyon kapanır, statik durur)
Performans etkisi
3D motorun ağırlığı:
- skinview3d + three.js bundle = 515 kB raw / 129 kB gzip
- Sadece /profilim sayfasına basınca yüklenir (lazy import via dynamic
await import) - Diğer sayfaları 0 kB etkiler
Yani giriş, oyna, kozmetik, ayarlar gibi sayfalarınız tamamen aynı hızda kalır.
Erişilebilirlik
Görme zorluğu çekenler veya küçük ekranda olanlar için fallback'ler:
- WebGL desteklenmiyorsa → otomatik 2D Crafatar görüntüye düşer (eski davranış)
- Skin URL 404 → Steve placeholder
- Reduced-motion → dönüş kapanır, statik kamera-yüzü pose
- Screen reader →
<figure>+<figcaption class="sr-only">"{username} oyuncu skini 3D önizlemesi"</figcaption>ile açıklanır
Sıradaki adım
Yakında /kozmetik sayfasına da 3D önizleme ekleyeceğiz. Orada cape, kanat ve partikül kombinasyonlarını canlı görüp kaydedebileceksin.
Şimdilik kendi skinini 3D'de görmenin keyfini çıkar. Ekran görüntüsü bekliyoruz!