Warcraft III arayüzüne dayalı tematik bir web bileşen kütüphanesi WC3UI tarafından gönderildi Bu, tek bir düğme istediğim için başladı. Sonra hover glow lazımdı. Sonra aktif eğim. Sonra dört ırkı desteklemenin güzel olacağını düşündüm. Bu çok uzun zaman önceydi Bileşen seti beklediğimden daha fazla alanı kapsadı: 11 düğme varyantı (üst sekme, ESC menüsü, yapıştırma ekranı, kampanya, bordered, küçük, komut kartı, artı StandardTemplates.fdf'den 8 menü çerçevesi alt varyantı), açılır menüler, kaydırmalar, kontrol kutuları, radyo düğmeleri, düzenleme kutuları, kaydırma çubukları, metin alanları ve liste kutuları. Sonra kaynak sayaçları, tam komut kartı ızgarası (komut paleti yerine geçi), kaynak maliyeti çizgileriyle zengin ipuçları, birim kuyruğu, sağlık/mana/xp/ilerleme/yapı çubukları, tam ekran yükleme çubuğu ve çeşitli sınır ve sinematik varyantlar dokular, oyun arşivlerinde Blizzard'ın gönderdiği aynı formatla çalışma zamanında çözülen gerçek BLP dosyalarıdır. 9 dilimli sınırlar, orijinal sprite atlaslarından alınan tuval üzerine kompozisyona getirilir ve FDF (çerçeve tanımı) dosyalarından alınan ölçümlerle konumlandırılır. Her ırkın arka planlar, sınırlar ve havada durma durumları için tamamen farklı doku setleri var portre çerçevesi, orijinal MDX model formatından ayrıştırılmış animasyonlu kahraman modelleri WebGL'de render edebilir. HUD'un üstündeki saat widgetı da 3D modeldir İnsan, Ork, Gece Elfi, Ölümsüz için dört fraksiyon teması üst çubuktan değiştirilebilir. Bileşen Gösterimi:

@shadcn şimdi nasıl yapıldığını göreceğim