Pular para o conteúdo principal

Tarefa Número 09 - Mapa Isométrico

Por
Iniciando mais uma tarefa, dessa vez preciso fazer um mapa isométrico (que é basicamente um mapa com uma aparência de perspectiva 3D) usando dois tiles à minha escolha. Ademais, eu gosto muito de praia então resolvi fazer meu mapa com esse tema. Para fazer o mapa isométrico precisamos trabalhar no processing como se fosse uma matriz, isto é, cada tile vai ocupar um lugar numa matriz.

Os sprites dos tales eu baixei aqui. Em seguida, precisei manipular os sprites para editar e medir, depois eu fiz um cálculo simples para saber quais partes estavam ocupando pixel e quais partes podiam ser sobrepostas. Enfim, o resultado foi esse:
                                                           
                                                     Link do código aqui!
 

Postagens mais visitadas deste blog

Tarefa Número 15 - Olho

Por
Com base na trigonometria, explicar a criação de uma aplicação que move um olho. Para começar, criei duas ellipse() para representar o globo ocular. Depois defini as posições X e Y no centro da tela, mas como a ellipse menor se movimentará, incrementei nesses parâmetros as coordenadas polares. Ou seja o uso da tan e atan , funções no processing, que faz com que eu consigo movimento. Assim, a íris vai se mover e alterar seus valores de X e Y a partir da posição do mouse. Além disso, para a ellipse maior não sair de dentro da menor, criei uma condição para limitar o raio de movimento. Veja o exemplo:                                                 Link para o código
Leia mais

Tarefa Número 16 - Diagrama da Rosa

Por
O Diagrama da Rosa de Florence Nightingale teve um efeito político tão poderoso, que mudou e salvou vidas. Sua criadora foi Florence Nightingale, a fundadora a enfermagem moderna, ela cuidou e tratou de soldados em condições desumanas, durante a guerra da Criméia. Ela era uma especialista em estatísticas, em 1857 ela criou o diagrama e reivindicou direitos, através de provas estatísticas com o diagrama para criar condições melhores e hospitais. Pois esse diagrama demonstrava que a maioria das mortes era decorrente de doenças infecciosas adquiridas nos hospitais e locais sem higiene onde eram tratados os feridos. (A cor vermelha representa a morte por ferimentos, o preto representa morte por outras causas, como queimaduras ou acidentes. e a incrível parte azul representa mortes por doenças infeciosas) Não é exagero dizer que o diagrama de rosa mudou completamente a atitude do governo britânico para assistência médica e como consequência os hospitais civis também mudaram, rece...
Leia mais

Tarefa - Revisão

Por
Para fazer a revisão, fiz a posição X e Y do velocímetro baseado nos códigos de coordenadas polares. Utilizei a função mousePressed para quando for pressionado acrescenta valor a uma variável que aumenta constantemente a medida que o botão é pressionado. Se o botão for solto a variável é tornada negativa, fazendo com que o ponteiro decline e vai voltando para posição anterior. Para limitar o movimento do ponteiro, indiquei as demarcações como início e final do velocímetro. Além disso, utilizei a função map(), que me retornava um valor correspondente a saturação, assim eu tinha o controle das cores. E para modificar as cores dos detalhes, utilizei o ScanLine, onde acrescentava a saturação na função map(). E, para finalizar, fiz um gráfico de linhas que se move a medida que o mouse é pressionado, fazendo com que tenha interação direta com o velocímetro.                                     ...
Leia mais