MAMI - Matemática Aplicada a multimídia

David McCandless  Esta atividade consiste em resumir de forma crítica a apresentação de David McCandless ao TED sobre o título: The beauty of data visualization (A beleza da visualização de dados). Estamos rodeados por dados. Números de telefone, emails, imagens, posts, vídeos, valor da moeda, taxa de importação, lista de compras. Tudo ao nosso redor corresponde a um número, mais um no meio de uma enxurrada de conteúdo que absorvemos ou não todos os dias. Com esse número exacerbado de dados uma ou outra informação podem passar desapercebidas, ou ainda, uma acumulo gigantesco de informação sobressalentes. Davi McCandless mostra em seu TED a importância de se organizar visualmente e de forma mais simplificada (no sentido de visualmente mais atrativa, sem perda de informação) que a visualização de  dados pode se tornar de fácil compreensão por todos. Os números passam a ser representados por formas. A visão é o sentido mais aprimorado pelo humano, o que torna a...

Olá, a atividade #20 consiste em criar uma aplicação que simule um olho onde o circulo interno sempre estará voltado ao mouse. Inicialmente foi criado uma variável a que representa o angulo e que receberá a função atan() das posições x e y do mouse, menos a metade do tamanho do palco. Após isso duas elipses são criadas. Uma maior, centralizada ao palco e outra menor que com o auxilio da função rotate() irá rotacionar no ângulo a seguindo o mouse, tornando este resultado: O código desta aplicação poderá ser baixado no link a seguir:  Link para o código

Olá seja bem vindo. Esta atividade consiste na criação de uma aplicação que simule um cronômetro simples apenas com os segundos, utilizando a função millis() Após iniciar o programa definindo o tamanho do palco, criamos uma variável que receberá a função millis() . Esta função retorna um número em milissegundos de acordo com o início do programa. Adicionando um background que apagará o rastro do ponteiro e adicionando o rotate que rotaciona em m/10000 (simulando os segundos) e após isso um line que parte do ponto zero e vai até -100(para cima) simulamos assim o ponteiro, dando este resultado: O código desta aplicação poderá ser baixado no link a seguir:  Link para o código

A atividade #17 consiste em criar uma aplicação que desenha um polígono regular centralizado na tela com a quantidade de lados informada no próprio código, empregando a função rotate() para isso. Primeiramente foi criado uma variável que corresponderia ao número de lados:  lado  e uma outra que ficará responsável pelo tamanho do objeto no meio da tela: raio Usando a função rotate() em uma variável a que é sempre incrementada. Esta variável a será calculada juntamente com a função sin() e con() multiplicada pelo raio.Variáveis também foram criadas para "fechar" a forma, sendo v1 e v2 as iniciais e v1_2 que liga v1 e v2 e v2_2 que irá "fechar" a forma. Um forma em line() receberá estas variáveis. Dando este resultado: com 5 lados Alterando o número de lados na variável lado de 5 para 7 temos este resultado: com 7 lados Alterando o número de lados na variável  lado  de 7 para 1 temos este resultado: O código desta aplicação poderá ser ...

A atividade #15 consiste em criar uma aplicação que simule a imagem abaixo, aplicando ruído e os determinados filtros num conjunto de imagens: Inicialmente foi escolhida a imagem base, sabendo seu tamanho foi definido o tamanho do size() que receberia 5 imagens iguais a aquela. Adicionando posteriormente uma imagem ao lado que receberia o ruído através da função ruido() que em um x e y  específicos da segunda imagem receberia uma variável chamada ruidoCor receberia um r, g ,  b aleatórios. Após isso uma função chamada FiltroImagem () ficará responsável por capturar as cores originais da primeira imagem, separá cada taixa de cor (cinza, vermelho e amarelo) e setar em em cada imagem correspondente, dando este resultado: O código desta aplicação poderá ser baixado no link a seguir: Link para o código

Sobre a atividade A atividade #18 consiste na aplicação da função Seno do processing para simular o movimento de um barco que navega no mar. Primeiramente foi definido variáveis que controlassem o x e y para o mar. Inicialmente a aplicação foi criada com caixas, para que mais adiante fosse adicionado o barco e o mar. Definida as variáveis estava na hora de usar a função sin() que retorna o seno de uma variável, onde y receberia o seno de x.e onde x seria incrementado em 0.1. O mar varia somente em y e o barco varia nos dois sentidos, ficando inicialmente desta forma: bem simples :) Adicionando detalhes Com a estrutura pronta, agora adicionamos imagens que correspondem ao mar e ao barco. O mar possui 4 camadas nesse caso, sendo possível alterar a prioridade de visualização das camadas pela ordem em que se chama cada elemento. Cada camada recebeu um valor de multiplicação diferente, para dar a sensação de que algumas ondas estão mais próximas e são mais rápidas que outr...