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

3

Taggé

Fichiers attachés

Les fichiers suivants ont été attachés à ce tutoriel:

Statistiques

7,937 visites, 9,652 vues

Outils

Partager

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 5 Jun, 2016. Last updated 25 Feb, 2019

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
  • 2 Comments

  • Order by
Want to leave a comment? Login or Register an account!
  • o tilemap tem algum limite de tamanho? quando eu faço muito grande fica faltando pedaços de baixo, isso está me limitando bastante

  • Esse Tile Map é do Kid Icarus