Showcase & Discover Creative Work
Hiring Talent?

Hello mouse

• G103
• F6
• D0
• This project is a very simple "mouse mapping" coding exercise done in Processing, where I drew a vector face and let some of its coordinates and variables be defined by the mouse's X coordinates.
Here is the code if you are interested:

//--START

void setup () {
size(600, 600);
smooth();
}
void draw() {
float mx = map(mouseX,0,width,0,30);
float a = mx;
//float a = mouseX;
background(255);
strokeWeight(1);
stroke(0);
noFill();
//(((58+a)/2)) float d = dist(300, 0, 58+a, 0);
//nose arc(300, 350, 58, 60-a*2, 0, PI);
arc(355, 350, 50, 30-a, PI, TWO_PI);
arc(360, 350, 40, 30-a, 0, PI);
arc(245, 350, 50, 30-a, PI, TWO_PI);
arc(240, 350, 40, 30-a, 0, PI);
line(260, 350, 260+2*a+a/4, 170);
line(340, 350, 340-2*a-a/4, 170);
for (int e = 0; e<= 45; e = e+4) { stroke(2-a/100);
strokeWeight(1.1);
//eye brows line(260-e+2*a/5, 170, 260-e+((a/10)+2*a), 140-a/5);
line(340+e-2*a/5, 170, 340+e-((a/10)+2*a), 140-a/5);
}

//eyes
//left

line(230, 220+a, 230, 240-a);
line(370, 220+a, 370, 240-a);

noFill();
strokeWeight(1);

//glasses
//line(260,280, 200,280);
pushMatrix(); translate(0, 2*a);
rectMode(CORNER);
rect(200, 260, 65, 15);
rectMode(CORNER);
rect(335, 260, 65, 15);
strokeCap(BEVEL);
arc(300, 270, 70, 15, PI, TWO_PI);
popMatrix();

//mustachestroke
(0,255-a*10);
strokeWeight(1);
line(299, 400, 340-2*a, 400);
arc(340, 385, 30, 30, 0+a/2, HALF_PI);
arc(345, 385, 20, 20, PI+HALF_PI+a/2, TWO_PI);
arc(345, 380, 7, 11, 0+a/2, (PI+HALF_PI));
line(301, 400, 260+2*a, 400);
arc(260, 385, 30, 30, HALF_PI+a/2, PI);
arc(255, 385, 20, 20, PI+a/2, PI+HALF_PI);
arc(255, 380, 7, 11, PI+HALF_PI+a/2, TWO_PI+PI);

// noStroke();
// rect(0, 0, width, height);
strokeWeight(1+(3/a));
//arc(300+r*100, 190, 7, 11, 0+a/2, (PI+a/2+HALF_PI));
stroke(0, 220); strokeWeight(1);
//mouth
arc(width/2, 420, 40+a, 13+a/2, 4.24-r*(a/10), 5.03+r*(a/10));
//line(280, 410-r, 320, 410+r); println(mouseX);
}