Interfaz NUI para FiveM
Cada detalle,una identidad.
Panel de personaje con 3D para servidores FiveM.
Panel de estilo del personaje con 3D, para servidores de roleplay.
- Next.js
- React
- Three.js
- Lua
Interfaz NUI para FiveMCada detalle,una identidad.
Panel de personaje con 3D para servidores FiveM.
- Next.js
- React
- Three.js
- Lua
Panel de estilo del personaje con 3D, para servidores de roleplay.
- Next.js
- React
- Three.js
- Lua
Abriendo el archivo
Antes del 3D, 16 bytes dicen el tamaño.
Cada prenda llega en un archivo comprimido. Los primeros 16 bytes dicen si es del formato correcto y cuánto ocupará cada parte una vez abierta. Mueve las páginas y mira los bytes y los tamaños cambiar juntos.
Los 16 bytes del inicio
System
Graphics
Una vez abierto
512 × 8542,5 KB1024 × 218218 KBTotal descomprimido260,5 KB
La cuenta es la del programa (PageSystem.ts): cada flag guarda conteos de páginas en grupos de bits (×1, ×2, ×4, ×8, ×16, ×32, ×64…) y, en los 4 bits de abajo, el tamaño base (512 bytes duplicado n veces). System guarda las estructuras; graphics, vértices y texturas. Los valores aquí son de ejemplo.
Tu estilo, categoría por categoría.
Ropa y accesorios organizados en un panel dedicado.
17 slots · 7 categoríasEl panel no guarda coordenadas: lee el nombre de cada archivo de pieza y sabe solo dónde va. Elige un archivo, o escribe un nombre, y mira el nombre partirse y abrirse el cajón correcto.
Ejemplos
La parte después de ^, partida
- Slot
- uppr
- Número de pieza
- 002
- Variante
- u · universal
- Categoría · tipo
- Camisa · Camisa
- En FiveM
- componente 3
Camisa
Pantalón
Calzado
Pelo
Sombrero
Gafas
Accesorio
Las reglas son las del programa (categorias.ts): quita la extensión, toma lo que viene después de ^ y parte en los _; si empieza con p, es prop. Son 17 slots en 7 categorías, y cada slot tiene su número en FiveM. La posición no vive aquí: el esqueleto del modelo encaja la pieza solo.
Interfaz propia. Ingeniería detrás.
Motor 3D y lectura de modelos en TypeScript.
Three.js · React · FiveMEn el servidor, el panel se encaja solo en el sistema que ya esté corriendo. Enciende y apaga los recursos, cambia el modo e inicia: la cadena prueba en orden y se detiene en el primero que encuentra.
Recursos encendidos en el servidor
Lo que decide el servidor
- vRPvrp
- QBoxqbx_core
- QBCoreqb-core
- ESXes_extended
- Standalonelicense
Las pantallas reales
Las reglas son las del programa (bridge.lua): espera 1 segundo, lee la convar; en auto prueba vrp, qbx_core, qb-core y es_extended, en ese orden, y se detiene en el primero encendido; sin ninguno, standalone. Un nombre inválido en la convar o un framework que no responde también caen en standalone, con error en el log.
Las tecnologías
De qué está hecho, pieza por pieza
Una interfaz que corre dentro del servidor de juego: un sitio Next.js exportado como pantalla de FiveM, un visor 3D en Three.js con lectores de modelo escritos a mano en TypeScript, y un puente en Lua que habla con el servidor. Elige una pieza para ver qué hace aquí y en qué archivo está.
9tecnologías, en 3 capas
Pantalla
3D
Servidor
Siguiente proyecto08 / 51
Creación de juegos RobloxRoblox Creator StudioApp de escritorio en Tauri, React, Rust y Python que genera y optimiza 3D, arma coches manejables, mapas, lugares y bosque y aplica todas las animaciones a la vez, directo en el juegoTauri 2React 18Three.jsglTF Transform
← AnteriorBlackout Casino