Godot Engine: Bad Turtles

Afluentes : Jogos Digitais, Usabilidade, desenvolvimento web, mobile e jogos

Projeto

• Abra o Godot e crie um novo projeto. Nesse ponto é importante configurarmos algumas informações:
  • Nome do Projeto: Nome do jogo.
  • Caminho do Projeto: Pasta onde o projeto vai ficar. É importante saber essa localização, pois é onde colocaremos nossos recursos (assets) imagens, sons, etc.
  • Renderizador: A forma como o motor vai usar a renderização. Temos três modos:
    • Avançado: Fornece o máximo de recursos e renderização para nosso game.
    • Mobile: Tem recursos específicos para smartphones e limitações de renderização para que o jogo seja compatível com esses dispositivos.
    • Compatibilidade: É a forma com maior compatibilidade com dispositivos mobile e Web. Contudo, possui recursos limitados e sua forma de renderização é a mais simples.

Criação do projeto

Cena Player

Vamos começar criando nosso personagem principal do jogo. Aquele que iremos controlar.

• Crie uma nova cena.
• Adicione um nó raiz do tipo CharacterBody2D e renomeie-o para Player.
• Salve a cena como player.tscn. Como já renomeamos o nó raiz, ele já vai sugerir esse nome mesmo.
• Como nós filhos de Player:
  • Adicione um nó do tipo AnimatedSprite2D.
  • e um nó do tipo CollisionShape2D.

Cena Player.

• Na aba Inspector, Em SpriteFrames está como [vazio]. Clique ali e selecione novo SpriteFrames.
• Clique em SpriteFrames agora, onde estava escrito [vazio].

Adicionando animação.

• Agora nossa ferramenta de animação SpriteFrames é aberta. Renomeie a animação default para normal e adicione os sprites do player em sequencia. Depois crie uma nova animação chamada super e adicione o boneco que parece com o player, só que com outras cores.

Animações do Player.

• Agora precisamos adicionar a colisão do player.
• Vá para a árvore de nós da cena Player e selecione CollisionShape2D.
• Em Inspector, temos Shape como [vazio]. Clique em [vazio] e crie um Novo CircleShape2D.

Colisão do player.

• Na área de desenho, ajuste o círculo para o tamanho que será a colisão.

Colisão do Player.

Cena Turtle

• Para criar a cena Turtle, siga os mesmos procedimentos do Player, mas com o nome de Turtle.
• Na animação, temos apenas a defaut, então pode deixar o mesmo nome e colocar ali nossas tartaruguinhas.

Cena Turtle.

Cena Maze

A cena Maze é o labirinto onde nossos elementos vão transitar e conterá elementos de colisão.

• Crie uma nova cena.
• Crie um nó raiz do tipo Node2D e renomeie para Maze.
• Salve a cena como maze.tscn.
• Crie um nó filho do tipo TileMap.

Cena Maze

• Vá para a aba Inspector, à direita da nossa ferramenta.
• Em Tile Set, crie um Novo TileSet.

Novo TileMap

• Vamos customizar as células em que vamos criar nosso labirinto para o tamanho de 64x64.
• Para isso, altere o Rendering Quadrant Size para 64.

Redimensionando células.

• Cique em TileSet e agora altere Tile Size para x = 64 e y = 64.

Redimensionando células.

Agora vamos começar a trabalhar com nosso tileset. Nos recursos disponíveis do exemplo, temos um tileset muito simples chamado tileset.png, mas que vai servir para nossa aprendizagem.

tileset.png

• Arraste o tileset.png para a ferramenta TileSet
• Observe que ele vai pedir se já quer separar conforme o tamanho que definimos. Selecione SIM.

Adicionando a imagem do tileset.png

Para que possamos ter colisão, temos que dizer isso para nosso Nó TileSet.

• Vá na aba Inspector. Selecione Physics Layer, e clique em Adicionar Elemento.

Adicionando física aos tilesets.

• Observe que agora, quando selecionamos um elemento à direita, temos um novo elemento em Tile Base que se chama Física. Selecione o campo Física.

Física nos TileSets.

• Ao selecionar Física, abrimos nossa Physics Layer 0.
• Selecione novamente nosso elemento que parece uma caixinha e pressione a tecla F.
• A caixa agora tem colisão.

Tecla F para selecionar nosso tileset inteiro.

• Agora clique na aba TileMap lá em baixo.
• Selecione qualquer um dos tiles e com o botão direito do mouse, adicione-o ao nosso game.
• Com o botão esquerdo, você pode apagar um tile.
• Faça isso até que o ambiente esteja conforme você deseja.

Modelando o labirinto.