segunda-feira, 1 de fevereiro de 2016
sexta-feira, 15 de janeiro de 2016
[Matemática Aplicada] - Mapa Isométrico
Olá Bob Marleys de minha Babilônia em chamas, estive um pouco sumido do
mundo matemático por motivos pessoais (preguiça), mas agora retornei com
uma maratona insana de postagens atrasadas da disciplina. Tirei um dia
para tentar compensar algumas atividades, das que eu acho que consigo
fazer. Enfim, sem mais
enrolações. Vamos lá!!!
Nesta atividade irei criar um mapa isométrico utilizando o Processing. Mas antes de mais nada vamos mostrar alguns exemplos do que seria um mapa isométrico:
Alguns jogos tradicionais, como o Dragon Quest utilizavam tilesets para a a formação de seus mapas. São como peças de quebra-cabeça que podem ser utilizadas várias vezes para formar um mapa.
O chão de pedra, o gramado, as folhagens mais densas, paredes, água e etc. São todas peças unitárias que são postas juntas uma do lado da outra para termos todo um cenário criado. Mas dentro do jogo tudo isto é realizado através de códigos. Este cenário não vem formado desta forma, é tudo instrução. Por isto esta imagem que postei tem mais peso em KBs do que o jogo inteiro de Dragon Quest, o sistema de tilesets economiza muito espaço.
O isométrico tem como objetivo criar a ilusão de fazer um mapa 2D virar 3D. Fazendo uma rotação na câmera de uma jeito de vemos as coisas meio de lado, assim como no exemplo o jogo Final Fantasy Tatics Advance:
Para transformar um mapa em isométrico é necessário atender alguns requisitos: Novos tiles precisam ser feitos para ter um efeito mais adequado. Na visão isométrica a largura tem o dobro do tamanho da altura, para termos um efeito adequado. Dois tiles foram criados, um para a grama e outro para a água:
Ao contrário da visão comum, em que os tiles são postos da esquerda para a direita, de cima para baixo, na visão isométrica a montagem dos tiles é feita da direita para a esquerda, de cima para baixo.
Pensando assim, a posição X sempre vai diminuindo pela metade da largura do tile, enquanto a posição Y aumenta na metade da altura do tile. Já sabendo que este valor de altura é metade do valor da largura, colocando no código, fica assim:
Com isto consegui fazer meu mapinha simples com visão isométrica:
Bem, por enquanto é isto. Cuidado ao atravessar a rua!
Nesta atividade irei criar um mapa isométrico utilizando o Processing. Mas antes de mais nada vamos mostrar alguns exemplos do que seria um mapa isométrico:
Alguns jogos tradicionais, como o Dragon Quest utilizavam tilesets para a a formação de seus mapas. São como peças de quebra-cabeça que podem ser utilizadas várias vezes para formar um mapa.
O chão de pedra, o gramado, as folhagens mais densas, paredes, água e etc. São todas peças unitárias que são postas juntas uma do lado da outra para termos todo um cenário criado. Mas dentro do jogo tudo isto é realizado através de códigos. Este cenário não vem formado desta forma, é tudo instrução. Por isto esta imagem que postei tem mais peso em KBs do que o jogo inteiro de Dragon Quest, o sistema de tilesets economiza muito espaço.
O isométrico tem como objetivo criar a ilusão de fazer um mapa 2D virar 3D. Fazendo uma rotação na câmera de uma jeito de vemos as coisas meio de lado, assim como no exemplo o jogo Final Fantasy Tatics Advance:
Para transformar um mapa em isométrico é necessário atender alguns requisitos: Novos tiles precisam ser feitos para ter um efeito mais adequado. Na visão isométrica a largura tem o dobro do tamanho da altura, para termos um efeito adequado. Dois tiles foram criados, um para a grama e outro para a água:
Ao contrário da visão comum, em que os tiles são postos da esquerda para a direita, de cima para baixo, na visão isométrica a montagem dos tiles é feita da direita para a esquerda, de cima para baixo.
Pensando assim, a posição X sempre vai diminuindo pela metade da largura do tile, enquanto a posição Y aumenta na metade da altura do tile. Já sabendo que este valor de altura é metade do valor da largura, colocando no código, fica assim:
Com isto consegui fazer meu mapinha simples com visão isométrica:
Bem, por enquanto é isto. Cuidado ao atravessar a rua!
segunda-feira, 11 de janeiro de 2016
[Oficina de Criatividade] - Divulgação Rasgada
Boa tarde confeiteiros deste bolo chamado vida. Voltamos com mais uma atividade da nossa disciplina querida. Como desafio precisávamos criar um pôster de uma banda com elementos encontrados ao nosso redor. Baseado nisso pensei em uma banda com temática social, natureza e por aí vai. A banda é fictícia e seu nome é inspirada nos Pholhas. Então aqui vos mostro, os Folhas!
Assinar:
Postagens (Atom)