Exercício de Código

Composição Estática

Image
Para a composição estática decidi criar uma série de círculos que fizessem alvos e conjugá-los com elementos rectos, numa figura reminescente das mandalas.

size (300,300);
background (#FFAF00);

ellipseMode (CENTER);
noStroke ();
fill (#CB0000);
ellipse (150, 150, 300, 300);
noStroke ();
fill (#CB004E);
ellipse (150, 150, 250, 250);
noStroke ();
fill (#B000CB);
ellipse (150, 150, 200, 200);
noStroke ();
fill (#891683);
ellipse (150, 150, 150, 150);
noStroke ();
fill (#A50749);
ellipse (150, 150, 100, 100);
//noStroke ();
//fill (#CB0000);
//ellipse (150, 150, 50, 50);

noStroke ();
fill (#FFAF00);
ellipse (150, 12.5, 25, 25);
ellipse (150,287.5, 25, 25);
ellipse (12.5, 150, 25, 25);
ellipse (287.5,150, 25, 25);

ellipse (70, 70, 25, 25);
ellipse (230,230, 25, 25);
ellipse (70, 230, 25, 25);
ellipse (230,70, 25, 25);

ellipse (150, 62.5, 25, 25);
ellipse (150,237.5, 25, 25);
ellipse (62.5, 150, 25, 25);
ellipse (237.5,150, 25, 25);

ellipse (106, 106, 25, 25);
ellipse (194, 194, 25, 25);
ellipse (106, 194, 25, 25);
ellipse (194, 106, 25, 25);

ellipse (150, 112.5, 25, 25);
ellipse (150, 187.5, 25, 25);
ellipse (112.5, 150, 25, 25);
ellipse (187.5,150, 25, 25);

noStroke ();
fill (#FFAF00);
ellipse (150, 150, 25, 25);

stroke (#7ECB77);
noFill ();
triangle (150, 0, 0, 150, 150, 300);
triangle (300, 150, 150, 300, 150, 0);
triangle (0, 150, 150, 0, 300, 150);

stroke (#7ECB77);
noFill ();
ellipse (150, 150, 300, 300);
stroke (#FFDD17);
noFill ();
ellipse (150, 150, 200, 200);
ellipse (150, 150, 100, 100);

stroke (#CB0000);
noFill ();
ellipse (25, 25, 50, 50);
ellipse (274, 274, 50, 50);
ellipse (25, 274, 50, 50);
ellipse (274, 25, 50, 50);

ellipse (25, 25, 40, 40);
ellipse (274, 274, 40, 40);
ellipse (25, 274, 40, 40);
ellipse (274, 25, 40, 40);

ellipse (25, 25, 25, 25);
ellipse (274, 274, 25, 25);
ellipse (25, 274, 25, 25);
ellipse (274, 25, 25, 25);

noStroke ();
fill (#CB0000);
ellipse (25, 25, 12.5, 12.5);
ellipse (274, 274, 12.5, 12.5);
ellipse (25, 274, 12.5, 12.5);
ellipse (274, 25, 12.5, 12.5);

noStroke ();
fill (#CB0000);
ellipse (150, 150, 12.5, 12.5);

Animação

Image

Image
Para a animação, decidi fazer algo em que usasse a função de aleatoriedade e interacção. O programa cria elipses de tamanhos e cores aleatórios e durante o tempo que se clicar no rato, o fundo muda de cor muito rapidamente, causando um glitch.

//quando se clica no rato, o fundo muda de cor.
    //e se manter pressionado, o fundo continua a mudar de cor,
    //causando um glitch.

void setup () {
  size (500, 500);
  background (#C96378);
  
}

void draw () {
  

    if (mousePressed) {
  background ( random(255), random(255), random(255), random(255));
  
   } else {
   noFill();
  stroke ( random(255), random(255), random(255), random(255)); 
  ellipse (random (500), random (500), random (500), random (500) );
   }
}

 

Anúncios

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão /  Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão /  Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão /  Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão /  Alterar )

Connecting to %s