Tiled - O Editor de Mapas

FTiled um editor genrico de mapas de tiles que roda em java. Ele muito
interessante, pois edita vrias camadas de tiles e salva tudo em um xml (base64 e
compactado). Ele segue um padro que pode ser facilmente adotado por outros jogos...
padro que foi utilizado no jogo The Mana World !

Download do Tiled-0.7.2-bin.zip (461KB) Veja ouras verses em mapeditor.org

Preparando uma Mquina Virtual Java

Para que o Tiled funcione necessrio ter uma o OpenJDK Java 6 Runtime (JRE)
instalado em seu computador. Para o Instalar siga os passos abaixo:

1. Abra o Aplicativos => Central de Programas Ubuntu

2. Digite no localizador as letras "JRE" que significa Java Runtime Edition
3. Instale o OpenJDK Java 9 Runtime ou verso superior.

Pronto! O JRE vai servir como um emulador que ir interpretar arquivos que extenso
".jar" que a do Tiled. Ou seja, aps isso s tentar abrir o arquivo tiled.jar como se
fosse um programa normal, clicando sobre ele ou digitando os comandos abaixo em seu
terminal:

$ cd /caminho_completo_do_editor/
$ java -jar tiled.jar

Em seguida voc ver uma interface como esta. (verso 0.7.2)

Ele realmente muito simples... no tem segredo.

Ento, vamos criar um novo mapa. V em file > New... ou digite Ctrl+N.
 Assim como na figura, crie um mapa
Orthogonal de dimenses 32x32 e formado por tiles de dimenses 32x32. Feito isso a
nica coisa que voc ver uma rea vazia. Sem nenhum tile para desenhar.
obs.: Antes de prosseguirmos salve seu mapa no formato tmx
(meu_primeiro_mapa.tmx). Os tilesets que for utilizar devem estar localizados neste
mesmo diretrio onde voc salvou o mapa. Soltos ou organizados em outros diretrios.

Para poder desenhar tiles em nosso mapa precisamos de um tileset. Na pasta de

exemplos do editor tem um bom tileset para ser utilizado:

Para adicionar um tileset v no menu e clique

em Tilesets > New Tileset... e ento escolha o tileset tmw_desert_spacing.png (imagem
acima).

Normalmente um tileset no possui

espaos entre tiles, mas como esse possui ns precisamos informar isto ao editor. Tile
spacing e Margin setados como 1 correspondem a esta configurao.
Agora que voc j possui um tileset, clique na lata de tinta, escolha o tile de areia e
clique sobre a rea vazia do mapa. Mude para a ferramenta lpis e desenhe algumas
caladas, pedras e plantas.
Use o boto direito do mouse para selecionar tiles que iro flutuar sobre a tela. Assim
voc poder editar mapas mais rapidamente.

Que tal adicionar mais um tileset para o mapa ficar um pouco mais diversificado ? Use
este tileset de tiles duplos:

Ao adicionar o tileset
informe opo Tile heigth o valor 64. Isto far o Tiled reconhecer um tile um pouco
maior que o configurado no mapa. Dessa forma:

Experimente agora desenhar com

tiles duplos... eles do a impresso de altura ao objeto.

Mas e as camadas ? Imagino que voc deve estar se perguntando pra que servem as
camadas... pois bem, experimente desenhar o tile do muro deste tileset:
 Obs.: Ao adicionar o
tileset informe opo Tile heigth o valor 96. Pois este um tileset de tiles triplos.
Me diga se ao desenhar o muro o resultado no foi este ? Um buraco no cho ?

Isso acontece porque

substitumos os tiles do piso por tiles que deveriam ser impressos sobre o piso. Tiles que
possuem transparncia devem ser impressos em uma camada separada. Para criar um
nova camada clique no boto Add a layer localizado na aba Layers.

Agora s falta conhecer mais um detalhe: A camada de coliso.

Cada tile vermelho um tile de obstruo. Tile que s tem efeito no prprio jogo.

Voc pode usar qualquer tileset para esta camada, mas se quiser usar o mesmo que eu:

.:: Criando mapas para o jogo The Mana World ::.

Acima eu mostrei como criar mapas. Mas se voc pretende criar um mapa para o TMW
voc deve seguir uma srie de regras. At porque o Tiled o editor oficial do jogo, mas
no foi feito exclusivamente para ele. As regras vo do diretrio onde os tilesets devem
ser encontrados at o nome das camadas. Mais detalhes em: Mapping Tutorial.

Algumas dicas:
Sistema de Diretrios - Para que o mapa seja corretamente carregado ele precisa
respeitar o sistema de diretrios. Os tilesets devem ser encontrados em graphics/tiles e
os mapas em maps. Dessa forma:

Novo Mapa - O mapa deve ser Orthogonal

com tile de dimenses 32x32 e mapa de dimenses 60x60 (mnimo) a 200x200
(mximo).
Fronteiras - recomendado reservar os 20 tiles mais extremos do mapa (diagrama).
No se deve ter acesso aos tiles destas bordas para que os senrio no parea limitado.
Deixando a cmera correr livremente.
Passagens - Uma passagem uma porta que leva a outro mapa. Mapas de cenrios
abertos devem ser envolvidos por algum tipo de obstculo (montanhas, rvores, gua,
cercas) que reduza as passagens para alguns tiles. Pois as passagens (ou portas) no
podem ser muito largas.
Novo tileset - Para adicionar um novo tileset sempre use Reference tiled image. J
Tile spacing e Transparent color no devem ser utilizados. Voc pode obter os tilesets
extraindo dos pacotes de atualizao ou ento copiando do repositrio git
(git://gitorious.org/tmwdata/mainline.git).
Camadas - Para que seu mapa tenha realmente um comportamento 2D suas camadas
devem seguir uma ordem e nomes pr-determinados.

Ground - Camada
para terrenos. Nesta camada vo os tiles de grama, terra, areia, gua, caladas... tudo
que faz parte do piso. Alguns tiles de pequenos objetos misturados ao piso tambm vo
aqui. Regra: Devem estar abaixo da camada Fringe e possuir tiles totalmente
preenchidos (sem transparncia) para evitar bugs grficos. No precisa se chamar
Ground.

Fringe - Camada de
objetos. Ela que d dimenso 2D ao mapa imprimindo objetos em movimento na
frente ou atrs de seus tiles. Regra: Esta camada separa as camadas de piso das
camadas de objetos areos. Precisa se chamar Fringe.

Top - Camada de
objetos areos. Nesta camada vo os tiles que esto acima da superfcie do mapa ou
aquele que voc quer impresso sobre o personagem. Regra: Devem estar acima da
camada Fringe. No precisa se chamar Top.

Collision - Camada de
coliso. Esta camada no visvel no jogo e determina se um tile permite passagem ou
no. Quando terminar de marcar os tiles que no permitem passagem pintes as reas que
ficarem inacessveis, pois isto evita que o servidor coloque monstros nestas reas.
Regra: Somente o tile vermelho do tileset collision.png pode ser utilizado nesta
camada. Precisa se chamar Collision.

Ento, vamos construir nosso primeiro mapa jogvel pelo TMW !!!
Primeiro baixe os dados de update diretamente do repositrio utilizando o git:

cd $HOME
git clone git://gitorious.org/tmwdata/mainline.git tmwdata

Antes de criar um novo mapa, experimente editar um pronto primeiro. abra o mapa 001-
1.tmx pelo editor Tiled e faa algumas alteraes.
Para ver as alteraes do mapa no jogo execute o cliente TMW de um modo diferente.
Usando os parmetros -u (para pular a tela de updates) e -d (para setar o novo diretrio
de dados). Dessa forma:

tmw -ud /home/nome_do_usurio/tmwdata

obs.: Substitua nome_do_usurio por seu nome de usurio.

Feito isso s entrar no jogo normalmente e ir at as alteraes que voc fez no mapa.
Voc ver os outros jogadores passando por tiles onde voc impediu passagem, mas
voc no poder fazer o mesmo. Teoricamente voc tambm estaria passando por tiles
bloqueados, mas o servidor no ir aceitar isto. Logo, para o servidor e outros
jogadores, voc no estar realmente passando por cima de tiles bloqueados.
O jogo ir carregar seu mapa logo no comeo da execuo. Mudar o mapa no far
mudanas imediatas. Voc ter que sair e entrar no jogo novamente. Para tornar este
processo um pouco mais rpido voc pode usar mais alguns comandos ao executar o
cliente TMW:

tmw -ud /home/nome_do_usurio/tmwdata -U nome_do_usurio -P

senha_do_usurio

obs.: Todos os comandos executados no terminal vo direto para o arquivo

/$HOME/.bash_history... ento tome cuidado com sua senha !!!

.:: Finalizando ::.

O tutorial j est ficando muito extenso... e vou parando por aqui mesmo. Mas ainda
tem espao para mais dicas.
Editar mapas divertido e beeemmm demorado. mais produtivo quando voc j tem
todo o mapa em mente, por isso fazer um esboo pode ser uma boa idia. Se o mapa
ficar realmente bom experimente enviar para o projeto TMW (Sending the map to the
dev team). Mas claro que voc deve estar utilizando os tilesets do projeto e tambm
criar um mapa que se encaixe no jogo. De qualquer forma, se voc realmente for fazer
um mapa para o projeto participe pelo menos do frum.

O jogo TMW possui mais algumas propriedades, efeitos de partculas e Tiles animados.
Coisas que no comentei por no ter total domnio... mas ta o link pra quem se
interessar. Leia diretamente da fonte: Mapping Tutorial (TMW).

Para criar um pacote de atualizao basta compactar os arquivos para um arquivo .zip e
ento adicion-lo lista de atualizaes (resources2.txt) com seu respectivo hash. Este
hash no um hash comum, por isso voc vai precisar do programa adler32. Mais
detalhes em: How to release an update.