Godot Engine: Bad Turtles

De Aulas
Revisão de 12h49min de 13 de maio de 2024 por Admin (discussão | contribs) (→‎Cena Player)




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

Recursos

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 Candy

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.

Cena HUD

Cena World

Scripts