I thought I’d try something new today. It has been really long since I’ve written or done anything else. I opened up the book closet and the Getting started with Processing book popped out. I said code away!
So I got started with the basics. Line, ellipse, quad etc. As I went along, I thought why not code to make a profile picture. Began with a simple sketch. My geometry neurons had nearly died since I haven’t used them for a good 3 years now!
So this is what the layout looked like on paper
and this is what I ended up making.
Looks like me? No?
The entire process took a good 1.5 hours. Most of the time was spent on wondering what the co-ordinates should be. The rest was tweaking, adjusting and wondering how to take a screen shot on the mac! God bless Google!
Here is the code if you want to use it further -
background(255);
size(180, 180);
//ze jawline
line(90,150,20,120);
line(90,150,160,120);
//ze goatee
fill(0);
triangle(90, 150, 65, 135, 115, 135);
//ze moustache
fill(0);
beginShape();
vertex(45,160);
vertex(45,110);
vertex(135,110);
vertex(135, 160);
vertex(115, 115);
vertex(65, 115);
endShape(CLOSE);
noFill();
//ze left eye
fill(255);
triangle(100,85, 150,85, 150,65);
fill(0);
ellipse(130,80,10,10);
//ze right eye
fill(255);
triangle(80,85,30,85,30,65);
fill(0);
ellipse(50,80,10,10);
//ze lips
fill(#6C405D);
beginShape();
vertex(115, 120);
vertex(90, 132);
vertex(65, 120);
vertex(90,120);
endShape(CLOSE);
//ze earline
line(20, 120, 20, 30);
line(160,120, 160, 30);
//ze hair
fill(0);
triangle(90, 40, 20, 30, 160, 30);
quad(20, 30, 160, 30, 150, 15, 30, 15);
//ze left ear
noFill();
smooth();
quad(160, 75, 160, 93, 170, 100, 168, 70);
//ze right ear
smooth();
quad(20, 93, 10, 100, 13, 70, 20, 75);
smooth();