Sunday, November 29, 2015

Trabalho - Matemática Aplicada a Multimídia - Parte I



         A obra a ser analisada é uma das mais famosas do artista Helio Oiticica, que ficou famoso por apresentar atráves de modelos geométricos formas de abstracionismo na arte. A obra a ser analisada é uma das mais famosas do artista Helio Oiticica, que ficou famoso por apresentar atráves de modelos geométricos formas de abstracionismo na arte.




         A obra é composta por segmentos de quadrados de tamanhos e posições diferentes (com uma leve inclinação nos quadrados menores), bem organizados e separados pela mesma distância, apresentando um padrão diferente em cada linha.


Análise Geométrica da Imagem:


A imagem possui 346 pixels de largura e 400 pixels de altura, com um fundo padrão branco (255).




        Os quadrados menores possuem 55 pixels de largura e 55 pixels  de altura e cor preta (0) com uma inclinação na direção direita.


      Os quadrados maiores possuem 79 pixels de largura e 89 pixels de altura e cor preta (0) e estão a 10 cm de distância da borda do plano.



       E cada quadrado está separado à uma distância de mais ou menos 17 pixels um do outro.


O padrão a ser apropriado e reproduzido para a criação de outros modelos é o primeiro segmento de quadrados da imagem



Código da Reprodução do Padrão sem alteração/apropriação:

int x;
int y;


void setup(){
  size(346,400);
  background(255);
  Padrao();  
}


void draw(){
}


void Padrao(){
  fill(0);
  rect(x+250, y+17,74,84);
  fill(0);
  rect(x+90, y+17, 74, 84);
  fill(0);
  rect(x+90, y+110,74,84);
  fill(0);
  rect(x+250, y+110, 74, 84);
  fill(0);
  rect(x+90, y+203,74,84);
  fill(0);
  rect(x+250, y+203, 74, 84);
  fill(0);
  rect(x+250, y+297,74,84);
  fill(0);
  rect(x+90, y+297, 74, 84);
  
  rotate(PI/8);
  fill(0);
  rect(x+190,y-50,55,55);  
  fill(0);
  rect(x+44, y+10,55,55);
   fill(0);
  rect(x+220,y+30,55,55);
  fill(0);
  rect(x+75, y+90,55,55);
   fill(0);
  rect(x+255,y+115,55,55);
  fill(0);
  rect(x+108, y+170,55,55);
   fill(0);
  rect(x+290, y+200,55,55);  
  fill(0);
  rect(x+145, y+260,55,55);
}



Resultado:








Código da Obra com alterações/apropriações:

    Como forma de alteração da obra, modifiquei as cores originais utilizando cores aleatórias na escala RGB selecionadas pelo programa e me apropriei deixando a obra interativa, como consta nos exemplos a seguir.


Inicialmente, os quadrados maiores posicionados verticalmente mudam de coloração aleatoriamente a cada um segundo (frameRate(1)).
  




Após a interação (clique do mouse), aparecem os quadrados menores inclinados, posicionados na horizontal e os mesmos mudam de cor, assim como o background, ambos a cada segundo (frameRate(1)).








Código da Aplicação:

int x;
int y;


void setup(){
  size(346,400);
  background(random(255),random(255),random(255));
  frameRate(1);
  Padrao();  
}


void draw(){
  Padrao();
}


void Padrao(){
  noStroke(); 
  fill(random(255),random(255),random(255));
  rect(x+250, y+17,74,84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+17, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+110,74,84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+110, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+203,74,84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+203, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+297,74,84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+297, 74, 84);
  
  if (mousePressed){
    
  background(random(255),random(255),random(255));
    
    
  fill(random(255),random(255),random(255));
  rect(x+250, y+17,74,84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+17, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+110,74,84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+110, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+203,74,84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+203, 74, 84);
  fill(random(255),random(255),random(255));
  rect(x+250, y+297,74,84);
  fill(random(255),random(255),random(255));
  rect(x+90, y+297, 74, 84);
    
    rotate(PI/8);
  fill(random(255),random(255),random(255));
  rect(x+190,y-50,55,55);  
  fill(random(255),random(255),random(255));
  rect(x+44, y+10,55,55);
  fill(random(255),random(255),random(255));
  rect(x+220,y+30,55,55);
  fill(random(255),random(255),random(255));
  rect(x+75, y+90,55,55);
   fill(random(255),random(255),random(255));
  rect(x+255,y+115,55,55);
  fill(random(255),random(255),random(255));
  rect(x+108, y+170,55,55);
   fill(random(255),random(255),random(255));
  rect(x+290, y+200,55,55);  
  fill(random(255),random(255),random(255));
  rect(x+145, y+260,55,55);    
  }

}
























No comments:

Post a Comment