pratica

Instalação e Visão Geral da Interface

Aprenda sobre instalação e visão geral da interface

25 min
Aula 2 de 5

Aula 1: Instalação e Visão Geral da Interface 🎮

Bem-vindos à primeira aula prática do nosso curso de Godot! 🎉 Hoje, daremos os primeiros passos no mundo do desenvolvimento de games, começando pela instalação da Godot Engine e explorando sua poderosa interface.

Ao final desta aula, você será capaz de:

  • Baixar e executar a Godot Engine.
  • Entender a função de cada painel principal da interface.
  • Criar seu primeiro projeto e cena simples.
  • Executar um projeto básico e ver o console de saída.

Preparado para começar sua jornada como desenvolvedor de jogos? Então, vamos lá!


1. Instalação da Godot Engine 🚀

A Godot Engine é uma ferramenta leve e portátil, o que facilita muito sua instalação. Diferente de outras engines, ela geralmente não requer um instalador complexo.

1.1 Onde Baixar

Sempre baixe a Godot Engine do site oficial: https://godotengine.org/download

1.2 Escolhendo a Versão Correta

Ao acessar a página de download, você verá algumas opções:

  • Standard Version (Padrão): Esta é a versão que usaremos no curso. Ela inclui o GDScript (a linguagem de script nativa da Godot) e o C#. É a opção mais recomendada para iniciantes e para a maioria dos projetos.
  • .NET Version: Inclui o suporte a C# de forma mais robusta, mas é mais pesada e pode ter requisitos adicionais (como o .NET SDK). Se você não pretende usar C# desde o início, a Standard Version é a melhor escolha.

Para este curso, escolha a Standard Version.

1.3 Processo de Download e Execução

  1. Baixe o arquivo ZIP: Clique no botão de download para a Standard Version compatível com o seu sistema operacional (Windows, macOS, Linux).
  2. Extraia o conteúdo: O download virá como um arquivo .zip. Extraia-o para uma pasta de sua preferência (ex: C:\Godot_4_2 no Windows, ou ~/Godot_4_2 no Linux/macOS).
  3. Execute o Godot: Dentro da pasta extraída, você encontrará um executável (ex: Godot_v4.2.1-stable_win64.exe no Windows). Basta clicar duas vezes nele para iniciar a Godot Engine!

Dica: Você pode criar um atalho para o executável na sua área de trabalho ou barra de tarefas para acesso rápido.


2. Visão Geral da Interface da Godot Engine 🛠️

Ao abrir a Godot pela primeira vez, você será recebido pelo Gerenciador de Projetos (Project Manager).

2.1 O Gerenciador de Projetos (Project Manager)

Este é o ponto de partida para todos os seus jogos. Ele permite:

  • Criar um Novo Projeto: New Project
  • Importar um Projeto Existente: Import
  • Escanear Projetos em um Diretório: Scan (útil se você já tem projetos Godot em alguma pasta)

Godot Project Manager (Exemplo Visual) (Imagem ilustrativa, você pode encontrar uma versão atualizada na documentação oficial da Godot)

2.2 O Editor Principal (Main Editor)

Após criar ou abrir um projeto, você entrará no editor principal da Godot. Esta é a sua área de trabalho para construir jogos. Vamos explorar seus principais componentes:

2.2.1 Barra de Ferramentas Superior (Top Toolbar)

Localizada no topo da janela, esta barra contém botões importantes:

  • Modos do Editor:
    • 2D: Para criar jogos 2D.
    • 3D: Para criar jogos 3D.
    • Script: Abre o editor de código GDScript.
    • AssetLib: Acesso à biblioteca de assets da Godot.
  • Botões de Execução:
    • ▶️ Play (F5): Executa o projeto atual.
    • Play Scene (F6): Executa apenas a cena atual.
    • ⏹️ Stop (F7): Para a execução do jogo.
    • Debug: Opções de depuração.
  • Undo/Redo: ↩️ ↪️ Desfazer e Refazer ações.

2.2.2 Painéis (Dockers)

A Godot organiza suas ferramentas em painéis que podem ser arrastados e redimensionados. Os mais importantes são:

  • Scene (Cena) - Esquerda Superior:
    • Exibe a hierarquia de nós (Nodes) da cena atual. Tudo em Godot é um nó.
    • Você adiciona, remove e organiza seus objetos de jogo aqui.
  • FileSystem (Sistema de Arquivos) - Esquerda Inferior:
    • Mostra a estrutura de pastas e arquivos do seu projeto.
    • Aqui você gerencia seus scripts, imagens, sons, etc.
  • Inspector (Inspetor) - Direita Superior:
    • Exibe as propriedades do nó selecionado na árvore de cena.
    • Permite modificar parâmetros como posição, escala, cor, texturas, etc.
  • Output (Saída) - Painel Inferior (aba):
    • Mostra mensagens de depuração, erros e saídas do seu script. Essencial para entender o que está acontecendo no seu jogo.
  • Animation, Audio, Debugger, etc. - Painel Inferior (outras abas):
    • Outros painéis especializados que abordaremos em aulas futuras.

2.2.3 Viewport (Área de Visualização)

A área central e maior do editor. É aqui que você visualiza e manipula os objetos da sua cena, seja em 2D ou 3D.


3. Criando Seu Primeiro Projeto e Cena ✨

Vamos colocar a mão na massa e criar algo simples!

3.1 Criando um Novo Projeto

  1. No Gerenciador de Projetos, clique em New Project.
  2. Project Name: Digite MeuPrimeiroJogoGodot
  3. Project Path: Escolha um diretório onde o projeto será salvo (ex: uma pasta MeusProjetosGodot em seus documentos). A Godot criará uma subpasta com o nome do projeto.
  4. Renderer: Para iniciantes, Forward+ ou Compatibility são boas opções. Forward+ é mais moderno, Compatibility é para hardware mais antigo. Vamos com Forward+ por padrão.
  5. Clique em Create & Edit.

3.2 Criando uma Cena Simples

Ao abrir o editor, você verá uma tela vazia.

  1. No painel Scene (Cena), clique em 2D Scene. Isso adicionará um nó Node2D como raiz da sua cena. Renomeie-o para Main.
  2. Clique com o botão direito em Main no painel Scene e selecione Add Child Node (ou use o atalho Ctrl+A).
  3. Pesquise por Sprite2D e clique em Create.
  4. Com o Sprite2D selecionado, vá para o painel Inspector (Inspetor), na seção Texture, clique em <empty> e selecione Load.
  5. Navegue até a pasta res://icon.svg (o ícone padrão da Godot) e selecione-o. Você verá o ícone da Godot aparecer na Viewport.
  6. Clique com o botão direito em Main novamente e adicione outro nó filho. Pesquise por Label e clique em Create.
  7. Com o Label selecionado, vá ao Inspector, procure a propriedade Text e digite Olá, Godot!.
  8. Arraste o Label para uma posição visível na Viewport, acima ou abaixo do ícone.
  9. Salve a cena: Vá em Scene > Save Scene As... (ou Ctrl+S). Salve como main_scene.tscn na pasta res://.
  10. Execute a cena: Clique no botão ▶️ Play (F5) na barra de ferramentas superior. A Godot perguntará qual cena deve ser a principal. Selecione main_scene.tscn e clique em Open.

Parabéns! Você acabou de executar sua primeira cena Godot! 🎉

3.3 Adicionando um Script Básico (GDScript)

Agora, vamos adicionar um pouco de código para ver o GDScript em ação.

  1. No painel Scene, selecione o nó Main (o Node2D raiz).

  2. Clique no ícone de pergaminho com um sinal de mais 📜➕ ao lado do nó Main no painel Scene (ou clique com o botão direito > Attach Script).

  3. Na janela Attach Node Script:

    • Language: Mantenha GDScript.
    • Path: Mantenha o padrão res://Main.gd.
    • Template: Mantenha Default.
    • Clique em Create.
  4. O editor de script será aberto. Você verá um código básico:

    extends Node2D
     
    # Called when the node enters the scene tree for the first time.
    func _ready():
        pass # Replace with function body
     
    # Called every frame. 'delta' is the elapsed time since the previous frame.
    func _process(delta):
        pass # Replace with function body
  5. Vamos modificar a função _ready() para imprimir uma mensagem no console:

    # MyFirstScript.gd
    extends Node2D
     
    # Chamado quando o nó e seus filhos entram na árvore de cena.
    func _ready():
        print("Olá, Godot! Meu primeiro script está rodando. 👋")
        print("Versão da Godot Engine:", Engine.get_version_info().string)
        # O 'Engine.get_version_info().string' é um exemplo de acesso a informações da engine.
     
    # Chamado a cada frame. 'delta' é o tempo decorrido desde o frame anterior.
    func _process(delta):
        # Descomente a linha abaixo para ver a mensagem a cada frame no console
        # print("Processando a cada frame. Delta:", delta)
        pass # Substitua por sua lógica de jogo
  6. Salve o script (Ctrl+S).

  7. Execute o jogo novamente (F5).

  8. Observe o painel Output (Saída) na parte inferior do editor. Você deverá ver suas mensagens impressas!

Este código é um exemplo fundamental e pode ser encontrado em diversos tutoriais e na documentação oficial da Godot para introdução ao GDScript. Ele mostra as duas funções de callback mais importantes para qualquer nó: _ready() (executada uma vez ao iniciar) e _process() (executada a cada frame).

3.4 Integração GDScript e Godot Engine

Como você pode ver, o GDScript é a linguagem nativa e está completamente integrada à Godot Engine. Você escreve o código diretamente no editor embutido, e ele interage de forma fluida com os nós da cena, o inspetor e todas as funcionalidades da engine. Não há necessidade de configurar ambientes de desenvolvimento separados para GDScript; ele funciona "out of the box".


4. Exercícios e Desafios 🧠

Para solidificar o que aprendemos, complete as seguintes tarefas:

  • Instale a Godot Engine: Baixe a Standard Version do site oficial e execute-a.
  • Crie um Novo Projeto: Nomeie-o como MeuSegundoProjeto.
  • Crie uma Cena 2D: Adicione um nó Node2D como raiz e salve a cena como minha_cena_personalizada.tscn.
  • Adicione Múltiplos Sprites:
    • Adicione dois nós Sprite2D à sua cena.
    • Carregue o icon.svg em um deles.
    • Para o segundo Sprite2D, tente encontrar e carregar outra imagem que você tenha no seu computador (ou baixe uma imagem pequena da internet e coloque na pasta do seu projeto).
    • Mova os sprites para posições diferentes na Viewport.
  • Adicione um Label Personalizado:
    • Adicione um nó Label.
    • Altere o texto para algo como "Meu Primeiro Jogo com Godot!" ou seu nome.
    • No Inspector, tente alterar a cor do texto (propriedade Theme Overrides > Font Colors > Font Color).
  • Anexe um Script:
    • Anexe um novo script GDScript ao nó raiz (Node2D) da sua cena.
    • No script, adicione uma linha print() dentro da função _ready() que imprima uma mensagem diferente da que usamos na aula.
  • Execute e Verifique:
    • Salve todas as suas alterações (cena e script).
    • Execute o projeto e verifique se as mensagens do seu script aparecem no painel Output.

5. Resumo e Próximos Passos 📚

Nesta aula, você deu os primeiros passos emocionantes no desenvolvimento de jogos com Godot!

  • Aprendemos a baixar e instalar a Godot Engine.
  • Exploramos as principais áreas da interface: Gerenciador de Projetos, Barra de Ferramentas, Painéis (Scene, FileSystem, Inspector, Output) e a Viewport.
  • Criamos nosso primeiro projeto e uma cena simples com nós Node2D, Sprite2D e Label.
  • Adicionamos um script GDScript básico para imprimir mensagens no console, vendo a integração perfeita entre a engine e sua linguagem de script.

Na próxima aula, aprofundaremos no conceito de Nós (Nodes) e Cenas (Scenes), que são os blocos de construção fundamentais de qualquer jogo em Godot. Você aprenderá como organizá-los e como eles se comunicam para criar experiências interativas.

Até a próxima! 👋

© 2025 Escola All Dev. Todos os direitos reservados.

Instalação e Visão Geral da Interface - Fundamentos do Godot: Desenvolvimento de games para iniciantes | escola.all.dev.br