Trabalho MAMI parte 2

TRABALHO MAMI

//p.s.: O vídeo ainda não está concluído. Ainda falta a parte de apropriação, que modificarei a obra.


APROPRIAÇÃO:

Ignorando o quadrado maior ao fundo da imagem e utilizando apenas o que está contido dentro do losango, construí um painel que replica a obra preenchendo toda a tela. Logo após, configurei para que as cores ficassem invertidas em determinados losangos. Para finalizar, configurei para que os tons bege tomassem cores randômicas a cada atualização de tela.


CÓDIGO:

void setup(){
  size(600,600);
}

void draw(){

background(0);
Mosaico();
}

void Mosaico(){
//coluna1 preta
  Quadro2(-145,-145,300);
  Quadro2(-145,145,300);
  Quadro2(-145,435,300);
//coluna2 bege
  Quadro1(0,0,300);
  Quadro1(0,290,300);
  Quadro1(0,580,300);
//coluna3 preta
  Quadro2(145,-145,300);
  Quadro2(145,145,300);
  Quadro2(145,435,300);
//coluna4 bege
  Quadro1(290,0,300);
  Quadro1(290,290,300);
  Quadro1(290,580,300);
//coluna5 preta
  Quadro2(435,-145,300);
  Quadro2(435,145,300);
  Quadro2(435,435,300);
//coluna4 bege
  Quadro1(580,0,300);
  Quadro1(580,290,300);
  Quadro1(580,580,300);
}
void Quadro1(int x, int y, int l){ //QUADRO PRA ESQUERDA

  int m=l/16; //tamanho do módulo
  //CADA QUADRADO É 71% MENOR QUE O OUTRO
  fill(random(255),random(255),random(255)); // cor bege
  quad(x,y+(8*m),x+(8*m),y,x+(16*m),y+(8*m),x+(8*m),y+(16*m)); //primeiro QUAD
  fill(0);
  rect(x+(4*m),y+(4*m),8*m,8*m);
  fill(random(255),random(255),random(255)); // cor bege
  quad(x+(8*m),y+(8*m),x+(12*m),y+(4*m),x+(16*m),y+(8*m),x+(12*m),y+(12*m)); //segundo QUAD
  fill(0);
  rect(x+(10*m),y+(6*m),4*m,4*m);
  fill(random(255),random(255),random(255)); // cor bege
  quad(x+(8*m),y+(8*m),x+(10*m),y+(6*m),x+(12*m),y+(8*m),x+(10*m),y+(10*m)); //terceiro QUAD
  fill(0);
  rect(x+(9*m),y+(7*m),2*m,2*m);
  fill(random(255),random(255),random(255)); // cor bege
  quad(x+(8*m),y+(8*m),x+(9*m),y+(7*m),x+(10*m),y+(8*m),x+(9*m),y+(9*m));
}

void Quadro2(int x, int y, int l){ //QUADRO PRA DIREITA
  int m=l/16; //tamanho do módulo
  //CADA QUADRADO É 71% MENOR QUE O OUTRO
  fill(0); // cor bege
  quad(x,y+(8*m),x+(8*m),y,x+(16*m),y+(8*m),x+(8*m),y+(16*m)); //primeiro QUAD
  fill(random(255),random(255),random(255));
  rect(x+(4*m),y+(4*m),8*m,8*m);
  fill(0); // cor bege
  quad(x+(8*m),y+(8*m),x+(12*m),y+(4*m),x+(16*m),y+(8*m),x+(12*m),y+(12*m)); //segundo QUAD
  fill(random(255),random(255),random(255));
  rect(x+(10*m),y+(6*m),4*m,4*m);
  fill(0); // cor bege
  quad(x+(8*m),y+(8*m),x+(10*m),y+(6*m),x+(12*m),y+(8*m),x+(10*m),y+(10*m)); //terceiro QUAD
  fill(random(255),random(255),random(255));
  rect(x+(9*m),y+(7*m),2*m,2*m);
  fill(0); // cor bege
  quad(x+(8*m),y+(8*m),x+(9*m),y+(7*m),x+(10*m),y+(8*m),x+(9*m),y+(9*m));

Atividade Aula 7 - A da Braum

Referência

Resultado e Código

//Comentário:

Nesse exercício utilizei apenas o ellipse e o rect para formar a minha figura. Como a fonte da Braum não obedece 100% o seu grid, a formação da figura ficou um pouco difícil para definir a parte interna da letra A, tendo que formar outras figuras por cima e colocando-as no mesmo tom do fundo para dar a impressão que a fonte está vazada, porém, se trata de outra figura sobreposta.

O código conta com os Ifs para que o A aumente e diminua em loop infinito, configurando uma variável (tM) para modificar o tamanho da figura.

Atividade Aula 7 - Ying Yang movendo com o mouse (Sala/Casa)

Código

//Comentário:

Após a dificuldade para formar os arcs corretamente com os radianos corretas, consegui fazer com que toda a figura siga a seta do mouse através do mouseX e mouseY que são definidos nas variáveis x e y dentro da função YingYang. Na função, toda a figura é formada a partir dos valores chamados na função dentro do draw. Isso permite que esse código seja implementado em outras códigos mais complexos.

Atividade aula 6 - Bandeira do Brasil

Referência

Código

Resultado

// Comentário:

Com esse exercício pude perceber o papel fundamental de se pensar primeiramente no papel. No início tive a dificuldade de me habituar com a posição X e Y no computador, mas durante o exercício foi ficando mais fácil perceber essas posições e calcular os módulos da bandeira.

Atividade aula 4 - Harmonia Cromática

// Comentário:

A harmonia que escolhi foi a Contraste Simultâneo. Que a nossa visão faz com que as cores que observamos se neutralizem, buscando o equilíbrio entre ambas. No caso da imagem, utilizei o verde e o cinza, que ao observarmos, mesmo que o cinza esteja configurado em um tom completamente equilibrado (com o seu RBG em 99 em cada parâmetro), tendemos a enxergá-lo em um tom avermelhado, que é a cor complementar do verde.

É possível configurar as variáveis r,g e b para que elas se modifiquem, trocando seus valores pre-determinados por comandos como r=mouseX, g=mouseY e b=*valor qualquer até 255*, para que o tom verde varie e possamos observar o contraste simultâneo com outras cores além do verde e com o cinza tomando o tom da cor complementar da cor observada a cada momento da variação da posição do mouse na tela.

Como o verde e o cinza é o exemplo mais claro que encontrei dessa harmonia, optei por deixá-los com valores fixos. Na tela, o texto está mostrando o valor das variáveis, então sempre mostraria os valores de cada cor.

Atividade Aula 3 - Flor randõmica

Resultado

Código

//Comentário

Neste código utilizei funções para compôr a flor e suas pétalas e depois defini suas variações de tamanho e posição no void draw. O frame Rate foi configurado para 5 para que as pétalas não aparecessem tão rapidamente.