Editor Visual
El editor visual basado en nodos te permite crear dialogos complejos arrastrando y conectando nodos. Soporta los 11 tipos de nodos del sistema.
Vision General
DialogueGraphEditor es un editor visual integrado en Godot que usa GraphEdit para crear y editar grafos de dialogo. Cada grafo se guarda como un recurso .tres que puede ser ejecutado por el DialogueManager en runtime.
Acceso rapido
Haz doble click en un archivo .tres de DialogueGraph en el FileSystem para abrirlo en el editor.
🛠 Barra de Herramientas
| Boton | Descripcion |
|---|---|
| New | Crea un nuevo grafo con un StartNode. Abre dialogo para guardar. |
| Save | Guarda el grafo actual. Si no tiene ruta, abre dialogo Save As. |
| Clear | Cierra el grafo actual sin guardar. |
| Add Node | Menu desplegable con los 11 tipos de nodos disponibles. |
| Validate | Ejecuta validacion del grafo y muestra errores en consola. |
🖱 Menu Contextual (Click Derecho)
| Opcion | Descripcion |
|---|---|
| Add Node | Submenu con todos los tipos de nodos. Agrega en la posicion del click. |
| Delete Selected | Elimina el nodo seleccionado y sus conexiones. |
| Duplicate Selected | Crea una copia del nodo seleccionado. |
| Validate Graph | Valida el grafo completo. |
| Center View | Centra la vista en el origen del grafo. |
✨ Caracteristicas del Editor
Minimap
Vista en miniatura del grafo completo en la esquina.
Snapping
Los nodos se alinean a una grilla de 20px.
Zoom
Controles de zoom con indicador de nivel.
Inspector
Al seleccionar un nodo, sus propiedades aparecen en el Inspector de Godot.
Conexiones
Arrastra desde un slot de salida a uno de entrada para conectar.
Desconectar
Arrastra desde un slot conectado hacia afuera para desconectar.
⌨ Atajos de Teclado
| Atajo | Descripcion |
|---|---|
| Delete | Eliminar nodos seleccionados |
| Mouse Wheel | Zoom in/out |
| Middle Mouse / Space + Drag | Desplazar vista |
| Click | Seleccionar nodo |
| Shift + Click | Seleccion multiple |
📝 Flujo de Trabajo Basico
1. Crear Grafo
Click en "New" para crear un grafo vacio con un StartNode.
2. Agregar Nodos
Usa el boton "Add Node" o click derecho para agregar nodos.
3. Conectar Nodos
Arrastra desde los slots de salida (derecha) hacia los de entrada (izquierda).
4. Configurar Nodos
Selecciona un nodo para editar sus propiedades en el Inspector.
5. Validar
Click en "Validate" para verificar errores antes de guardar.
6. Guardar
Click en "Save" para guardar el grafo como recurso .tres.
Tipos de Nodos Disponibles
El editor soporta los 11 tipos de nodos del sistema. Para documentacion detallada de cada tipo, consulta Dialogue Nodes.