El creador#
Todo en Loading Screen Creator ocurre en una sola ventana, que un administrador abre con /loadingcreator. Ejecutar el comando de nuevo, o pulsar Esc, la cierra. Tiene dos pestañas:
Pestaña | Para qué sirve |
|---|---|
Design | El editor: tus temas a la izquierda, el lienzo en el centro, la pila de módulos y el inspector a la derecha. |
Settings | La identidad de servidor del tema (el nombre, Discord y web que muestran sus módulos), su descripción, qué tema está activo y el id del tema. |
Preview, arriba a la derecha, abre el tema a pantalla completa con todas las animaciones en marcha y la banda sonora sonando. Es el mismo renderizador que usa el juego, así que lo que ves ahí es exactamente lo que reciben los jugadores. Esc sale de él.
Los cambios son un borrador hasta que pulsas Save. Set live guarda primero si es necesario y luego convierte ese tema en el que ve cada jugador que se conecta.
La pestaña Design#
Organizada como un editor gráfico:
Dónde | Qué hay |
|---|---|
Izquierda | La biblioteca de temas: los temas integrados y los tuyos, una insignia Live en el que ven los jugadores, Built-in en los incluidos, y los botones Import y New theme. |
Barra de herramientas | Nombre del tema, zoom (40–220%), deshacer y rehacer, Grid, Safe area, Animations activado o desactivado, y las acciones del tema: Copy code, Revert, Duplicate, Delete, Save y Set live. |
Centro | El lienzo. Haz clic en un módulo para seleccionarlo, arrástralo para moverlo y tira de sus ocho controladores para cambiar su tamaño. Haz clic en una zona vacía del lienzo para seleccionar toda la pantalla. |
Arriba a la derecha | Módulos: la biblioteca desde la que añadirlos, en cuatro grupos, y la pila de módulos del tema: mostrar u ocultar, bloquear, traer adelante, enviar atrás, duplicar y eliminar. Haz doble clic en un nombre para renombrarlo. |
Abajo a la derecha | El inspector: las propiedades del módulo seleccionado, o las de toda la pantalla cuando no hay nada seleccionado. |
Atajos#
Tecla | Qué hace |
|---|---|
| Deshacer. Un paso por gesto: un arrastre completo es un paso, no uno por píxel. |
| Rehacer. |
| Duplicar el módulo seleccionado. |
| Eliminar el módulo seleccionado. |
| Desplazar el módulo seleccionado un 0.1% de la pantalla, o un 1% con |
| Ajustar la posición y el tamaño a pasos enteros de 1%. |
| Salir de la vista previa o cerrar el creador. |
Las posiciones y los tamaños son porcentajes de la pantalla, y eso es lo que mantiene un diseño correcto en cualquier resolución. Un módulo bloqueado no se puede arrastrar ni desplazar por accidente: bloquea las piezas del fondo una vez colocadas. El lienzo reproduce los vídeos y las animaciones sin sonido; Preview añade el sonido.
Los temas integrados#
Siete diseños terminados vienen dentro de la interfaz. Usa uno tal cual o ábrelo y cámbialo: guardar un tema integrado conserva tu versión con el mismo nombre, y eliminarlo después recupera el original.
Tema | Aspecto |
|---|---|
Cinematic | El predeterminado. Un fondo de vídeo etalonado enmarcado por barras letterbox de 2.34:1, el nombre del servidor y una sola línea. La banda sonora está en la franja izquierda, el botón de silencio en la derecha, y una barra de progreso fina recorre el borde inferior. |
Midnight | Oscuro, amplio y sereno. Todo anclado a las esquinas para que el centro quede limpio. |
Neon | Synthwave centrado: progreso circular, líneas de escaneo y brillo de neón, con un reproductor de música visible. |
Welcome | Una tarjeta de bienvenida sobria: una palabra enorme flotando sobre un suave resplandor radial, el nombre del servidor en azul cielo y casi nada más. |
Cyberpunk | Una ciudad nocturna mojada por la lluvia: asfalto negro, una pareja de acentos cian y magenta, una línea de neón marcada y tarjetas de terminal en una cuadrícula estricta de tres columnas. |
Aurora | Claro y ligero. Suaves velos de aurora sobre papel, un anillo de progreso de gran tamaño y un logotipo editorial en una cuadrícula de cuatro columnas. |
Overdrive | Nada se queda quieto: halos que giran en sentidos opuestos, un logotipo con glitch en tres capas cromáticas y una firma que se escribe sola debajo. |
Duplicate crea una copia independiente para experimentar, Revert descarta los cambios sin guardar y New theme empieza desde un lienzo vacío.
Fondo, superposición y banda sonora#
Haz clic en una zona vacía del lienzo y el inspector pasa a mostrar lo que pertenece a toda la pantalla de carga en lugar de a un módulo:
Sección | Qué contiene |
|---|---|
Canvas | La resolución del diseño, 1920 × 1080 por defecto. Casi todos los jugadores usan 16:9, y la pantalla se escala a cualquier otro tamaño. |
Background | Un color o degradado (sólido, lineal, radial o cónico), una imagen, una presentación (fundido, deslizamiento o zoom Ken Burns) o un archivo de vídeo, con ajuste, desenfoque, brillo, saturación y escala de grises. |
Overlay | Un relleno pintado sobre el fondo y bajo todos los módulos, más una viñeta. La forma más rápida de hacer legible el texto sobre un vídeo recargado. |
Soundtrack | Una lista de reproducción de pistas de |
Un fondo de vídeo puede reproducir su propio sonido encima de la banda sonora. Silencia uno de los dos y añade el módulo Sound toggle: es un único silencio general que silencia a la vez el vídeo y la música, y la elección de cada jugador se recuerda para su siguiente conexión.
Módulos#
Un tema es una pila de módulos. Añade uno desde la biblioteca de arriba a la derecha y aparecerá en el lienzo, seleccionado y listo para moverlo. Diecinueve tipos, en cuatro grupos:
Grupo | Módulos |
|---|---|
Basics | Text · Image · Shape · Icon · Effect |
Loading | Progress bar · Spinner · Server info · Clock |
Content | Tips · News · Rules · Staff · Social links · Countdown |
Media | Music player · Sound toggle · Slideshow · Video |
Lo que tiene cada módulo#
Sección | Ajustes |
|---|---|
Transform | Nombre, posición y tamaño en % de la pantalla, rotación, opacidad, radio de las esquinas y modo de fusión (16 en total, de multiply y screen a overlay y luminosity). |
Entrance animation | Cómo aparece: fade, up, down, left, right, zoom, zoom out, blur o flip, con un retraso y una duración. Escalona los retrasos y la pantalla se construye pieza a pieza. |
Looping motion | Lo que hace después de aparecer: float, sway, pulse, breathe, spin, wobble, flicker, glitch o shimmer, con su propio ciclo y retraso. Sin uno, la pantalla se congela en una imagen fija un segundo después de empezar la carga. |
Backing panel | Una tarjeta opcional detrás del módulo: relleno, borde, sombra, desenfoque de fondo para un efecto de cristal esmerilado y margen interior entre el contenido y el borde. |
Los módulos de texto pueden elegir entre Poppins, Pacifico, Arial, Georgia, Courier New, Arial Black, Trebuchet MS y Verdana.
Módulo a módulo#
Text
Texto fijo o vinculado a datos en vivo: nombre del servidor, jugadores en línea, máximo de jugadores, plazas, porcentaje de carga, la línea de estado de carga, fecha, hora, Discord o web, con un prefijo y un sufijo alrededor. Fuente, tamaño, grosor, cursiva, mayúsculas, espaciado entre letras, interlineado, relleno de color o degradado, contorno, sombra, alineación y un límite de líneas.
Handwriting traza la palabra como si se estuviera escribiendo y luego la rellena. Queda bien con una fuente manuscrita como Pacifico.
Image
Una imagen de images/ (un logotipo, el render de un personaje, una insignia) con cover, contain o stretch, un borde, una sombra y filtros de escala de grises, brillo, contraste, saturación y desenfoque.
Shape
Un rectángulo o una elipse con cualquier relleno (sólido o degradado lineal, radial o cónico), un borde, una sombra y desenfoque. Las barras, resplandores, marcos y separadores son todos formas.
Icon
Uno de 30 iconos (Discord, X, TikTok, Instagram, YouTube, Twitch, Steam, un globo, un escudo, una corona, un coche, un mapa y más) en cualquier color, con sombra.
Effect
Una capa de efecto sobre su área: viñeta, grano de película, líneas de escaneo, degradado, resplandor, partículas, estrellas, lluvia, brillo o ruido, con intensidad, velocidad y dos colores.
Progress bar
El progreso de carga real, leído de los propios eventos de carga del juego y suavizado para que nunca se quede congelado. Seis estilos: barra, línea fina, riel de neón, segmentada, puntos y anillo, con rellenos de pista y barra, grosor, rayas, resplandor, el porcentaje y una etiqueta que muestra la línea de estado en vivo o tu propio texto.
Spinner
Anillo, puntos, barras, pulso u órbita, en cualquier color, grosor y velocidad.
Server info
El nombre del servidor, los jugadores en línea, las plazas, Discord y la web, en fila o en columna, con o sin iconos.
Clock
La hora local del jugador en formato de 12 o 24 horas, con segundos y fecha opcionales.
Tips
Un encabezado y una lista de líneas que rotan a intervalos, con una transición de fundido, subida o deslizamiento y un icono opcional.
News
Entradas con etiqueta, título, cuerpo y fecha, como lista o como tarjetas, con desplazamiento automático opcional cuando no caben.
Rules
Una lista de normas numerada o simple, en una o más columnas.
Staff
Miembros del equipo con nombre, rol y un avatar de images/, en una cuadrícula de retratos circulares, redondeados o cuadrados.
Social links
Botones con un icono y una etiqueta (píldora, sólido, fantasma o solo icono) dispuestos en fila, en columna o en cuadrícula.
Countdown
Días, horas, minutos y segundos hasta una fecha que elijas (un lanzamiento, un wipe, una noche de evento), en bloques o en línea.
Music player
Muestra la banda sonora: título, artista, portada, controles, volumen, un visualizador y una línea de progreso, en estilo barra, compacto, vinilo o minimalista. Solo dibuja: la música pertenece al tema, así que cambiar su estilo nunca reinicia la canción. La banda sonora también se puede editar desde aquí.
Sound toggle
El silencio general: un botón que silencia a la vez la banda sonora y el vídeo de fondo, como círculo, píldora o icono solo, con una etiqueta para cada estado. Se recuerda la elección de cada jugador.
Slideshow
Imágenes de images/ que se alternan a intervalos con fundido, deslizamiento o zoom Ken Burns, además de brillo, desenfoque y una superposición.
Video
Un clip de videos/ dentro de un marco: ajuste, bucle, silencio, volumen, brillo, desenfoque y una superposición. Para un clip a pantalla completa, usa el fondo en su lugar.
La pestaña Settings#
Lo que el tema dice de tu servidor. Todos los módulos vinculados al nombre del servidor, Discord o web muestran estos valores:
Campo | Notas |
|---|---|
Server name | Déjalo vacío para usar tu |
Discord | Por ejemplo, |
Website | Por ejemplo, |
Los jugadores en línea y las plazas siempre vienen del servidor y se actualizan mientras la pantalla está visible; no se pueden sobrescribir. La pestaña también contiene la descripción del tema, muestra qué tema está activo ahora mismo y el id del tema, el valor que recibe el export SetActiveTheme. La identidad se guarda por tema, así que dos temas pueden mostrar dos nombres diferentes.
Activar un tema#
Save escribe el tema en data/themes.json. Set live lo convierte en la pantalla que recibe cada jugador, guardando primero si hay cambios sin guardar. Nada se reinicia:
El servidor entrega el tema activo a cada jugador al conectarse, así que se dibuja desde el primer fotograma.
Los jugadores que están cargando en ese momento cambian a él al instante.
El último tema que vio un jugador se guarda en su PC, así que un diseño personalizado nunca muestra brevemente el predeterminado en su siguiente conexión.
Delete elimina un tema. Si estaba activo, los jugadores reciben el predeterminado (Cinematic) hasta que actives otro.
Compartir temas#
Cada tema puede viajar como una sola línea de texto. Copy code en la barra de herramientas muestra el tema como un código que empieza por QSLS1:: selecciónalo, cópialo y envíalo. En el otro servidor, Import en la parte superior de la lista de temas recibe el código y lo abre como un tema nuevo sin guardar.
Un código contiene el diseño, no los archivos. Las canciones, los vídeos y las imágenes se referencian por nombre de archivo, así que el servidor que lo recibe necesita los mismos archivos en
song/,videos/yimages/. Lo que falte aparece en el creador como una entrada external URL hasta que elijas un reemplazo.
Cómo se cierra la pantalla#
Loading Screen Creator decide cuándo desaparece la pantalla, y todos los caminos terminan con ella cerrada: nadie se queda nunca en una pantalla de carga.
El juego está listo
La sesión comienza y el personaje del jugador existe. La barra de progreso se llena hasta el 100%.
El relevo
La pantalla sigue visible hasta que la siguiente interfaz puede tomar el relevo, para que el jugador nunca vea el mundo vacío entremedias. Multicharacter la cierra en cuanto la selección de personaje está lista; cualquier otro script puede hacer lo mismo con un export o un evento.
El límite de seguridad
Si nada la cierra nunca, la pantalla se cierra sola:
Config.MaxDuration(45 segundos) después de que exista el personaje, oConfig.MaxDurationHandoff(3 minutos) mientras un recurso deConfig.HandoffResourcesestá en ejecución, porque un PC lento puede necesitar ese tiempo para cargar una escena de personaje.
Un recurso que cierra la pantalla de carga por su cuenta (muchos frameworks y selectores de spawn lo hacen) también funciona, y detener qs-loadingscreen cierra la pantalla para todos los que sigan en ella.
Si nada en tu servidor cierra la pantalla de carga, esta espera al límite de 45 segundos. Reduce
Config.MaxDuration, o ciérrala desde tu propio script de spawn; consulta Integraciones.
Encuadre y resoluciones#
Los módulos se escalan para encajar y el fondo se escala para cubrir: dos escalas distintas a propósito. Si todo cubriera, en un monitor ultrapanorámico o 4:3 se cortaría cualquier cosa fijada a un borde. Si todo encajara, aparecerían barras negras alrededor del fondo. En 16:9, que es lo que tienen casi todos los jugadores, ambas coinciden y nada cambia. Activa Safe area mientras diseñas y mantén el texto importante dentro de ella.
Rendimiento en PC lentos#
El navegador de FiveM decodifica el vídeo por software, justo en el momento en que el juego está cargando cientos de recursos. En un PC con cuatro núcleos de CPU o menos, o 4 GB de memoria o menos, los vídeos del fondo y de los módulos se quedan en su primer fotograma en lugar de reproducirse: el diseño se mantiene y la CPU se dedica al juego.
Si junto al clip existe una copia más ligera con _low añadido al nombre (quasar_roleplay_low.webm junto a quasar_roleplay.webm), esos jugadores cargan esa en su lugar. El creador y su vista previa siempre reproducen el clip completo, así que no se te oculta nada mientras diseñas.