> show canvas only <


/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://designuniandes.sketchpad.cc/sp/pad/view/ro.Q31w23SMNwD/rev.34
 * 
 * authors: 
 *   Victor Mahecha

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



// This sketch builds on a prior work, "Assignment 1: Form", created by Hernando Barragan
// http://designuniandes.sketchpad.cc/sp/pad/view/ro.BQLmTBYyWiW9K5/rev.1



// Declaring a variable of type PImage
PImage img;
void setup() {
  size(380, 400);
  loadPixels(); 
  // Make a new instance of a PImage by loading an image file
  img = loadImage("senecio.jpg.png");
}

void draw() {
  background(0);
  // Draw the image to the screen at coordinate (0,0)
  
  image(img, 400, 0);

translate(-10,0); 
  // Fondo del dibujo 
  // vertex (der-izq,arriba abajo)
  noStroke();
  //cuadro 1
  fill(180, 50, 30); 
  beginShape();
  vertex(20, 0);
  vertex(380, 0);
  vertex(380, 400);
  vertex(20, 400);
  endShape();










  //Contono del personaje
  
 
  
  
  
//cirulo principal  
fill(255);
ellipse(210, 156, 282, 280);

fill(212,45,51);
rect(116, 360, 168, 40);

fill(123,39,67);
rect(236, 360, 43, 40);

fill(255);
ellipse(170,340, 120,80);

fill(235,193,80);
ellipse(225,340, 120,80);

fill(255);
rect(170,360,50, 20);








//cuello  
fill(255);
rect(168, 280, 80, 80);

fill(212,45,51);
rect(220, 300, 27, 30);

fill(125,120,185);
rect(200, 328, 20, 32);

fill(235,193,80);vertex(70, 140);
beginShape();
 vertex(307, 55);
 vertex(351, 55);
 vertex(351, 230);
 vertex(307, 230);
 endShape();

beginShape();
 vertex(215, 17);
  vertex(260, 20);
 vertex(307, 40);
 vertex(285, 80);
 vertex(307, 80);
 vertex(260, 80);
 endShape();


fill(224,167,89);
beginShape();
 vertex(142, 24);
  vertex(180, 18);
 vertex(215, 16);
 vertex(215, 130);
 endShape();

beginShape();
vertex(160, 50);
 vertex(155, 25);
 vertex(100, 60);
 vertex(75, 120);
 vertex(110, 120);
 endShape();
 
fill(242,207,144);
beginShape();
vertex(68, 160);
vertex(70, 140);
 vertex(75, 120);
  vertex(120, 120);
 vertex(120, 230);
 vertex(87, 230);
 endShape();






fill(0);
 ellipse(263, 130, 86, 70);
 
fill(237,187,109);
ellipse(265, 135, 86, 70);
 
 fill(255);
    beginShape();
 vertex(220, 140);
 vertex(307, 140);
 vertex(300, 230);
 vertex(240, 230);
   endShape();
 
 fill(230,211,209);
  beginShape();
 vertex(110, 120);
 vertex(220, 135);
 vertex(220, 230);
 vertex(120, 230);
  endShape();
    beginShape();
 vertex(240, 140);
 vertex(307, 140);
 vertex(300, 230);
 vertex(240, 230);
   endShape();
 
 //bordes contorno
fill(236,141,70);
rect(55,295,120,65);
rect(250,295,120,65);
endShape();

fill(226, 220, 200);
 smooth();
  beginShape();
  curveVertex(110, 125);
  curveVertex(110, 120);
  curveVertex(165, 112);
  curveVertex(220, 138);
  curveVertex(155, 138);
  curveVertex(120, 125);
  curveVertex(110, 120);
  curveVertex(50, 90);
  endShape();
  



  //ojos
  stroke(0);
  strokeWeight(0.5);
  
  fill(226, 220, 200);
 smooth();
  beginShape();
  curveVertex(110, 125);
  curveVertex(110, 120);
  curveVertex(165, 112);
  curveVertex(220, 138);
  curveVertex(155, 138);
  curveVertex(120, 125);
  curveVertex(110, 120);
  curveVertex(50, 90);
  endShape();
  
  beginShape();
  curveVertex(220, 145);
  curveVertex(220, 140);
  curveVertex(275, 132);
  curveVertex(305, 146);
  curveVertex(255, 158);
  curveVertex(220, 140);
  curveVertex(220, 110);
  endShape();
  
// border
 noStroke();
 fill(235,193,80);
beginShape();
  curveVertex(300,230);
  curveVertex(300,230);
  curveVertex(340,200);
  curveVertex(310,100);
 curveVertex(320,120);
  curveVertex(320,200);
      endShape();
       fill(235,193,80);
beginShape();
  curveVertex(293,233);
  curveVertex(293,233);
  curveVertex(340,225);
  curveVertex(310,160);
 curveVertex(320,180);
  curveVertex(320,200);
      endShape();
     fill(191,61,50);
     beginShape();
 vertex(185,13);
 vertex(215,13);
 vertex(215,45);
 vertex(185,45);
      endShape();
     
     
        fill(233,203,164);
     beginShape();
 vertex(220,140);
 vertex(215,230);
 vertex(210,140);
      endShape();
      
          fill(191,61,50);
     beginShape();
 vertex(220,140);
 vertex(218,180);
 vertex(215,140);
      endShape();
      
      fill(116,24,40);
      rect(212,223,8,13);
       rect(204,235,8,8);
      
     
 noStroke();
 fill(227,115,57);
 beginShape();
  curveVertex(0,150);
  curveVertex(0, 150); 
  curveVertex(62, 150);
  curveVertex(80, 100);
  curveVertex(105, 60);
  curveVertex(132, 40);
  curveVertex(150, 30);
  curveVertex(190, 5);
  curveVertex(0, 10);
  curveVertex(0, 75);
    curveVertex(0, 75);
    endShape();
 beginShape();
  curveVertex(0,150);
  curveVertex(0, 150); 
  curveVertex(60, 150);
  curveVertex(77, 200);
  curveVertex(97, 240);
  curveVertex(117, 260);
  curveVertex(127, 270);
  curveVertex(140, 295);
  curveVertex(0, 290);
  curveVertex(0, 225);
    curveVertex(0, 225);
    endShape();
       
  beginShape();
  curveVertex(400,150);
  curveVertex(400, 150); 
  curveVertex(356, 150);
  curveVertex(343, 100);
  curveVertex(315, 60);
  curveVertex(290, 40);
  curveVertex(270, 30);
  curveVertex(236, 10);
  curveVertex(400, 7);
  curveVertex(400, 75);
    curveVertex(400, 75);
    endShape();
 beginShape();
  curveVertex(410,150);
  curveVertex(410, 150); 
  curveVertex(358, 150);
  curveVertex(343, 200);
  curveVertex(323, 240);
  curveVertex(303, 260);
  curveVertex(293, 270);
  curveVertex(270, 295);
  curveVertex(410, 290);
  curveVertex(410, 225);
    curveVertex(400, 225);
    endShape();
 
       
  //cuadro 1
  fill(172, 71, 49); 
  beginShape();
  vertex(20, 0);
  vertex(40, 0);
  vertex(40, 20);
  vertex(20, 20);
  endShape();
  fill(171, 92, 57); 
  beginShape();
  vertex(20, 0);
  vertex(35, 0);
  vertex(35, 10);
  vertex(20, 10);
  endShape();
  //cuadro 2
  fill(162, 71, 49); 
  beginShape();
  vertex(40, 0);
  vertex(60, 0);
  vertex(60, 20);
  vertex(40, 20);
  endShape();
  fill(85, 46, 65); 
  beginShape();
  vertex(40, 0);
  vertex(55, 0);
  vertex(55, 10);
  endShape();
  fill(192, 118, 75); 
  ellipse(49, 10, 4, 4);
  //cuadro 3 
  fill(162, 71, 49); 
  beginShape();
  vertex(60, 0);
  vertex(80, 0);
  vertex(80, 20);
  vertex(60, 20);
  endShape();
  fill(109, 54, 71);
  ellipse(70, 2, 8, 5);
  fill(115, 21, 22);  
  ellipse(75, 5, 5, 9);
  // cuadro 4 y 5
  fill(177, 71, 45);
  beginShape();
  vertex(80, 0);
  vertex(120, 0);
  vertex(120, 20);
  vertex(80, 20);
  endShape();
  // cuadro 6
  fill(177, 71, 45);
  beginShape();
  vertex(120, 0);
  vertex(140, 0);
  vertex(140, 20);
  vertex(120, 20);
  endShape();
  fill(189, 95, 70);
  ellipse(130, 8, 4, 4);
  fill(154, 38, 34);
  beginShape();
  vertex(130, 10);
  vertex(139, 5);
  vertex(139, 10);
  endShape();



  fill(177, 30, 30);
  ellipse (160, 126, 30, 28);
  ellipse (250, 146, 25, 25);


}