İçeriğe atla
Profilim sayfasında 3D skin önizleme kapak görseli

Profilim sayfasında 3D skin önizleme

MezarMC Ekibi
DuyuruLauncherGunce

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: reduce ayarı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!