Serwer roleplay w klimacie Los Santos 2003 roku, prowadzony dla Fragbites. Cała warstwa interfejsu — od HUD-u po telefon z klapką — napisana od zera.
ReactVue 3TypeScriptViteLuaNUITailwind
Wyzwanie
FiveM renderuje interfejsy jako strony webowe (NUI) osadzone w silniku gry. Gotowe zasoby ze sklepów są ciężkie, niespójne wizualnie i pisane pod inne serwery. Potrzebny był komplet modułów w jednym języku wizualnym, komunikujących się z warstwą gry w Lua przy 60 FPS.
Realizacja
12 modułów UI: HUD z licznikiem i minimapą, telefon z klapką (Badger 2600), portfel z dokumentami, salon samochodowy, radio samochodowe, menu pauzy, ekran ładowania z realnym postępem, intro, menedżer blipów, budka telefoniczna, pasek czynności i menu pojazdu.
Każdy moduł to osobny build (Vite), rozmawiający z Lua przez zdarzenia NUI — te same zdarzenia napędzają interaktywne dema w portfolio.
Menu pojazdu napisane w Vue 3 + TypeScript z przyciskami zakotwiczonymi w kościach modelu 3D auta (pozycje z gry 30×/s).