I got this...


Some Remarks

The forum kills empty lines in your code. Looks ugly. Sorry for that.

I put 8 people in in line 1.

Since each of them has their own eyes, I put them into the class of the guys.

With mouse press or drag you can move one (the selected one).

You could make it so that you click one with the mouse it is selected (and moving).

Or you chose one with numbers 0 to 8.

The eyes follow to late, maybe you need to temporarily remove the easing in the eyes class?

1. Susuwatari[] susues = new Susuwatari[8];
2. int swSize = 40;
3. void setup() {
4.   size(500, 500);
5.   smooth();
6.   for (int i = 0; i < susues.length; i++) {
7.     susues[i] = new Susuwatari(
8.     40,
9.     i*30+20,
10.     random(0, height));
11.   }
12. }
13. void draw() {
14.   background(200);
15.   for (int i =0; i<susues.length; i++) {
16.     susues[i].display();
17.   }
18. }
19. 
    
20. void mousePressed() {
21.   susues[1].bx = mouseX;
22.   susues[1].by  = mouseY;
23.   susues[1].eyes.eye.x = mouseX;
24.   susues[1].eyes.eye.y  = mouseY;
25. }
26. 
    
27. void mouseDragged() {
28.   susues[1].bx = mouseX;
29.   susues[1].by  = mouseY;
30.   susues[1].eyes.eye.x = mouseX;
31.   susues[1].eyes.eye.y  = mouseY;
32. }
33. 
    
34. // =====================================================
35. class SusuEyes {
36.   float x;
37.   float y;
38.   PVector eye;
39.   PVector m; 
40.   float easing;
41.   SusuEyes(float newBx, float newBy, float newSwSize) {
42.     x = newBx;
43.     y = newBy;
44.     easing = 0.2;
45.     eye = new PVector(x, y);
46.     // swSize = newSwSize;
47.     // SusuEyes eyes;
48.   }
49.   void display() {
50.     fill(0);
51.     noStroke();
52.     m = new PVector(mouseX, mouseY);
53.     if (dist(m.x, m.y, eye.x, eye.y) > (40/3)/2) {
54.       m.sub(eye);
55.       m.normalize();
56.       m.mult((40/3)/2);
57.       m.add(eye);
58.     }
59.     x = x + (m.x - x) * easing;
60.     y = y + (m.y - y) * easing;
61.     ellipse(x-swSize/4.54, y-swSize/25, swSize/16, swSize/16);
62.     ellipse(x+swSize/4.54, y-swSize/25, swSize/16, swSize/16);
63.   }
64. }
65. // =====================================================
66. class Susuwatari {
67.   float hair;
68.   float bx;
69.   float by;
70.   float swSize;
71.   SusuEyes eyes;
72.   Susuwatari(float newSwSize, float newBx, float newBy) {
73.     /*  swSize=40;
74.      bx=width/2;
75.      by=height/2;
76.      */
77.     bx = newBx;
78.     by = newBy;
79.     swSize = newSwSize;
80.     hair = swSize*0.01;
81.     eyes = new SusuEyes(bx, by, swSize);
82.   }
83.   void display() {
84.     //Body
85.     fill(50);
86.     noStroke();
87.     ellipse(bx, by, swSize, swSize);
88.     //filter(BLUR, 2);
89.     //Hair
90.     stroke(0);
91.     strokeWeight(hair);
92.     noFill();
93.     line(bx, by+swSize/5.5, bx, by+swSize/1.5);
94.     line(bx, by-swSize/3, bx, by-swSize/1.8);
95.     line(bx-swSize/2.2, by, bx-swSize/1.4, by);
96.     line(bx+swSize/2.2, by, bx+swSize/1.3, by);
97.     line(bx-swSize/20, by-swSize/3, bx-swSize/10, by-swSize/1.6);
98.     line(bx+swSize/20, by-swSize/3, bx+swSize/10, by-swSize/1.4);
99.     line(bx-swSize/20, by+swSize/5, bx-swSize/10, by+swSize/1.7);
100.     line(bx+swSize/20, by+swSize/5, bx+swSize/10, by+swSize/1.5);
101.     line(bx-swSize/2.2, by+swSize/20, bx-swSize/1.4, by+swSize/10);
102.     line(bx+swSize/2.2, by+swSize/20, bx+swSize/1.7, by+swSize/10);
103.     line(bx+swSize/2.2, by-swSize/20, bx+swSize/1.4, by-swSize/10);
104.     line(bx-swSize/2.2, by-swSize/20, bx-swSize/1.5, by-swSize/10);
105.     line(bx-swSize/2.3, by-swSize/10, bx-swSize/1.5, by-swSize/5);
106.     line(bx-swSize/2.2, by+swSize/10, bx-swSize/1.5, by+swSize/5);
107.     line(bx+swSize/2.3, by+swSize/10, bx+swSize/1.5, by+swSize/5);
108.     line(bx+swSize/2.2, by-swSize/10, bx+swSize/1.5, by-swSize/5);
109.     line(bx+swSize/2.5, by+swSize/6, bx+swSize/1.8, by+swSize/3);
110.     line(bx+swSize/2.3, by-swSize/6, bx+swSize/1.8, by-swSize/4);
111.     line(bx-swSize/2.3, by+swSize/6, bx-swSize/1.8, by+swSize/4);
112.     line(bx-swSize/2.4, by-swSize/6, bx-swSize/1.8, by-swSize/3);
113.     line(bx-swSize/2.8, by-swSize/4, bx-swSize/2.2, by-swSize/3);
114.     line(bx+swSize/3.2, by+swSize/4.5, bx+swSize/2.2, by+swSize/2.6);
115.     line(bx-swSize/2.7, by+swSize/4.5, bx-swSize/2.2, by+swSize/2.6);
116.     line(bx-swSize/3.4, by-swSize/3.5, bx-swSize/2.4, by-swSize/2);
117.     line(bx+swSize/3.4, by-swSize/3.5, bx+swSize/2.8, by-swSize/2.4);
118.     line(bx+swSize/2.6, by-swSize/4.5, bx+swSize/2, by-swSize/2.6);
119.     line(bx+swSize/3.8, by+swSize/3.8, bx+swSize/2.4, by+swSize/2);
120.     line(bx-swSize/3.8, by+swSize/3.8, bx-swSize/2.8, by+swSize/2.2);
121.     line(bx-swSize/4.2, by-swSize/3.2, bx-swSize/3, by-swSize/2.2);
122.     line(bx+swSize/4.4, by-swSize/3.2, bx+swSize/3.2, by-swSize/1.8);
123.     line(bx-swSize/4.4, by+swSize/3.2, bx-swSize/3.2, by+swSize/1.8);
124.     line(bx+swSize/4.4, by+swSize/3.2, bx+swSize/3.2, by+swSize/2);
125.     line(bx+swSize/6.5, by+swSize/3.8, bx+swSize/5, by+swSize/1.8);
126.     line(bx-swSize/7, by+swSize/3.8, bx-swSize/5, by+swSize/1.6);
127.     line(bx+swSize/7, by-swSize/3.3, bx+swSize/5, by-swSize/1.6);
128.     line(bx-swSize/7, by-swSize/3.3, bx-swSize/4.2, by-swSize/1.6);
129.     //Eyes
130.     fill(255);
131.     noStroke();
132.     //eye#1
133.     beginShape();
134.     vertex(bx-swSize/20, by);
135.     bezierVertex(bx-swSize/10, by+swSize/4, bx-swSize/2.5, by+swSize/5, bx-swSize/2.5, by);
136.     bezierVertex(bx-swSize/2.5, by-swSize/3, bx, by-swSize/3, bx-swSize/20, by);
137.     endShape(CLOSE);
138.     //eye#2
139.     beginShape();
140.     vertex(bx+swSize/20, by);
141.     bezierVertex(bx+swSize/10, by+swSize/4, bx+swSize/2.5, by+swSize/5, bx+swSize/2.5, by);
142.     bezierVertex(bx+swSize/2.5, by-swSize/3, bx, by-swSize/3, bx+swSize/20, by);
143.     endShape(CLOSE);
144.     eyes.display();
145.   }
146. }

better version:

• use cursor for movement
• easing temp switched off and on
• use Enter to hope to next selected
• eyes are OK in this version in my opinion
  

1. Susuwatari[] susues = new Susuwatari[8];
2. int swSize = 40;
3. int selected=1;
4. void setup() {
5.   size(500, 500);
6.   smooth();
7.   for (int i = 0; i < susues.length; i++) {
8.     susues[i] = new Susuwatari(
9.     40,
10.     i*30+20,
11.     random(0, height));
12.   }
13. }
14. void draw() {
15.   background(200);
16.   for (int i =0; i<susues.length; i++) {
17.     susues[i].display();
18.   }
19. }
20. void mousePressed() {
21.   susues[selected].bx = mouseX;
22.   susues[selected].by  = mouseY;
23.   susues[selected].eyes.easing = 0.0;
24.   susues[selected].eyes.eye.x = mouseX;
25.   susues[selected].eyes.eye.y  = mouseY;
26.   susues[selected].eyes.easing = 0.2;
27. }
28. void mouseDragged() {
29.   susues[selected].bx = mouseX;
30.   susues[selected].by  = mouseY;
31.   susues[selected].eyes.easing = 0.0;
32.   susues[selected].eyes.eye.x = mouseX;
33.   susues[selected].eyes.eye.y  = mouseY;
34.   susues[selected].eyes.easing = 0.2;
35. }
36. void keyPressed() {
37.   if (key == CODED) {
38.     if (keyCode == UP) {
39.       susues[selected].by-=10;
40.       susues[selected].eyes.easing = 0.0;
41.       susues[selected].eyes.eye.y-=10;
42.       susues[selected].eyes.easing = 0.2;
43.     }
44.     else if (keyCode == DOWN) {
45.       susues[selected].by+=10;
46.       susues[selected].eyes.easing = 0.0;
47.       susues[selected].eyes.eye.y+=10;
48.       susues[selected].eyes.easing = 0.2;
49.     }
50.     else if (keyCode == RIGHT) {
51.       susues[selected].bx+=10;
52.       susues[selected].eyes.easing = 0.0;
53.       susues[selected].eyes.eye.x+=10;
54.       susues[selected].eyes.easing = 0.2;
55.     }
56.     else if (keyCode == LEFT) {
57.       susues[selected].bx-=10;
58.       susues[selected].eyes.easing = 0.0;
59.       susues[selected].eyes.eye.x-=10;
60.       susues[selected].eyes.easing = 0.2;
61.     }
62.     else {
63.       // nothing
64.     }
65.   }
66.   else { 
67.     // not key == CODED
68.     //
69.     selected++;
70.     if (selected>=susues.length)
71.       selected=0;
72.   }
73. }
74. // =====================================================
75. class SusuEyes {
76.   float x;
77.   float y;
78.   PVector eye;
79.   PVector m; 
80.   float easing;
81.   SusuEyes(float newBx, float newBy, float newSwSize) {
82.     x = newBx;
83.     y = newBy;
84.     easing = 0.2;
85.     eye = new PVector(x, y);
86.     // swSize = newSwSize;
87.     // SusuEyes eyes;
88.   }
89.   void display() {
90.     fill(0);
91.     noStroke();
92.     m = new PVector(mouseX, mouseY);
93.     if (dist(m.x, m.y, eye.x, eye.y) > (40/3)/2) {
94.       m.sub(eye);
95.       m.normalize();
96.       m.mult((40/3)/2);
97.       m.add(eye);
98.     }
99.     x = x + (m.x - x) * easing;
100.     y = y + (m.y - y) * easing;
101.     ellipse(x-swSize/4.54, y-swSize/25, swSize/16, swSize/16);
102.     ellipse(x+swSize/4.54, y-swSize/25, swSize/16, swSize/16);
103.   }
104. }
105. // =====================================================
106. class Susuwatari {
107.   float hair;
108.   float bx;
109.   float by;
110.   float swSize;
111.   SusuEyes eyes;
112.   Susuwatari(float newSwSize, float newBx, float newBy) {
113.     /*  swSize=40;
114.      bx=width/2;
115.      by=height/2;
116.      */
117.     bx = newBx;
118.     by = newBy;
119.     swSize = newSwSize;
120.     hair = swSize*0.01;
121.     eyes = new SusuEyes(bx, by, swSize);
122.   }
123.   void display() {
124.     //Body
125.     fill(50);
126.     noStroke();
127.     ellipse(bx, by, swSize, swSize);
128.     //filter(BLUR, 2);
129.     //Hair
130.     stroke(0);
131.     strokeWeight(hair);
132.     noFill();
133.     line(bx, by+swSize/5.5, bx, by+swSize/1.5);
134.     line(bx, by-swSize/3, bx, by-swSize/1.8);
135.     line(bx-swSize/2.2, by, bx-swSize/1.4, by);
136.     line(bx+swSize/2.2, by, bx+swSize/1.3, by);
137.     line(bx-swSize/20, by-swSize/3, bx-swSize/10, by-swSize/1.6);
138.     line(bx+swSize/20, by-swSize/3, bx+swSize/10, by-swSize/1.4);
139.     line(bx-swSize/20, by+swSize/5, bx-swSize/10, by+swSize/1.7);
140.     line(bx+swSize/20, by+swSize/5, bx+swSize/10, by+swSize/1.5);
141.     line(bx-swSize/2.2, by+swSize/20, bx-swSize/1.4, by+swSize/10);
142.     line(bx+swSize/2.2, by+swSize/20, bx+swSize/1.7, by+swSize/10);
143.     line(bx+swSize/2.2, by-swSize/20, bx+swSize/1.4, by-swSize/10);
144.     line(bx-swSize/2.2, by-swSize/20, bx-swSize/1.5, by-swSize/10);
145.     line(bx-swSize/2.3, by-swSize/10, bx-swSize/1.5, by-swSize/5);
146.     line(bx-swSize/2.2, by+swSize/10, bx-swSize/1.5, by+swSize/5);
147.     line(bx+swSize/2.3, by+swSize/10, bx+swSize/1.5, by+swSize/5);
148.     line(bx+swSize/2.2, by-swSize/10, bx+swSize/1.5, by-swSize/5);
149.     line(bx+swSize/2.5, by+swSize/6, bx+swSize/1.8, by+swSize/3);
150.     line(bx+swSize/2.3, by-swSize/6, bx+swSize/1.8, by-swSize/4);
151.     line(bx-swSize/2.3, by+swSize/6, bx-swSize/1.8, by+swSize/4);
152.     line(bx-swSize/2.4, by-swSize/6, bx-swSize/1.8, by-swSize/3);
153.     line(bx-swSize/2.8, by-swSize/4, bx-swSize/2.2, by-swSize/3);
154.     line(bx+swSize/3.2, by+swSize/4.5, bx+swSize/2.2, by+swSize/2.6);
155.     line(bx-swSize/2.7, by+swSize/4.5, bx-swSize/2.2, by+swSize/2.6);
156.     line(bx-swSize/3.4, by-swSize/3.5, bx-swSize/2.4, by-swSize/2);
157.     line(bx+swSize/3.4, by-swSize/3.5, bx+swSize/2.8, by-swSize/2.4);
158.     line(bx+swSize/2.6, by-swSize/4.5, bx+swSize/2, by-swSize/2.6);
159.     line(bx+swSize/3.8, by+swSize/3.8, bx+swSize/2.4, by+swSize/2);
160.     line(bx-swSize/3.8, by+swSize/3.8, bx-swSize/2.8, by+swSize/2.2);
161.     line(bx-swSize/4.2, by-swSize/3.2, bx-swSize/3, by-swSize/2.2);
162.     line(bx+swSize/4.4, by-swSize/3.2, bx+swSize/3.2, by-swSize/1.8);
163.     line(bx-swSize/4.4, by+swSize/3.2, bx-swSize/3.2, by+swSize/1.8);
164.     line(bx+swSize/4.4, by+swSize/3.2, bx+swSize/3.2, by+swSize/2);
165.     line(bx+swSize/6.5, by+swSize/3.8, bx+swSize/5, by+swSize/1.8);
166.     line(bx-swSize/7, by+swSize/3.8, bx-swSize/5, by+swSize/1.6);
167.     line(bx+swSize/7, by-swSize/3.3, bx+swSize/5, by-swSize/1.6);
168.     line(bx-swSize/7, by-swSize/3.3, bx-swSize/4.2, by-swSize/1.6);
169.     //Eyes
170.     fill(255);
171.     noStroke();
172.     //eye#1
173.     beginShape();
174.     vertex(bx-swSize/20, by);
175.     bezierVertex(bx-swSize/10, by+swSize/4, bx-swSize/2.5, by+swSize/5, bx-swSize/2.5, by);
176.     bezierVertex(bx-swSize/2.5, by-swSize/3, bx, by-swSize/3, bx-swSize/20, by);
177.     endShape(CLOSE);
178.     //eye#2
179.     beginShape();
180.     vertex(bx+swSize/20, by);
181.     bezierVertex(bx+swSize/10, by+swSize/4, bx+swSize/2.5, by+swSize/5, bx+swSize/2.5, by);
182.     bezierVertex(bx+swSize/2.5, by-swSize/3, bx, by-swSize/3, bx+swSize/20, by);
183.     endShape(CLOSE);
184.     eyes.display();
185.   }
186. }