Recitation 5: Processing Basics

Step 1: Choose your motif

                                       (Click the photo to get details)

 

Step 2: Draw your image in Processing

*I didn’t make sketch on paper

The Code:
void setup(){
size(600,600);
background(143,69,63);
}

void draw(){
noStroke();
fill(94,60,59);
quad(20, 40, 560, 10, 590, 560, 40, 590);

noStroke();
fill(61,53,53);
quad(30, 80, 520, 20, 580, 520, 80, 580);

noStroke();
fill(90,60,58);
quad(40, 120, 480, 30, 570, 480, 120, 570);

noStroke();
fill(136,68,63);
quad(60, 160, 440, 50, 550, 440, 160, 550);

noStroke();
fill(205,58,64);
quad(90, 200, 400, 80, 520, 400, 200, 520);

noStroke();
fill(219,48,69);
quad(130, 240, 360, 120, 480, 360, 240, 480);

noStroke();
fill(202,102,118);
quad(170, 280, 320, 160, 440, 320, 280, 440);

noStroke();
fill(223,131,136);
quad(210, 290, 310, 200, 400, 310, 290, 400);

noStroke();
fill(253,173,162);
quad(250, 300, 300, 250, 350, 300, 300, 350);
}

 The result:

Step 3: Add more code

*I only changed the color

The code:
void setup(){
size(600,600);
background(46,107,141);
}

void draw(){
noStroke();
fill(42,72,131);
quad(20, 40, 560, 10, 590, 560, 40, 590);

noStroke();
fill(43,43,66);
quad(30, 80, 520, 20, 580, 520, 80, 580);

noStroke();
fill(42,72,131);
quad(40, 120, 480, 30, 570, 480, 120, 570);

noStroke();
fill(53,122,161);
quad(60, 160, 440, 50, 550, 440, 160, 550);

noStroke();
fill(63,127,161);
quad(90, 200, 400, 80, 520, 400, 200, 520);

noStroke();
fill(102,136,163);
quad(130, 240, 360, 120, 480, 360, 240, 480);

noStroke();
fill(141,145,164);
quad(170, 280, 320, 160, 440, 320, 280, 440);

noStroke();
fill(165,151,165);
quad(210, 290, 310, 200, 400, 310, 290, 400);

noStroke();
fill(186,158,166);
quad(250, 300, 300, 250, 350, 300, 300, 350);
}

 The result:

 

Thinking:

I thought the processing is really nice and useful in making paintings, especially recently we had learned about how to make animation through processing, which I thought was very convenient for us to create more things. Hope I can learn more about really drawing a thing (human? animal?) using lines and making them to move.

Leave a Reply

Your email address will not be published. Required fields are marked *