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

Welcome to Godot! With your project open, you should see the editor’s interface with menus along the top of the interface and docks along the far extremes of the interface on either side of the viewport.

../../_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.

The FileSystem dock is where you’ll manage your project files and assets.

../../_images/editor_ui_intro_dock_filesystem.png

The Scene dock lists the active scene’s content and the Inspector allows for the management of the properties of a scene’s content.

../../_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.

You’ll use the 2D workspace for all types of games. In addition to 2D games, the 2D workspace is where you’ll build your interfaces. Press F1 (or Alt + 1 on macOS) to access it.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

In the 3D workspace, you can work with meshes, lights, and design levels for 3D games. Press F2 (or Alt + 2 on macOS) to access it.

../../_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.

The Script workspace is a complete code editor with a debugger, rich auto-completion, and built-in code reference. Press F3 (or Alt + 3 on macOS) to access it, and F4 to search the reference.

../../_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

La interfaz de Godot se encuentra en una ventana única. No puedes separarla en múltiples pantallas pero se puede trabajar con editor de código externo como por ejemplo Atom o Visual Studio.

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.