MAM I por Mateus Pereira

Nessa última parte do trabalho, apenas adicionei a interface para o usuário manipular as obras geradas, e desenvolvi um vídeo explicativo sobre a elaboração do projeto. Confira o Vídeo: Para fazer o download da versão final da aplicação clique aqui

A proposta da atividade é analisar de forma crítica a palestra  The Beauty of Data Visualization, que pode ser visualizada aqui . Na palestra em questão David McCandless aborda maneiras de se transmitir dados de uma forma simples e que seja compreensível pela maioria das pessoas. Numa atualidade movida a informações, é necessário que estas sejam propagadas de forma compreensível, e o palestrando faz isso de maneira simples e intuitiva, com gráficos que mostram o fluxo de determinada informação, possibilitando ainda o aprofundamento de características que muitas vezes são passadas despercebidas. Vale ressaltar que ao longo do vídeo, é sempre reforçado a importância de uma boa análise de informações. Um infográfico, por exemplo, não mostra só aquilo que está exposto visualmente. A partir da análise minuciosa desses dados, é possível retirar diversas informações importantes que podem ser utilizadas com alguma finalidade. Esse é o papel de um bom designer de informação (...

A proposta da atividade é criar diversas variações de brilho e contraste de duas imagens e comparar o desvio padrão e a média de tons delas. Imagem do Einstein original: Imagem com brilho alto: Imagem com brilho baixo: Imagem com contraste alto: Imagem com contraste baixo: Analisando os diferentes resultados, pode-se perceber quem quando há maior presença dos tons próximos de 255, maior é o desvio padrão, pois haverá pretos puros e brancos puros. Dessa forma, a média de tons também aumenta. Já quando não há tanto branco, e as cores ficam mais próximas do cinza e preto, tanto o desvio padrão quanto a média serão mais baixos. Imagem do cinza original: Imagem do cinza com brilho alto: Imagem do cinza com brilho baixo: Imagem com contraste alto: Imagem com contraste baixo: No caso dessa imagem, acontece o mesmo com a média de tons vista na imagem do Einstein. Entretanto aqui, o desvio padrão é sempre 0, mudando apenas quando o contraste foi redu...

A proposta da atividade é simular um olho, em que a íris segue a posição atual do mouse. Para o desenvolvimento da aplicação, utilizei a função polares() feita em sala na aula de coordenadas polares, que recebe um raio e um ângulo, e retorna um array com as coordenadas polares do ângulo. De início, crio um vetor que recebe o resultado da função polares(), passando como parâmetro 90 de raio, e um ângulo que é calculado através da função atan2(). Essa função calcula o ângulo referente a alguma posição, que neste caso é o mouseY menos a metade da altura da tela, e o mouseX menos a metade da largura da tela. Para finalizar, apenas desenho a ellipse estática refente a pupila, e a ellipse referente a íris seguindo as coordenadas polares do ângulo. Para baixar o projeto clique aqui

A proposta da atividade é simular um cronômetro com apenas o ponteiro dos segundos, utilizando a função millis() do processing. Essa função retorna o tempo de execução do programa em milissegundos. Para o desenvolvimento da aplicação, utilizei a função polares() feita em sala de aula, que recebe um raio e um ângulo, e retorna um array com as coordenadas polares do ângulo. Criei uma variável PImage para guardar a imagem de um cronômetro que será exibido. Crio também um vetor que recebe o resultado da função polares(), passando como parâmetro 200 de raio, e um ângulo que inicialmente é 0. Após isso desenho uma linha que vai do centro da imagem, até uma determinada altura, seguindo os valores das coordenadas polares do vetor. Para finalizar, faço o ângulo receber a função millis()*0.0001 que é a transformação de milissegundos para segundos. Resultado: Para baixar o projeto clique aqui

A proposta da atividade é simular o movimento de um barco no mar, utilizando a função seno e a função rotate(). De inicial, desenhei através de linhas uma ondulação que simular a maré, e apliquei o cálculo de seno nela. Em todo frame executado, fiz com que uma variável de variação fosse sendo incrementada. Essa variável é passada como valor para uma variável que controla a inclinação da imagem do barco, que é rotacionada, através da função rotate(), utilizando o cosseno do ângulo de inclinação. Veja o resultado final: Para baixar a aplicação clique aqui

A proposta da atividade é desenhar um polígono regular no centro da tela, cuja quantidade de lados é informada no código, utilizando a função rotate() do processing. Para o desenvolvimento da aplicação, utilizei a função polares() feita em sala na aula de coordenadas polares, que recebe um raio e um ângulo, e retorna um array com as coordenadas polares do ângulo. E utilizei também a função divideFatias() que também foi feita em sala. De início, crio uma variável que guarda o ângulo do resultado da função dividePizza(), que recebe a quantidade de lados do polígono. Crio também dois vetores que recebem o resultado da função polares(). No primeiro, passo como parâmetro o raio 250, e o a variável do ângulo. No segundo, faço o mesmo, porém com o ângulo multiplicado por 2, para ser o ponto final do triângulo. Uso a função translate() para alterar o ponto principal como sendo o centro da tela. Após isso crio um laço for() que é executado referente a quantidade de lados do polígono. ...