VNLEWIKICrea historias. Conecta mundos.
Español
Manual de VNLE

Godot

← Integra el contenido en tu juego

Godot 4.x · GDScript

Empieza mostrando una frase. Este pequeño ejemplo lee directamente la exportación real del puerto; no es un reproductor completo de diálogos. Después, conecta los datos a la interfaz de tu juego.

1 · Preparar archivos y escena

Crea una escena con un nodo raíz Label y guárdala. Coloca la exportación completa del puerto en res://story/. Adjunta FirstText.gd al Label y ejecuta la escena con F6.

story.json · Explicación de los archivos exportados

2 · Mostrar el primer texto

extends Label

const TEXT_ID = "fd7b61a3-8233-4ba7-8f77-b88b119a91bf"
var story: Dictionary

func _ready() -> void:
    var parser = JSON.new()
    var error = parser.parse(FileAccess.get_file_as_string("res://story/story.json"))
    if error != OK or not parser.data is Dictionary:
        text = "Cannot read story/story.json"
        return
    story = parser.data
    show_language("en")

func show_language(locale: String) -> void:
    var record: Dictionary = story["content"]["texts"][TEXT_ID]
    var translation: Dictionary = story["content"]["translations"].get(locale, {}).get(TEXT_ID, {})
    var message: Dictionary = translation.get("message", record["sourceMessage"])
    var line := ""
    for segment in message["segments"]:
        if segment["kind"] != "text":
            text = "This example needs text-only segments"
            return
        line += segment["text"]
    text = line

Resultado esperado: «Welcome to the harbour. I am Mira.». Con locale = "de" o el parámetro de idioma de: «Willkommen im Hafen. Ich bin Mira.». Si falta un idioma, se usa el texto original. Este ejemplo admite segmentos de texto; no descarta silenciosamente los marcadores de posición.

3 · De una frase a una conversación

El identificador de texto fijo anterior sirve para la primera prueba. En tu juego, elige flowRef/entryRef en story-index.json, lee execution.entries[entryRef].nodeRef y después execution.nodes[nodeRef]. El diálogo actual proporciona text.textRef y speakerRef. La continuación depende del tipo de nodo.

Nombre y diálogo: Label.text. Respuestas: Button.text y la señal pressed, conservando el identificador de la opción. End: oculta el contenedor Control común con hide(). En el ejemplo, show_language("de") cambia el idioma del mismo texto sin avanzar de nodo.

  1. Continue y End: seguir las conexiones y cerrar la caja de texto
  2. Opciones: ID de respuesta, orden y continuación seleccionada
  3. Condiciones y variables: diez o dos monedas de oro
  4. Idioma: los mismos IDs, contenido recién resuelto
  5. Command: dar un objeto o abrir una tienda
  6. Call/Return: entrar en una subhistoria y regresar
Examina las respuestas y la comprobación del oro en este lenguaje

Leer los datos de una decisión

Inserta este fragmento donde story esté disponible tras la carga (en RPG Maker: const story = $gameTemp.vnleExample.story;). Muestra los identificadores para examinarlos. Sustituye esa salida por tus botones de respuesta. Cubre las dos respuestas del puerto y la comprobación de oro posterior; no es un intérprete general.

# story is the Dictionary loaded above. These Harbour options have no conditions.
var choice: Dictionary = story["execution"]["nodes"]["42edfff8-b8fe-46bf-ae0d-9e2347b6e726"]
for option_id in choice["optionOrder"]:
    var option: Dictionary = choice["options"][option_id]
    print(option_id, " ", option["text"]["textRef"])
# Resolve each text and bind its option_id to a Button's pressed signal.
var branch: Dictionary = story["execution"]["nodes"]["c1c3c372-0a73-4cd0-851d-ede59d5709bb"]
var gold := 10 # Repeat with 2.
var next: Dictionary = branch["whenTrue"] if gold >= branch["condition"]["right"]["value"]["value"] else branch["whenFalse"]
print(next["nodeRef"])

Con 10 monedas de oro, next apunta a «Pay five gold»; con 2, a «Not enough gold». En el juego, ejecuta la comprobación solo cuando el recorrido elegido alcance este nodo. Cada respuesta seleccionada aporta su propia continuación.

4 · Asocia tus propias imágenes

Este fragmento adicional espera un objeto de diálogo actual llamado node y los elementos de interfaz indicados en sus comentarios. Para C++ y MonoGame, speakerRef ya se ha leído como SpeakerId o speakerId. La clave es el identificador real del personaje Mira; el nombre y la ubicación de la imagen pertenecen a tu juego. Inserta las líneas en los lugares indicados.

# Put mira.png at res://portraits/mira.png and add a TextureRect named Portrait.
var portraits = {"807b2957-7bab-4a28-83a4-1f3d1589bbc2": preload("res://portraits/mira.png")}
# node is the current dialogue dictionary, not a Godot scene node.
$Portrait.texture = portraits.get(node.get("speakerRef", ""))

Resuelve los nombres de los personajes mediante content.characters[speakerRef].nameTextRef, igual que el texto del diálogo. Si falta una asociación de imagen, oculta el retrato anterior o muestra una imagen de sustitución. Las imágenes no se seleccionan según el idioma.

Usar las referencias de imagen de la exportación completa

5 · Incluye los archivos en el juego

Con FileAccess, conserva el JSON sin procesar al exportar: usa Keep File si está disponible o el filtro adecuado para archivos que no son recursos. Para las imágenes, usa recursos Texture2D importados o incluye explícitamente los PNG originales. Prueba también una versión exportada del juego.

Comprueba el resultado

  1. Los saludos en inglés y alemán se muestran correctamente; si el idioma no está disponible, se usa el inglés.
  2. Al añadir el flujo, prueba ambas respuestas, 10 y 2 monedas de oro, el regreso de la subhistoria y End.
  3. Ejecuta el juego compilado fuera de la carpeta del proyecto. El JSON, las fuentes y los retratos también deben estar disponibles allí.

Documentación oficial

Referencias de API y configuración para este enfoque: