Aprenda como usar o Tilemap fazendo um jogo de plataforma com ele

Tilemap é como um deus.

Uma vez sabendo usar o tilemap, sua vida se torna melhor, o céu começa a ficar azul, doenças começam a curar...

Tilemap

1. O que é o Tilemap?

Tilemap é, como o nome diz, uma folha de quadrados. Cada quadrado pode ser usado separadamente para um apenas um Sprite.

Tilemap é encontrado próximo a guia Objeto. Ele estará bloqueado até você adicionar um objeto Tilemap.

2. De que maneira pode-se utilizar o Tilemap?

Geralmente, Tilemap é usado para fazer os backgrounds(fundos), mapas de RPG (visto de cima). A ideia desse tutorial é mostrar como o Tilemap é útil para a criação de jogos. Para começar, sugiro criar um jogo de plataforma do tipo 8 bits. Isso faz o level design ( criação do cenário) fácil.

Crie o seu próprio Tilemap

1. Prepare-se

Photoshop, Gimp ou qualquer um que quiser, Eu primeiro recomendo que você cria uma grade. Por causa dos sprites 8 bits, faça uma grade 16x16px em um documento com a mesma relação, por exemplo: 80 x 160px.

Tamanho do documento: 80px*160px (ou qualquer multiplicador de 16px)

Configuração da grade: 16px*16px

Extensão do arquivo: png

Então você pode desenhar em cima.... Ou pegue esse se você quiser! ( Eu dou um doce para quem dizer de onde esses Sprites vem )

2. Importando para o Construct 2

Voltando ao Construct 2, adicione um New object > General > Tilemap (clique duplo no Layout ou em Object tab, clique com o botão direito nela > Insert New Object).

Ignore o Tilemap padrão, e coloque o seu próprio. Antes de fechar a janela do editor de imagem, você necessita ajustar o tamanho de seu arquivo. Ele está na aba Properties panel a sua esquerda.

Ajuste para 16x16 assim decidimos o nosso Tilemap para a grade de 16x16. Se você escolheu 8x8 você necessita mudar para 8x8.... e por ai vai.

Note que o Tilemap fica automaticamente que nem o tamanho do Layout. Por agora você pode deixar assim.

Criando seu Jogo

1. Deixe isso esclarecido

Na aba objeto, Renomeie o Tilemap object para Platform, como a primeira layer( camada ).

Você pode criar uma Nova Camada e preenchê-la de preto. Você pode fazer isso na Propriedades da camada ( Layer Properties) a sua esquerda. Defina a Cor de fundo para preto (0, 0, 0) e Transparente para Não. (Se você não ver nenhuma diferença, a camada Platform tem que ser Transparente)

e em seguida, pegue a nova camada arraste para abaixo da camada Platform e renomeie ela para Background.

Finalmente, vá para View no Main menu, Cheque Snape to grid e configure para 16x16.

2. As coisas estão ficando sérias

Clique na Camada Platform em seguida na guia Tilemap clique no Pencil Tile tool.

Na imagem do Tilemap, escolhar o objeto que desejar. Depois disso, você pode começar a "desenhar" seu jogo de plataforma !

Dica: Clique com o botão direito para deletar um quadrado.

Após isso, adicione o objeto que será o jogador. Eu sugiro que você leia o How to make a Platform game Page 3 se você não sabe fazer seu personagem jogável. (não se preocupe, tem um arquivo capx no final :p. Em inglês, obviamente. :p )

Por causa do tamanho dos nossos sprites, Eu sugiro que você configure os parâmetros do behavior Platform.

Max Speed: 76

Acceleration: 1000

Deceleration: 1000

Jump strenght: 351

Gravity: 1000

Max Fall Speed: 200

3. Behaviors ou Comportamentos

Vá para a Guia Objeto, Clique com o botão direito em Platform Tilemap > Behavior... > Adicionar > Sólido

É hora de testar o seu jogo ! Sim, isto é... Todos os seus blocos estarão Sólidos, mesmo que o Tilemap seja do tamanho do seu Layout !! Mágica!

4. Mais coisas sobre Plataforma

Ah não, a plataforma é muita alta para meu personagem! Sem problemas.

Existe muitas soluções para isso, mas optaremos por criar um objeto Jumpthru.

Adicione um novo objeto Tilemap e carregue o mesmo ficheiro que o outro Tilemap. Não esqueça definir o Tamanho para 16x16.

Renomeie o objeto para jumpthru depois adicione o comportamento Jumpthru para ele.

Go the the Tilemap Tab and start to add your Jump-thru platform ! (Se você não conseguir ver ele na guia Tilemap, clique uma vez no layout)

Estou de volta ! Quer mais alguns truques?

Crie uma nova camada coloque-a no topo e renomeia para Decoration. Repita o último passo, adicionando um novo objeto > Tilemap > Escolha o arquivo, Tamanho 16x16.

Então você pode adicionar árvores, plantas, ou o que você quiser!

Lava e Espinhos? Mesma coisa, só faça isso dar danos ao personagem...

Conselhos aleatórios para você

- Neste tutorial, nós usamos a mesma imagem para todo o jogo. Claro que você vai poder utilizar imagens diferentes, mas tenha em mente que você vai precisar usar a mesma proporção.

- Não cometa o erro de adicionar o mesmo Sprite para "Decoration" e "Sólido". Este erro é feito por muitos designers de nível e isso faz do jogo uma porcaria. Você nunca vai saber o que vai feri-lo ou não.

- Não fique muito animado com a velocidade que você pode fazer o jogo com este truque.

- Deixe um comentário para feedback por favor!

Nota: O Capx não é exatamente o mesmo que este tutorial e é um projeto não terminado (Barra de vida não acompanha o planejado, inimigos com erros, etc..), mas mostra a mesma coisa e muito, Muito, MUITO MAIS sobre conceitos de plataforma. Vou atualiza-lo sempre que puder, para mais tarde trazer um gigantesco tutorial falando sobre conceitos avançados de plataforma

Eu te amo Construct 2, sério.

Tradução para Português-Brasileiro feita por Sutanrrier.

Levou bastante tempo pra traduzir, então espero que meu trabalho esteja bom e que agrade vocês.

.CAPX
  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!