Las dos pantallas#
Tutorial Creator tiene dos caras, y conviene saber cuál es cuál desde el principio.
Pantalla | Se abre con | Para qué sirve |
|---|---|---|
El tutorial | Primer spawn, o | Lo que ven los jugadores: el recorrido cinematográfico con su superposición encima. Todos los jugadores. |
El creador |
| Donde se escriben, se graban, se diseñan y se activan los tutoriales. Solo para el staff — consulta Instalación. |
Solo hay una en pantalla a la vez: un tutorial no empieza mientras el creador está abierto, y el creador no se abre mientras se reproduce un tutorial. La superposición que ven los jugadores y el lienzo del creador los dibuja el mismo renderizador, así que un tutorial no puede verse distinto en el juego que en el editor.
Los ocho tutoriales incluidos#
Cada instalación incluye ocho tutoriales completos, cada uno con un estilo distinto, todos hechos con el mismo creador que tienes tú. Welcome to the city está activo hasta que elijas otro.
Tutorial | Qué es |
|---|---|
Welcome to the city | El predeterminado. Un recorrido de seis paradas con un retrato por paso, narración sobre un degradado inferior, letterbox y clic para avanzar. |
Spotlight | Sin intervención. Una tarjeta centrada, una cuenta atrás en directo en cada paso y una lista de objetivos al lado. Cada paso avanza solo; hacer clic solo lo adelanta. |
Skyline | Sin botones, sin retratos, sin prisa. Cinco lugares emblemáticos en la hora dorada, tipografía grande centrada y una barra de progreso finísima. Se reproduce solo de principio a fin. |
Anthem | Construido alrededor de una canción. La música de fondo viene activada de serie y cada paso funciona con un temporizador, así que los cortes caen con la canción. |
Broadcast | Un video se reproduce junto a la narración durante todo el recorrido, enmarcado como una señal en la pared de un estudio, con una voz de informativo leyendo encima. |
Noir | Lluvia, metales y un narrador. Letterbox ancho, timecycles desaturados, grano de película y una tipografía serif que nunca tiene prisa. Para servidores de crimen y mafia. |
Neon | La ciudad de noche. Magenta y cian, scanlines, esquinas duras y un anillo de cuenta atrás. Cada plano fuerza el reloj a la madrugada. |
Dispatch | Una sesión informativa, no un recorrido. Ámbar monoespaciado en un HUD enmarcado y una lista de tareas por parada. Pensado para lanzarse desde un script de trabajo a un nuevo agente o médico, así que no está limitado a una vez por personaje. |
Anthem y Broadcast vienen sin sus archivos multimedia, así que añade los tuyos: pon una canción en audio/ y elígela en Settings → Background music, y pon un WebM en videos/ y elígelo en el elemento Video de la pestaña Design.
Las coordenadas son lugares emblemáticos reales de Los Santos, pero se escribieron en lugar de capturarse, así que un plano puede quedar unos metros desviado en tu mapa. Fly there te lo muestra con un clic y Capture from game lo corrige con otro más. Noir y Skyline usan la fuente Georgia y Dispatch Courier New, ambas presentes en cualquier instalación de Windows; todo lo demás usa la Poppins incluida.
Guardar un tutorial incluido conserva tu versión con el mismo id, y reemplaza al original en tu servidor. Revert descarta los cambios sin guardar; eliminar tu copia guardada recupera el original. Para conservar ambos, pulsa Duplicate primero.
Crear un tutorial#
/tutorialcreator se abre en un selector. Cada tarjeta muestra los pasos del tutorial, sus elementos y si es Live, Built-in o Yours. Start from nothing te da un paso y los elementos habituales, listos para apuntar a tu propia ciudad.
1 · Steps — el guion
Añade un paso, ponle nombre, escribe lo que lee el jugador y luego pulsa Capture from game: el creador se aparta, vuelas hasta el plano y pulsas ENTER. Repite en cada parada.
2 · Design — dónde se coloca en pantalla
Los elementos ya están colocados. Arrástralos, cambia su estilo, añade más desde la biblioteca. Nada de esto es obligatorio para publicar un tutorial que funcione.
3 · Settings — cómo se comporta
Una vez por personaje, se puede saltar, música de fondo, tiempos de fundido.
Guarda y luego Set live
Ambos están en la barra bajo las pestañas y funcionan desde cualquiera de las tres. Set live te pide guardar primero y luego envía el tutorial a todos los jugadores conectados — nadie tiene que reconectarse.
La barra bajo las pestañas#
Es la misma en todas las pestañas, así que nada está nunca a una pestaña de distancia:
Control | Qué hace |
|---|---|
Tutorials | Vuelve al selector, preguntando antes si hay cambios sin guardar. |
Checklist | Pasos, cámaras colocadas, una forma de avanzar, guardado, activo. Cada chip se vuelve verde a medida que avanzas; uno ámbar te lleva a la pestaña que lo soluciona. |
| Los exports y eventos de este tutorial concreto, con su id ya rellenado, listos para copiar. |
Revert · Duplicate · Delete | Vuelve a la última versión guardada; una copia con un id nuevo; elimina un tutorial guardado junto con el progreso de todos en él. |
Play in game | Reproduce el borrador de verdad — fundidos, cámaras, música, botones — sin guardarlo, aunque ya lo hayas visto. |
Save · Set live | Guárdalo y luego conviértelo en el que reciben los jugadores. |
Pasos y capítulos#
Un paso es un plano: una cámara, una línea de narración, un botón. Un capítulo agrupa pasos bajo un nombre, subtítulo, icono y color, que el elemento Chapter card muestra en pantalla. Un tutorial con un capítulo está bien; también uno sin ninguno.
Campo | Qué es |
|---|---|
Step name | Para ti, en el creador. Los jugadores nunca lo ven. |
Title · Speaker · Narration | Lo que muestra el elemento Narration, escrito a la velocidad que configures. |
Button label | El texto del elemento Continue en este paso. |
Shake the portrait | Hace temblar los elementos Portrait en este paso — para una frase que debe impactar. |
Objectives | Una lista que dibuja el elemento Objectives, marcando las que el jugador ya ha dejado atrás. |
Enabled | El ojo en la fila del paso. Un paso desactivado se queda en el creador pero se omite en el juego. |
Pasa el cursor sobre un paso de la lista para moverlo arriba o abajo, duplicarlo o eliminarlo. Eliminar un capítulo conserva sus pasos; simplemente pasan a No chapter.
Cómo termina un paso#
En Flow, cada paso elige qué lo hace avanzar:
Cómo avanza | Qué ocurre |
|---|---|
The player clicks | El elemento Continue, o su atajo de teclado. Button appears after lo retiene para que nadie salte una frase antes de leerla. |
After a while | Un temporizador — Time on screen, de medio segundo a cinco minutos. El elemento Timer puede dibujarlo como anillo, barra o dígitos. |
Either one | Lo que ocurra primero. |
Client event on enter lanza un evento de cliente tuyo cuando empieza el paso, llamado con (tutorialId, stepId, index) — abrir una puerta, generar un prop, dar un objeto inicial. Sound for this step cambia la música de fondo por una pista propia mientras ese paso está en pantalla.
Cámaras#
Esta es la parte que un archivo de configuración no puede hacer, así que es la parte alrededor de la cual está construido el creador. Pulsa Capture from game en un paso y obtienes una cámara libre. Empieza desde el plano que ya tiene el paso — un paso totalmente nuevo empieza en el centro del mapa, así que duplicar un paso cercano suele ser más rápido.
Tecla | Hace |
|---|---|
| Volar y mirar alrededor. |
| Subir y bajar. |
| Más rápido, más lento. |
| Campo de visión, de 10° a 120°. |
| Guarda este plano en el paso. El creador vuelve de inmediato. |
| Descártalo y vuelve. |
Los seis movimientos#
Movimiento | Qué hace la cámara |
|---|---|
Static | Mantiene un plano. |
Pan | Se queda quieta y gira. Captura el inicio y luego Capture the end. |
Dolly | Se mueve y gira de un plano capturado a otro. |
Track a point | Se mueve de A a B mirando siempre a un tercer punto que capturas — el plano que convierte un edificio en el protagonista. |
Orbit | Gira alrededor de un punto capturado con un radio, una altura y una velocidad en grados por segundo, en cualquier sentido. |
Follow the player | Va detrás del personaje con un desplazamiento, mirando a su cabeza. Ideal para el último paso. |
Move time y Easing dan forma a los movimientos pan, dolly y track: sine es el predeterminado cinematográfico, linear es el que parece un script, y sineIn, sineOut, quad, quadIn, quadOut, cubic y expo quedan en medio. Go back and forth repite el movimiento en bucle en lugar de mantener el último fotograma. Cada valor también se puede escribir a mano.
Todo lo demás de un plano#
Opción | Qué hace |
|---|---|
Camera shake | Las vibraciones propias de GTA — |
Depth of field | Cerca, lejos e intensidad. |
Arrive with | Un corte, un fundido o una mezcla de cámara que se desliza del plano anterior a este durante el tiempo de transición. Mezcla dos planos cercanos y se verán como un único movimiento continuo. |
Atmosphere | Un modificador de timecycle con una intensidad (por ejemplo |
Ver tu trabajo#
Tres botones, tres preguntas distintas:
Botón | Dónde | Muestra |
|---|---|---|
Preview | Arriba a la derecha | Solo la superposición, con flechas para recorrer los pasos. Para texto, diseño y tiempos de la máquina de escribir. ESC lo cierra. |
Fly there | Pestaña Steps, cuadro Camera | La cámara real del juego en un plano, a pantalla completa, haciendo su movimiento. Una pequeña barra te deja ir de plano en plano; Back to the creator o ESC vuelve. |
Play in game | La barra bajo las pestañas | Todo a la vez, de verdad — el ensayo. |
El mundo se carga en la cámara en lugar de teletransportar al jugador, por eso los edificios ya están ahí cuando un plano aparece con fundido y por eso el jugador nunca acaba donde no pidió estar. Config.Cinematic define cuánto tiempo puede tardar un plano en cargar — consulta Instalación.
La pestaña Design#
Todo lo que hay en pantalla es un elemento: añádelo desde la biblioteca, arrástralo en el lienzo y configura sus propiedades en el inspector. Los elementos se colocan en un diseño de 1920 × 1080 y se escalan a la pantalla real de cada jugador.
La franja superior elige qué paso muestra el lienzo. A su lado: deshacer y rehacer, zoom, All steps para dibujar los elementos de todos los pasos a la vez, una cuadrícula, el área segura y un interruptor para las animaciones de entrada.
Atajo | Hace |
|---|---|
| Deshacer. |
| Rehacer. |
| Duplica el elemento seleccionado. |
| Elimina el elemento seleccionado. |
Los elementos#
Grupo | Elemento | Qué dibuja |
|---|---|---|
Basics | Text | Palabras fijas, o un valor en directo que se actualiza solo (abajo). Fuente, degradado, contorno, máquina de escribir. |
Basics | Image · Shape · Icon | Una imagen con filtros de color; un rectángulo o elipse con rellenos degradados; uno de 58 iconos — redes sociales, dinero, vehículos, servicios y más. |
Basics | Effect | Viñeta, grano de película, scanlines, baño degradado, brillo, partículas, estrellas, lluvia, destello, ruido o quemado de película. |
Story | Narration | El hablante, el título y la narración del paso, escritos letra a letra. El corazón de todo. |
Story | Portrait | Una imagen de personaje que tiembla cuando el paso lo pide y puede flotar suavemente. Para una cara distinta en cada paso, añade un Portrait por paso y limita cada uno con Shows on. |
Story | Chapter card · Objectives | El capítulo actual como tarjeta, en línea o insignia; la lista de objetivos del paso como casillas, lista o tarjetas. |
Flow | Continue | El botón. Toma su texto del paso, ejecuta cualquier acción, tiene un atajo de teclado y su propio retraso de aparición. |
Flow | Skip | Mantén pulsado para saltar, con la pulsación dibujada como un relleno ( |
Flow | Progress · Timer · Letterbox | Puntos, barra, segmentos o números sobre todo el tutorial o el capítulo; un anillo, barra o dígitos de cuenta atrás en los pasos con tiempo; las dos barras de cine, deslizándose. |
Media | Video · Slideshow | Un archivo WebM de |
Todos los elementos comparten la misma base: posición, tamaño, rotación, opacidad, modo de fusión, radio de esquina, una animación de entrada (fade, up, down, left, right, zoom, zoom out, blur, flip) con retraso y duración, y un panel de fondo opcional con relleno, borde, sombra y desenfoque de fondo. La lista de elementos junto al lienzo los oculta, bloquea, reordena y duplica.
Shows on#
Cada elemento responde a Shows on en el inspector: todos los pasos (un letterbox, una barra de progreso, un botón de saltar), un capítulo (algo que pertenece a un acto) o un paso (un video solo durante el plano del aeropuerto). Eso es lo que permite que un tutorial tenga una introducción con un presentador, una parte central llena de mapas y un plano final tranquilo sin que todos los elementos se peleen por la misma pantalla.
Texto que se actualiza solo#
El campo Content de un elemento Text puede ser texto fijo o un valor en directo, con un prefijo y un sufijo alrededor:
Del paso: título, narración, hablante, texto del botón, número de paso, número de pasos.
Del capítulo: nombre, subtítulo, número de capítulo, número de capítulos.
Del servidor: nombre del servidor, Discord, sitio web — de
Config.Server.Del jugador: nombre del jugador, trabajo, la zona en la que está, la hora y la fecha.
El fondo#
Sin nada seleccionado, el inspector muestra el propio tutorial. Background es Game por defecto — la cámara en directo — o un color, una imagen, diapositivas o un video delante, con desenfoque, brillo, saturación, una superposición y una viñeta.
Qué puede hacer un botón#
El elemento Continue ejecuta una acción al pulsarlo:
Acción | Qué ocurre |
|---|---|
Next step · Previous step | Avanza por el tutorial. Next en el último paso lo termina. |
Skip · Finish the tutorial | Lo termina y lo cuenta como visto. |
Run a command | Ejecuta un comando de chat como el jugador. Cualquier cosa en |
Trigger a client / server event | Lanza un evento tuyo. |
Copy a link | Pone una URL — tu Discord, tus normas — en el portapapeles del jugador. |
Set a waypoint | Marca X e Y en el mapa del jugador. |
Un atajo de teclado es una sola letra, o SPACE, ENTER, BACKSPACE o ESC. Se muestra en el botón como pista y se acepta mientras el tutorial está en pantalla.
Música y video#
Para añadir tu propia música o video:
Pon el archivo en
qs-tutorial/audio/(OGG, MP3 o WAV) o enqs-tutorial/videos/(WebM).Reinicia el recurso — las carpetas se leen al iniciarse.
Elige el archivo en el desplegable del creador y luego pulsa Save.
Background music (pestaña Settings) es un OGG, MP3 o WAV elegido de audio/, y suena mientras el tutorial está en pantalla, con volumen, bucle y fundido. Cualquier paso puede sustituirla en Sound for this step, que es como el plano de la discoteca tiene una música distinta del hospital.
El elemento Video y el fondo Video reproducen un WebM elegido de videos/, con bucle, silencio y volumen. Un video sigue reproduciéndose mientras su paso está en pantalla y se detiene cuando cambia el paso; configúralo en Cover y llenará el elemento sea cual sea la forma que le hayas dado.
Tus carpetas multimedia#
Carpeta | Para | Formatos |
|---|---|---|
| Retratos, logos, diapositivas. Incluye siete retratos. | PNG, JPG, WebP, GIF |
| Clips. | WebM (VP9) |
| Música y efectos cortos. | OGG, MP3, WAV |
Todo lo que pongas aparece como desplegable en el creador tras reiniciar el recurso, así que nadie tiene que escribir una ruta. Las imágenes todavía aceptan una URL, y un enlace de CDN funciona; la música y el video solo se reproducen desde sus carpetas. Los archivos locales se guardan como ruta relativa, por ejemplo images/talk3.png.
Todo lo que hay en estas tres carpetas lo descarga cada jugador al entrar. Ajusta el tamaño de los archivos a lo que son, y mantén los videos cortos.
La pestaña Settings#
Cómo se comporta este tutorial mientras se reproduce. Cada tutorial guarda sus propios ajustes.
Ajuste | Qué hace |
|---|---|
Only once per character | Una vez terminado, ya no se reproduce al aparecer para ese personaje. |
Let players skip it | Activa el elemento Skip, con el tiempo de pulsación. Un tutorial saltado cuenta como visto. |
Freeze the player · Hide the player model | Mantiene al personaje quieto y fuera del plano mientras la cámara está en otro sitio. |
Swallow game input | Impide que las teclas lleguen al juego durante el tutorial. |
Put the player back where they were | Lo devuelve al punto y la orientación exactos desde los que empezó. |
Fade in · Fade out · Between steps | Los tiempos de fundido, en milisegundos. |
Client event when it ends | Se lanza con el id del tutorial cuando termina — entrega aquí el kit inicial. |
Background music | Consulta Música y video más arriba. |
Reset everybody's progress | Todos los jugadores vuelven a ver este tutorial en su próximo spawn. Solo olvida, así que no pide confirmación. |
Tutorial id | El nombre con el que lo llaman los exports y comandos. |
La pestaña también muestra qué tutorial está activo, y avisa cuando algo fallaría en el juego — un paso que espera un clic sin ningún elemento Continue que pulsar, o un elemento Skip con el salto desactivado. Si un tutorial empieza solo tras el spawn se define para todo el servidor con Config.Tutorial.autoStart, y tu HUD se oculta mediante Config.Hud.
Progreso#
Si alguien ha visto un tutorial se guarda en la base de datos, asociado al personaje — el identificador de ESX, el citizen id de QBCore y Qbox, el citizen id de qs-core, o la licencia en un servidor standalone — así que reconectarse o reinstalar FiveM no lo vuelve a reproducir.
Repetirlo nunca anula una finalización; solo un reinicio lo hace.
/resettutorialpermite a un jugador olvidar lo que ha visto, así que el próximo spawn lo repite.Reset everybody's progress lo hace para todo el servidor, para un tutorial.
Eliminar un tutorial elimina el progreso de todos en él.
Se pueden guardar hasta
Config.MaxTutorials(45) tutoriales; los ocho incluidos no cuentan. Cada tutorial puede ocupar hasta 1 MB, mucho más de lo que necesita incluso uno largo con muchos elementos.