Introdução ao editor do Godot

Este tutorial vai lhe apresentar a interface do Godot. Vamos dar uma olhada no Gerenciador de Projetos, painéis, áreas de trabalho e tudo que você precisa saber para começar a usar a engine.

You can download Godot Engine here.

Gerenciador de Projetos

Quando você executa o Godot, a primeira janela que vê é o Gerenciador de Projetos. Como você não possui projetos, haverá uma janela perguntando se você deseja abrir a biblioteca de assets, clique em cancelar, vamos voltar a essa janela depois.

../../_images/project_manager_first_open.png

Agora você deve ver o gerenciador de projetos. Ele te permite criar, remover, importar ou jogar projetos de jogo.

../../_images/editor_ui_intro_project_manager_01.png

No canto superior direito, você encontra um menu suspenso para alterar o idioma do editor.

../../_images/editor_ui_intro_project_manager_02.png

A partir da guia Modelos, você pode baixar modelos e demonstrações de projeto de código aberto para lhe ajudar a aprender mais rápido. Apenas selecione o modelo ou demo desejado, clique em baixar, uma vez que tenha terminado de baixar, clique em instalar e escolha onde você quer que o projeto fique. Você pode aprender mais sobre isso em Sobre a Biblioteca de Assets.

../../_images/editor_ui_intro_project_manager_03.png

Criar ou importar um projeto

Para criar um novo projeto, clique no botão Novo Projeto à direita. Dê um nome, escolha uma pasta vazia do seu computador para salvá-lo e escolha um renderizador.

../../_images/editor_ui_intro_project_manager_04.png

Clique no botão Navegar para abrir o navegador de arquivos e escolher um local, ou digite o caminho da pasta no campo Caminho do Projeto.

../../_images/editor_ui_intro_project_manager_05.png

Quando você ver uma marca verde na direita, significa que o motor detectou uma pasta vazia. Você também pode clicar no botão Criar Pasta perto do nome do seu projeto e uma pasta vazia vai ser criada com aquele nome para o projeto.

Por último, você precisa escolher qual renderizador usar (OpenGL ES 3.0 ou OpenGL ES 2.0). As vantagens e desvantagens de cada um estão listadas para ajudá-lo a escolher, e você pode consultar Differences between GLES2 and GLES3 para mais detalhes. Observe que você pode alterar o backend nas configurações do projeto, se mudar de ideia depois. Para este tutorial qualquer backend está bom.

Quando estiver tudo pronto, clique em Criar e Editar. Godot vai criar o projeto pra você e abrir ele no editor.

Na próxima vez que abrir o Gerenciador de Projetos, você verá seu novo projeto na lista. Um clique duplo nele fará abri-lo no editor.

../../_images/editor_ui_intro_project_manager_06.png

Você pode importar projetos existentes de maneira similar, usando o botão Importar. Localize a pasta que contém o projeto ou o arquivo project.godot para importá-lo e editá-lo.

../../_images/editor_ui_intro_project_manager_08.png

Quando o caminho da pasta está correto, você vê uma marca verde de confirmação.

../../_images/editor_ui_intro_project_manager_09.png

Seu primeiro olhar no editor do Godot

Bem-vindo(a) ao Godot! Com seu projeto aberto, você verá a interface do editor com menus ao longo do topo da interface e painéis ao longo de ambas as extremidades laterais da janela de exibição.

../../_images/editor_ui_intro_editor_interface_overview.png

No topo, da esquerda para a direita, você pode ver os menus principais, as workspaces e os botões de teste.

O Painel Arquivos(FileSystem dock) é onde você vai gerenciar seus recursos e arquivos do projeto.

../../_images/editor_ui_intro_dock_filesystem.png

O Painél de Cenas(Scene dock) lista o conteúdo da cena ativa e o Inspetor(Inspector) permite o gerenciamento das propriedades do conteúdo da Cena.

../../_images/editor_ui_intro_dock_inspector.png

No centro, você tem a Barra de Ferramentas no topo, onde você encontra as ferramentas para mover, redimensionar ou travar objetos da sua cena. A barra se altera conforme você alterna entre diferentes espaços de trabalho.

../../_images/editor_ui_intro_editor_02_toolbar.png

O Painel Inferior é onde moram o console de depuração, o editor de animação, o mixer de áudio… Eles são largos e podem ocupar um espaço precioso. Por esse motivo eles ficam recolhidos por padrão.

../../_images/editor_ui_intro_editor_03_animation_player.png

Os Espaços de Trabalho

Você pode ver quatro botões de espaços de trabalho no topo: 2D, 3D, Script e AssetLib.

Você usará o Espaço de trabalho 2D para todos os tipos de jogos. Além de ser onde os jogos 2D são desenvolvidos, este espaço de trabalho é onde você pode criar as suas interfaces de usuário (UI). Pressione F1 (ou Alt + 1 no macOS) para acessá-lo.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

No Espaço de Trabalho 3D, você pode trabalhar com malhas (meshes), luzes e projetar níveis para jogos 3D. Pressione F2 (ou Alt + 2 no macOS) para acessá-lo.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Repare no botão Perspectiva abaixo da barra de ferramentas, ele abre uma lista de opções relacionadas ao ponto de vista 3D.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Nota

Leia Introduction to 3D para saber mais sobre Espaço de Trabalho 3D.

O espaço de trabalho Script é um editor de código completo, com um depurador, um rico autocompletar e referência de código embutida. Pressione F3`(ou :kbd:`Alt + 3 no macOS) para acessá-lo e F4 para pesquisar na referência.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Para procurar informações sobre uma classe, método, propriedade, constante ou sinal na engine enquanto você escreve um script, pressione o botão "Procurar Ajuda" no canto superior direito do espaço de trabalho de Script.

../../_images/editor_ui_intro_script_search_documentation.png

Uma nova janela surgirá. Procure pelo item que você quer encontrar informações a respeito.

../../_images/editor_ui_intro_script_search_help_window.png

Clique no item que você está procurando e pressione abrir. A documentação para o item será apresentada no espaço de trabalho de script.

../../_images/editor_ui_intro_script_class_documentation.png

Finalmente, o AssetLib é uma biblioteca de complementos, scripts e assets gratuitos para usar nos seus projetos.

Modificar a interface

A interface do Godot fica em uma única janela. Você não pode dividi-la para várias telas, embora possa trabalhar com um editor de código externo como Atom ou Visual Studio, por exemplo.

Mover e redimensionar painéis

Clique e arraste na borda de qualquer painel para redimensioná-lo horizontal ou verticalmente.

../../_images/editor_ui_intro_editor_07.png

Clique no ícone de três-pontos no topo de qualquer painel para alterar sua localização.

../../_images/editor_ui_intro_editor_08.png

Vá para o menu Editor > Configurações do Editor para um ajuste fine na aparência e comportamento.