Make a Character using Processing

In my Programming Multimedia Class, I had an assignment to make a character, any kind of character using Processing. At the first, I'm so confuse, what am I gonna do? What kind of character that I'll make?..

Then, this Pokemon character gimme much inspiration to make its self in the way coding to become an art. So, I started to make it.

Much of numbers poured in my Processing canvas, it seems like this :

     size(480, 650);
     background(255);

     //left hand
     smooth();
     strokeWeight(4);
     fill(248,224,72);
     bezier(150, 280, 100, 220, 130, 200, 175, 250);

     //body
     pushMatrix();
     //smooth();
     //strokeWeight(4);
     fill(248,224,72);
     ellipse(240, 320, 200, 180);
     popMatrix();

     //right hand
     bezier(325, 300, 380, 285, 400, 320, 335, 330);

     //right foot
     pushMatrix();
     smooth();
     rotate(radians(50));
     ellipse(490, 10, 50, 70);
     popMatrix();

     //left foot
     pushMatrix();
     smooth();
     rotate(radians(-30));
     ellipse(-50, 400, 40, 75);
     popMatrix();

     //left ribbon
       //little ribbon
         //left pink
           fill(217, 96, 116);
           bezier(80, 90, -20, 80, 50, 10, 85, 90);
         //right pink
           bezier(95, 65, 90, -10, 150, 0, 110, 75);
         //middle gray
          fill(229, 233, 245);
          bezier(80, 80, 20, 20, 90, -20, 100, 65);    
    
      //big ribbon
       //third pink
         fill(217, 96, 116);
         bezier(150, 190, 10, 100, 100, -20, 200, 160);
       //middle gray
         fill(229, 233, 245);
         bezier(235, 228, -50, 160, 160, 10, 230, 210);
       //first pink
         fill(217, 96, 116);
         bezier(235, 228, 10, 200, 200, 55, 243, 210);

    //right ribbon
      //little ribbon
        //right pink
          bezier(420, 80, 470, 30, 480, 70, 410, 120);
        //left pink
          point(380, 80);
          bezier(380, 85, 360, 30, 410, -10,400, 85);
        //gray
          fill(229, 233, 245);
          bezier(400, 80, 400, 10, 470, 10, 420, 100);
  
      //big ribbon
       //outside pink
         fill(217, 96, 116);
         bezier(272, 233, 530, 180, 400, -80, 272, 233);
       //middle gray
         fill(229, 233, 245);
         bezier(272, 233, 500, 180, 340, 50, 272, 233);
       //inner pink
         fill(217, 96, 116);
         bezier(272, 233, 500, 180, 290, 100, 272, 233);


    //rounded shape in the middle of the ribbon
      fill(248,224,72);
      ellipse(255, 225, 40, 30);
   
    //the smile
      noFill();
      strokeWeight(2);
      bezier(160, 320,  190, 360,  250, 370, 290, 345);

    //right cheek
      fill(98, 96, 94);
      bezier(290, 345, 300, 260, 360, 360 ,290, 345);

    //left cheek
      point(150, 280);
      point(140, 330);
      bezier(160, 320, 145, 250, 130, 335, 160, 320);

    //left eye
      pushMatrix();
      fill(0);
      rotate(radians(15));
      ellipse(260, 260, 7, 18);
      popMatrix();

    //right eye
      pushMatrix();
      fill(0);
      rotate(radians(10));
      ellipse(315, 285, 7, 18);
      popMatrix()

Then here is my art-coding pokemon character :

Just try to make it, using Processing is the way easy. Good try, and share to me. Thank you.

Read More