Exercícios de Código

Exercício 1: Imagem Fixa

1

size(300,650);
background(49,9,121);

noStroke();
fill(224,5,122,30);

rect(0,0,300,50);
rect(0,0,300,100);
rect(0,0,300,150);
rect(0,0,300,200);
rect(0,0,300,250);
rect(0,0,300,300);
rect(0,0,300,350);
rect(0,0,300,400);
rect(0,0,300,450);
rect(0,0,300,500);
rect(0,0,300,550);
rect(0,0,300,600);

noFill();
stroke(255);
strokeWeight(3);

line(300,0, 0,650);

ellipse(150,550, 150,150);

ellipse(50,325, 20,20);
ellipse(250,325, 40,40);

noStroke();
fill(255,255,255,50);

ellipse(150,100, 150,150);
ellipse(150,100, 100,100);
ellipse(150,100, 50,50);

arc(150,550, 50,50, 0,TWO_PI);
arc(150,550, 100,100, 1,TWO_PI);
arc(150,550, 150,150, 2,TWO_PI);
arc(150,550, 200,200, 3,TWO_PI);
arc(150,550, 250,250, 4,TWO_PI);

ellipse(50,325, 40,40);
ellipse(250,325, 20,20);

stroke(255,255,255,50);
strokeWeight(3);

line(0,0, 150,325);

Exercício 2: Animação

2

void setup(){
 
  size(300,200);
  background(77,53,34);
  frameRate(40);
  
  noStroke();
  
  noStroke();
  fill(5,5,5,50);

  beginShape();
  
  vertex(0,0);
  vertex(300,0);
  vertex(300,13);
  vertex(13,13);
  vertex(13,193);
  vertex(300,193);
  vertex(300,200);
  vertex(0,200);

  endShape(CLOSE);
  
  fill(5,5,5,50);

  beginShape();
  
  vertex(230,20);
  vertex(290,20);
  vertex(290,180);
  vertex(230,180);
  vertex(233,183);
  vertex(293,183);
  vertex(293,23);
  
  endShape(CLOSE);

  fill(90,76,50);

  beginShape();
  
  vertex(230,20);
  vertex(290,20);
  vertex(290,180);
  vertex(230,180);
  
  endShape(CLOSE);
  
  noStroke();
  fill(20);

  beginShape();
  
  vertex(0,0);
  vertex(300,0);
  vertex(300,10);
  vertex(10,10);
  vertex(10,190);
  vertex(300,190);
  vertex(300,200);
  vertex(0,200);

  endShape(CLOSE);
  
  fill(150);
  
  beginShape();
  
  vertex(240,40);
  vertex(240,80);
  vertex(253,80);
  vertex(253,40);
  
  endShape(CLOSE);
  
  strokeWeight(2);
  stroke(15);
  
  line(273,150, 273,110);
  
  noStroke();
  fill(30);
  
  ellipse(265,149, 4,4);
  ellipse(265,140, 3,3);
  ellipse(265,132, 4,4);
  ellipse(265,122, 3,3);
  ellipse(265,112, 4,4);
  
  strokeWeight(2);
  stroke(5,5,5,50);
  
  line(271,149, 271,109);
  
  noStroke();
  
  fill(5,5,5,50);
  rect(266,122 ,19,10);
  
  fill(13);
  rect(265,121 ,17,8);
  
  fill(5,5,5,50);

  ellipse(110,110,170,170);

  fill(80);

  ellipse(100,100,170,170);
  
  fill(50);

  ellipse(100,100,160,160);
  
  fill(20);

  ellipse(100,100,150,150);
  
  fill(25);

  ellipse(100,100,135,135);
  
  fill(20);

  ellipse(100,100,130,130);
  
  fill(25);

  ellipse(100,100,120,120);
  
  fill(20);

  ellipse(100,100,115,115);
  
  fill(25);

  ellipse(100,100,105,105);
  
  fill(20);

  ellipse(100,100,100,100);
  
  fill(20,20,66);

  ellipse(100,100,75,75);

  fill(80);

  ellipse(197,35,40,40);

  fill(50);

  ellipse(197,35,30,30);

  fill(5,5,5,50);

  ellipse(202,40,25,25);

  fill(5,5,5,50);
  stroke(5,5,5,50);
  strokeWeight(8);

  line(202,40,180,105);

  strokeWeight(5);

  line(177,103,143,138);

  strokeWeight(15);

  line(139,144,143,138);

  stroke(60);

  strokeWeight(5);

  line(175,100,140,135);
  
  stroke(100);
  
  strokeWeight(8);

  line(197,35,175,100);

  strokeWeight(15);

  line(135,140,140,135);
  
  stroke(80);
  strokeWeight(2);

  line(197,35,175,100);

  stroke(90);
  strokeWeight(8);

  line(135,140,143,132);
  
  stroke(75);
  strokeWeight(4);
  
  line(138,137,143,132);

  strokeWeight(1);
  stroke(70);
  fill(100);

  ellipse(197,35,20,20);

  noStroke();

  fill(57,40,28);

  beginShape();
  vertex(220,180);
  vertex(220,100);
  vertex(205,100);
  vertex(205,180);
  endShape(CLOSE);
  
  fill(70,55,36);
  
  ellipse(273,45,25,25);
  
  fill(5,5,5,80);
  
  ellipse(276,48,15,15);
  
  fill(25);
  
  ellipse(273,45,15,15);
  
  fill(70,55,36);
  
  ellipse(273,80,25,25);
  
  fill(5,5,5,80);
  
  ellipse(277,83,15,15);
  
  fill(25);
  
  ellipse(273,80,15,15);
  
  fill(5);
  ellipse(248,92, 3,3);
  
  ellipse(248,100, 3,3);
  
  fill(0,255,0);
  ellipse(248,108, 4,4);
  
  fill(0,255,0, 50);
  ellipse(248,108, 8,8);
  
  fill (20);
  ellipse(284,26,5,5);
  
  ellipse(284,174,5,5);
  
  ellipse(237,26,5,5);
  
  ellipse(237,174,5,5);
  
  fill (5,5,5,50);
  ellipse(283,25,8,8);
  
  ellipse(283,173,8,8);
  
  ellipse(236,25,8,8);
  
  ellipse(236,173,8,8);
  
  fill(70,55,36);
  
  rect(238,142,18,18);
  
  fill(5,5,5,50);
  
  rect(242,146,16,16);
  
  fill(90,76,50);
  
  rect(241,145,12,12);
  
  fill(80,66,40);
  
  rect(241,145,12,6);
  
  fill(70,55,36);
  
  rect(239,121,12,12);
  
  fill(5,5,5,50);
  
  rect(241,123,12,12);
  
  fill(90,76,50);
  
  rect(241,123,8,8);
  
  strokeWeight(2);
  stroke(50);
  line(275,45, 279,45);
  
  strokeWeight(2);
  stroke(50);
  line(274,78, 276,75);
  
}

void draw(){
  
  noStroke();
  
  pushMatrix();
  translate(100,100);
  
  rotate(frameCount % 360);
  
  fill(20,20,66);

  ellipse(0,0,75,75);
  
  fill(39,41,90,60);

  arc(0,0,75,75,1,TWO_PI);
  arc(0,0,75,75,2,TWO_PI);
  arc(0,0,75,75,3,TWO_PI);
  arc(0,0,75,75,4,TWO_PI);
  arc(0,0,75,75,5,TWO_PI);
  
  popMatrix();
  
  

  fill(5,5,5,50);
  ellipse(105,105,25,25);
  
  

  fill(20);

  ellipse(100,100,25,25);
  
  
}

3 comments

  1. Achei a composição dinamica bastante original e bem feita. Na minha opinião acho que foi um bom uso do código e do que nós aprendemos.

Deixe um comentário