Introducción al editor de Godot

Este tutorial te llevará a través de la interfaz de Godot. Veremos el Administrador de Proyectos, paneles, espacios de trabajo y todo lo que necesitas saber para comenzar a utilizar el motor.

Administrador de proyectos

Cuando inicies a Godot, la primera ventana que verás es la del Administrador de Proyectos. Como no tienes proyectos, aparecerá una ventana emergente que te preguntará si quieres abrir la biblioteca de assets, sólo tienes que hacer clic en cancelar, ya lo veremos más tarde.

../../_images/project_manager_first_open.png

Ahora deberías ver el administrador de proyectos. Te permite crear, eliminar, importar o jugar proyectos de juegos.

../../_images/editor_ui_intro_project_manager_01.png

En la esquina superior derecha encontrarás un menú desplegable que permite cambiar el idioma del editor.

../../_images/editor_ui_intro_project_manager_02.png

Desde la pestaña Plantillas puedes descargar plantillas de proyectos de código abierto y demostraciones de la Biblioteca de Assets para ayudarte a empezar más rápido. Simplemente selecciona la plantilla o demostración que desees, haz clic en descargar y una vez que finalice la descarga haz clic en instalar y elige dónde quieres que vaya el proyecto. Puedes obtener más información en Acerca de la Biblioteca de Assets.

../../_images/editor_ui_intro_project_manager_03.png

Crear o importar un proyecto

Para crear un nuevo proyecto, haz clic en el botón Nuevo Proyecto de la derecha. Aquí le darás un nombre, elegirás una carpeta vacía en tu equipo para guardarlo y elegirás un renderizador.

../../_images/editor_ui_intro_project_manager_04.png

Haz clic en el botón Examinar para abrir el explorador de archivos de Godot y selecciona una ubicación o escribe la ruta de la carpeta en el campo Ruta del proyecto.

../../_images/editor_ui_intro_project_manager_05.png

Cuando veas la marca verde a la derecha significa que el motor detecta una carpeta vacía. También puedes hacer clic en el botón Crear Carpeta junto al nombre del proyecto y se creará una carpeta vacía con dicho nombre automáticamente.

Finalmente, hay que elegir el motor de render que se quiere usar (OpenGL ES 3.0 u OpenGL ES 2.0). Las ventajas y desventajas de cada uno se enumeran para ayudarte a elegir y puedes consultar: doc_gles2_gles3_differences para obtener más detalles. Ten en cuenta que puedes cambiar el método desde la configuración del proyecto si cambias de opinión más adelante. Para este tutorial, cualquier método está bien.

Cuando hayas terminado haz clic en ``Crear y editar ``. Godot creará el proyecto y lo abrirá en el editor.

La próxima vez que abras el administrador de proyectos, verás tu nuevo proyecto en la lista. Haz doble clic sobre él para abrirlo en el editor.

../../_images/editor_ui_intro_project_manager_06.png

Se pueden importar proyectos existentes del mismo modo, usando el botón Importar. Localiza la carpeta que contiene el proyecto o el archivo project.godot para importarlo y editarlo.

../../_images/editor_ui_intro_project_manager_08.png

Cuando la ruta a la carpeta es correcta, se verá la marca verde.

../../_images/editor_ui_intro_project_manager_09.png

Una primera mirada al editor de Godot

¡Bienvenide a Godot! Una vez abierto el proyecto deberías ver la interfaz del editor con paneles vacíos a la derecha.

../../_images/editor_ui_intro_editor_interface_overview.png

En la parte superior, de izquierda a derecha, se pueden ver el menú principal, los espacios de trabajo, y los botones de ejecución de prueba.

Abajo a la izquierda está el panel Sistema de archivos, donde se administrarán los archivos y assets del proyecto.

../../_images/editor_ui_intro_dock_filesystem.png

En el lado derecho se encuentra el Panel de escena que lista el contenido de la escena activa y el Inspector está situado en la parte inferior derecha.

../../_images/editor_ui_intro_dock_inspector.png

En el centro, arriba, está la Barra de herramientas, donde se encuentran las herramientas para mover, escalar o bloquear objetos de la escena. Esta barra cambia en función de los distintos espacios de trabajo.

../../_images/editor_ui_intro_editor_02_toolbar.png

El Panel inferior es el contenedor de la consola de depuración, el editor de animaciones, el mezclador de audio… Estos elementos son anchos y pueden ocupar espacio valioso, es por eso que se encuentran ocultos por defecto.

../../_images/editor_ui_intro_editor_03_animation_player.png

Los espacios de trabajo

Se pueden observar botones de cuatro espacios de trabajo en la parte superior: 2D, 3D, Script y AssetLib.

Utilizarás el espacio de trabajo 2D para todo tipo de juegos. Además de los juegos en 2D, es allí donde construirás tus interfaces. Presiona F1 para acceder a este espacio.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

En el Espacio de trabajo 3D, se puede trabajar con mallas, luces y diseñar niveles para juegos 3D. Presione F2 para acceder a este modo.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Observa el texto [perspectiva] debajo de la barra de herramientas, es un botón que abre una lista de opciones relacionadas con la vista 3D.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Nota

Lee :ref: doc_introduction_to_3d para mas detalles de 3D workspace.

El área de trabajo Script es un completo editor de código con depurador, autocompletado y referencias de código incorporadas. Pulsa F3 para acceder y F4 para buscar la referencia.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Finalmente, AssetLib es la librería de add-ons, scripts y recursos gratuitos para utilizar en los proyectos.

Modificando la interfaz

Godot’s interface lives in a single window. You cannot split it across multiple screens although you can work with an external code editor like Atom or Visual Studio Code for instance.

Mover y cambiar el tamaño de los paneles

Haz clic y arrastra el borde de cualquier panel para cambiar su tamaño horizontal o verticalmente.

../../_images/editor_ui_intro_editor_07.png

Haz clic en el icono con tres puntos situado en la parte superior de cualquier panel para cambiar su ubicación.

../../_images/editor_ui_intro_editor_08.png

En la opción Ajustes del editor dentro del menú Editor se puede ajustar el estilo visual del editor.