Hello everyone,

I am writing an applet (a type of guessing game) that could collect responses over the net. The buttons do not work properly, I also have trouble with loops, as well as can not figure out how to store user input data. I would appreciate any help that you could give me some hints how to fix these issues or improve this code.

i) See my semi working code here. 2) Program flowchart here.

In summary, the applet generates a vector of random numbers between 0 and 1 and using those numbers draws a few geographical shapes on the screen that resemble a face (Chernoff Faces). The program asks the user to guess whether the face is "good" or "bad", based on values that are mapped into geographical shapes. The user has to either ACCEPT or REJECT the shown face and indicate their level of confidence about this decision. After answering the user receives feedback whether the decision was correct or not, the points are awarded for correct assessments and points are taken away if the assessment is incorrect. There are many rounds of this game, and the goal is to be able to improve ability to assess faces.

My major concern are the loops, the "Next" (face) button (to restart the loop). I have trouble in storing and recording the data, thus, I really appreciate your comments regarding any of these issues

1. //           GLOBAL UI & OTHER PRESENTS
2. final int sizeW                  =  600;
3. final int sizeH                  =  600;
4. final int lineSpace              =  30;
5. final int numberOfRandomValues   =  20;
6. int frameRateSet                 =  30;
7. //           FONT global
8. static final int fontSmall   =  14;   // SMALL text size
9. static final int fontMedium  =  20;  // MEDIUM text size
10. static final int fontLarge   =  50;  //  LARGE text size
11. PFont yFont;      // Arial Narrow 14 pt
12. //           COLOR global
13. final color[] c         = new color[41];
14. final color[] colorBW   = {
15.   color(204), color(255), color(0)
16. };
17. //           CHERNOFF PRESETS
18. final int decisionValueUnit =  1;
19. final int acceptBadValue    =  -decisionValueUnit;
20. final int acceptGoodValue   =  decisionValueUnit;
21. final int rejectBadValue    =  decisionValueUnit;
22. final int rejectGoodValue   =  -decisionValueUnit;
23. int decisionValue           =  0;
24. float[] weights             = new float[numberOfRandomValues];
25. float [] faceValue          = new float[100];
26. float eWeights              = 0.05;
27. float sumFaceValue;
28. String msgFaceFeedback;
29. String msgGoodFeedback      =  "Good Face";
30. String msgBadFeedback       =  "Bad Face";
31. int faceWorth;
32. boolean goodFace;
33. boolean badFace;
34. String msgErrorFeedback     =  "Error 158 occured!";
35. String msgDecision;
36. //           RANDOM VARIABLES for drawing chernoff face
37. float[] p    =  new float[numberOfRandomValues];
38. float[] rx   =  new float[numberOfRandomValues];
39. float[] ry   =  new float[numberOfRandomValues];
40. //           PHASE
41. int switchPhaseMain        =  1; //2=game
42. int switchExperimentState  =  1; //1=face,2=feedback
43. int switchFaceCase         =  0; // bad=0, good=1
44. int round                  =  1;
45. int numberOfRounds         =  10;
46. boolean experimentOver;
47. boolean pause;
48. boolean faceOnSmall;
49. boolean faceOnLarge;
50. //           SCORE
51. int pointsTotal           =  0;
52. int [] points             =  new int[numberOfRounds];
53. int [] trials             =  new int[numberOfRounds];
54. int [] pointsEarned       =  new int[numberOfRounds];
55. //        BUTTON: requires button class (button names)
56. Button btnBack;
57. Button btnReject;
58. Button btnAccept;
59. Button btnInstructNext;
60. Button btnNextFace;
61. Button btnInstructBack;
62. Button btnInstructStart;
63. Button btnFinish;
64. Button btnPause;
65. Button btnUnPause;
66. //     BUTTON LABELS
67.  
68. String btnBackLabel             =  "Go Back";
69. String btnRejectLabel           =  "Reject";
70. String btnAcceptLabel           =  "Accept";
71. String btnIntructNextLabel      =  "Next";
72. String btnNextFaceLabel         =  "Next";
73. String btnIntructBackLabel      =  "Go Back";
74. String btnIntructStartLabel     =  "Start";
75. String btnFinishLabel           =  "Finish";
76. String btnPauseLabel            =  "Pause";
77. String btnUnPauseLabel          =  "Unpause";    
78. //     BUTTON PARAMETERS
79.  
80. int btnMargin      =  500;
81. int btnTextPadding =  20;
82. int btnX           =  30;
83. int btnY           =  btnMargin;
84. int btnWidth       =  150;
85. int btnHeight      =  50;
86. int btnXspace      =  30;
87. int btnYspace      =  10;
88. int btn1X          =  btnX;
89. int btn1Y          =  btnY;
90. int btn2X          =  btn1X+btnWidth+btnXspace;
91. int btn2Y          =  btnY;
92. int btn3X          =  btn2X+btnWidth+btnXspace;
93. int btn3Y          =  btnY;
94. int btnPauseX      =  510;
95. int btnPauseY      =  10;
96. int btnPauseW      =  btnWidth/2;
97. int btnPauseH      =  btnHeight/2;
98. //           SETUP     
99. void setup() {
100.   size(sizeW, sizeH);
101.   smooth();
102.   frameRate(frameRateSet);
103.   println("setup");
104.  
105.   //         COLOR (in void setup)
106.     
107.   c[0]  = color(#f4b264);
108.   c[1]  = color(#bee5e4);
109.   c[2]  = color(#fe022b);
110.   c[3]  = color(#082f56);
111.   c[4]  = color(#f8f3d6);
112.   c[5]  = color(#fceea7);
113.   c[6]  = color(#ff7101);
114.   c[7]  = color(#f1d7ca);
115.   c[8]  = color(#ffafc3);
116.   c[9]  = color(#abe6e2);
117.   c[10] = color(#e2e8ce);
118.   c[11] = color(#ffcb00);
119.   c[12] = color(#aae354);
120.   c[13] = color(#ddb0b7);
121.   c[14] = color(#d2e6b5);
122.   c[15] = color(#77a3be);
123.   c[16] = color(#005c9d);
124.   c[17] = color(#bb3325);
125.   c[18] = color(#fdd4e2);
126.   c[19] = color(#0dbbde);
127.   c[20] = color(#643324);
128.   c[21] = color(#99e1d3);
129.   c[22] = color(#ff92a9);
130.   c[23] = color(#a7bbba);
131.   c[24] = color(#d0e099);
132.   c[25] = color(#00b14b);
133.   c[26] = color(#0376b9);
134.   c[27] = color(#fedf2d);
135.   c[28] = color(#fbd362);
136.   c[29] = color(#fe5900);
137.   c[30] = color(#4fb900);
138.   c[31] = color(#fdd4e2);
139.   c[32] = color(#ddb0b7);
140.   c[33] = color(#a9998a);
141.   c[34] = color(#77a3be);
142.   c[35] = color(#bdb0b7);
143.   c[36] = color(#778C85);
144.   c[37] = color(#F2E6D0);
145.   c[38] = color(#395059);
146.   c[39] = color(#8C1B2F);
147.   c[40] = color(#B5BFAA);
148.  
149.   //     FONT
150.  
151.   yFont = createFont("Arial", fontSmall, true); 
152.   textAlign (CENTER, CENTER);
153.  
154.   //     BUTTONS  (requires Button class)
155.  
156.   btnBack             = new Button(btnBackLabel, btn1X, btn1Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
157.   btnReject           = new Button(btnRejectLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
158.   btnAccept           = new Button(btnAcceptLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
159.   btnInstructNext     = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
160.   btnNextFace         = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
161.   btnInstructBack     = new Button(btnIntructBackLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
162.   btnInstructStart    = new Button(btnIntructStartLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
163.   btnFinish           = new Button(btnFinishLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
164.   btnPause            = new Button(btnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
165.   btnUnPause          = new Button(btnUnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
166. }
167. //           DRAW
168. void draw() {
169.   smooth();
170.  
171.   //     PHASE
172.   
173.   switch (switchPhaseMain) {
174.   case 1:
175.     screenInstructions();
176.     manageButtons();
177.     break;
178.   case 2:
179.     screenInstructions();
180.     manageButtons();
181.     faceOnLarge=true;
182.     break;
183.   case 3:
184.     if (faceOnLarge==true) {
185.       chernoffDraw(round);
186.       pointsEarned[round]=decisionValue;
187.       points[round] = points[round]+pointsEarned[round];
188.       trials[round] = trials[round]+1;
189.     }  
190.     manageButtons();
191.     break;
192.   case 4:
193.     screenInstructions();
194.     manageButtons();
195.     break;
196.   case 5:
197.     screenInstructions();
198.     manageButtons();
199.     break; 
200.   default:
201.     text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4);
202.     println ("Error 158 unknown phase: " + switchPhaseMain);
203.     exit();
204.   }
205. }
206. //           MOUSE PRESSED
207. void mousePressed() {
208.   switch(switchPhaseMain) {
209.   case 1:
210.     if (btnInstructNext.press()) {
211.       switchPhaseMain++;
212.       println("Next Button Pressed: 1st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
213.     }
214.     break;
215.   case 2:
216.     if (btnInstructBack.press()) {
217.       println("Back Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
218.       switchPhaseMain--;
219.     }
220.     if (btnInstructStart.press()) {
221.       println("Start Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
222.       switchPhaseMain++;
223.     }
224.     break;
225.   case 3:
226.     if (btnReject.press()) {
227.       if (goodFace == true) {
228.         msgFaceFeedback =  msgGoodFeedback;
229.         decisionValue   =  rejectGoodValue;
230.         msgDecision     =  "wrongly rejected";
231.       }
232.       else if (goodFace == false) {
233.         msgFaceFeedback = msgBadFeedback;
234.         decisionValue   = rejectBadValue;
235.         msgDecision     = "correctly rejected";
236.       }    
237.       pointsEarned[round]=decisionValue;
238.       println("Reject Pressed: 0 State moved to (3): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);// TEMPORARY
239.       points[round] = points[round]+pointsEarned[round];
240.       trials[round] = trials[round]+1;
241.       manageButtons();
242.     }
243.     else if (btnAccept.press()) {
244.       switch (switchFaceCase) {
245.       case 0:
246.         msgFaceFeedback   =  msgGoodFeedback;
247.         decisionValue     =  acceptGoodValue;
248.         msgDecision       =  "correctly accepted";
249.         break;
250.       case 1:
251.         msgFaceFeedback   =  msgBadFeedback;
252.         decisionValue     =  acceptBadValue;
253.         msgDecision       =  "wrongly accepted";
254.         break;
255.       default:
256.         break;
257.       } 
258.       pointsEarned[round]=decisionValue;
259.       points[round] = points[round]+pointsEarned[round];
260.       trials[round] = trials[round]+1;
261.       println("Accept Pressed: 0 state moved to (2): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);
262.       if (faceWorth!=0) {
263.         switchExperimentState=2;
264.       }
265.       introNextFaceRound(round);
266.       manageButtons();
267.       //break;
268.     }
269.     else if (btnNextFace.press()) {
270.       println("Next Button Pressed: 2nd Phase of experiment is: " +switchPhaseMain);// TEMPORARY
271.       //faceOnSmall=true;
272.       manageButtons();
273.       faceOnLarge=true;
274.     }
275.     println("Mouse Pressed: We are still in the CHERNOFF FACE (3rd) switchPhaseMain: " +switchPhaseMain);// TEMPORARY
276.     break;
277.   case 4:
278.     println("Mouse Pressed: 4th Phase of experiment is: " +switchPhaseMain);// TEMPORARY
279.     if (btnFinish.press()) {
280.       switchPhaseMain++;
281.     }
282.     break;
283.   case 5:
284.     println("Mouse Pressed: 5th Phase of experiment is: " +switchPhaseMain); // TEMPORARY
285.     switchPhaseMain  =  0;
286.     break;
287.   default:
288.     text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4+lineSpace);
289.     println ("Mouse Pressed: Error 158 unknown state " + switchPhaseMain);
290.     break;
291.   } //switch
292. } //mouse pressed
293. //         FUNCTION:  DARAWING CHENFOFF FACE
294. int activate(float sumFaceValue) {
295.   if (sumFaceValue > 0.5) {
296.     return 1;
297.   }
298.   else {
299.     return -1;
300.   }
301. }
302. float[] getWeights() {
303.   return weights;
304. }
305. void chernoffDraw(int rn) {
306.   round = rn;  
307.   faceWorth=0;
308.   chernoff(numberOfRandomValues);
309.   faceValue[round] = sumFaceValue;
310.   showScore(round);
311.   faceOnLarge    =false;
312.   faceWorth      =  activate(sumFaceValue);
313.   if ((sumFaceValue>=0.5) && (sumFaceValue<=1)) {
314.     switchFaceCase  =  0; // good face
315.     msgFaceFeedback  =  msgGoodFeedback;
316.     goodFace         =  true;
317.     badFace          =  false;
318.     println("This was a "+msgFaceFeedback+". You shoudl accept it!"); //TEMPORARY
319.   }
320.   else if ((sumFaceValue< 0.5) && (sumFaceValue<=0)) {
321.     switchFaceCase  =  1; // bad state
322.     msgFaceFeedback  =  msgBadFeedback;
323.     goodFace         =  false;
324.     badFace          =  true;
325.     println("This was a "+msgFaceFeedback+". You shoudl reject it!"); //TEMPORARY
326.   }
327.   else if ((sumFaceValue<0) || (sumFaceValue>1)) {
328.     msgFaceFeedback    = msgErrorFeedback ;
329.     println(msgErrorFeedback);
330.     text(msgFaceFeedback, width/2, height/4);
331.     ;
332.   }
333.   //}
334.   println("Experiment round: "+round+ ". "+msgFaceFeedback+" real value is: "+ faceValue[round]); //TEMPORARY
335. }
336. void chernoff(int n) {
337.   background(c[36]);
338.   smooth();
339.   float[] weights = new float[n];
340.   
341.   //           GENERATING RANDOM NUMBERS
342.   
343.   sumFaceValue=0;
344.   for (int i = 0; i < numberOfRandomValues; i++) {
345.     p[i] = random(0, 1); //p is a vector of random values
346.     weights[i] = eWeights;
347.     println(p[i]);
348.     sumFaceValue+=p[i]*weights[i];
349.     println("trial ["+i+"] weight is: "+weights[i]+". Random value is: " + p[i]+ ". Average Sum is: "+sumFaceValue);
350.   }
351.   
352.   //           DARAWING
353.  
354.   pushMatrix();
355.   color eggHeadColor=color(215);
356.   color faceColor = color(235);
357.   color eyeColor = color(255);
358.   translate(width/2, height/2);
359.   int x=0;
360.   int y=0;
361.   float scale10=10;
362.   //      egg head
363.   Egg egg_head;
364.   float egg_head_base=250;
365.   float egg_head_var=50;
366.   int headX=0;
367.   int headY=-height/5;
368.   float tilt_head=PI;
369.   float eggHeadSize= egg_head_base+egg_head_var*p[12];
370.   egg_head = new Egg(headX, headY, tilt_head, eggHeadSize, eggHeadColor);
371.   egg_head.display();
372.   //      head
373.   int head_bottom_displace=6;
374.   float topX = scale10*(10+p[1]*16); //top width
375.   float topY = scale10*(16+p[2]*8);   //top height
376.   float botX = scale10*(12+p[3]*16);   //bottom width
377.   float botY = scale10*(12+p[4]*8);     //bottom height  
378.   fill(faceColor);
379.   noStroke();
380.   ellipse (x, y, topX, topY);
381.   ellipse (x, y+head_bottom_displace*scale10, botX, botY);
382.   //      eyes
383.   float eyeX = scale10*(4+p[7]*4);     //float eyeX = random(40, 80);
384.   float eyeY = scale10*(2+p[8]*2);   //float eyeY = random(20, 40);
385.   float eye_spacing =4;
386.   stroke(4);
387.   fill(eyeColor);
388.   strokeWeight(4);
389.   ellipse (x-eye_spacing*scale10, y, eyeX, eyeY);
390.   ellipse (x+eye_spacing*scale10, y, eyeX, eyeY);
391.   //      pupils
392.   int mini_pupils=8;
393.   int enlarge_pupils=12;
394.   strokeWeight(mini_pupils+p[9]*enlarge_pupils);
395.   point(x-eye_spacing*scale10, y);
396.   point(x+eye_spacing*scale10, y);
397.   //      mouth
398.   float mouth = scale10*(-4+p[5]*8);   // float mouth = random(-40, 40);
399.   strokeWeight(4);
400.   beginShape();
401.   noFill();
402.   int mouth_displace=6;
403.   int mouth_bottom=8;
404.   curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
405.   curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
406.   curveVertex(x, y+(mouth_bottom*scale10+mouth));
407.   curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
408.   curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
409.   endShape();
410.   //       nose
411.   float noY = scale10*(2.5+p[5]*4);     //float noY = random(20, 60);
412.   float noX = scale10*(2+p[6]*4);     //float noX = random(20, 60);
413.   float nol = 2*scale10;
414.   strokeWeight(4);
415.   beginShape();
416.   vertex(x, y+nol);
417.   vertex(x-noX, y+noY);
418.   vertex(x+noX, y+noY);
419.   endShape(CLOSE);
420.   //       brows
421.   float br_displace=2;    // float brY1 = random(20, 80);
422.   float br_length=6;   //float brY2 = random(20, 80);
423.   float brY1 = scale10*(br_displace+p[10]*br_length);
424.   float brY2 = scale10*(br_displace+p[11]*br_length);
425.   line(x-br_displace*scale10, y-brY1, x-br_length*scale10, y-brY2);
426.   line(x+br_displace*scale10, y-brY1, x+br_length*scale10, y-brY2);
427.  
428.   //         FINISH FACE
429.  
430.   popMatrix();
431.   faceOnSmall = false;
432. }
433. ===
434. //            EGG CLASS
435. class Egg {
436.   float eggX, eggY; // X-coordinate, y-coordinate
437.   float eggTilt; // Left and right angle offset
438.   float eggAngle; // Used to define the tilt
439.   float eggHeightScalar;  // Height of the egg
440.   color eggColor= color(255) ;
441.   // Constructor
442.   Egg(int xPos, int yPos, float t, float s, color eC) {
443.     eggX             =  xPos;
444.     eggY             =  yPos;
445.     eggTilt          =  t;
446.     eggColor         =  eC;
447.     eggHeightScalar  =   s / 100.0;
448.   }
449.   void wobble() {
450.     eggTilt          = cos(eggAngle) / 8;
451.     eggAngle         += 0.1;
452.   }
453.   void display() {
454.     noStroke();
455.     fill(eggColor);
456.     pushMatrix(); //
457.     translate(eggX, eggY);
458.     rotate(eggTilt);
459.     scale(eggHeightScalar);
460.     beginShape();
461.     vertex(0, -100);
462.     bezierVertex(25, -100, 40, -65, 40, -40);
463.     bezierVertex(40, -15, 25, 0, 0, 0);
464.     bezierVertex(-25, 0, -40, -15, -40, -40);
465.     bezierVertex(-40, -65, -25, -100, 0, -100);
466.     endShape();
467.     popMatrix();
468.   }
469. }
470. //  Screen Instructions & Feedback Text
471.  
472. void screenInstructions() {
473.   background(c[36]);
474.   textAlign(CENTER, CENTER);
475.   fill(0);
476.   switch (switchPhaseMain) {
477.     
478.     //          INSTRUCTION PHASE = 1 & 2 
479.     
480.   case 1:
481.     text("CHERNOFF FACES", width/2, height/4);
482.     text("In this game consider faces.", width/2, height/4+lineSpace*2);
483.     text("You will have to learn to accept good faces and reject bad ones.", width/2, height/4+3*lineSpace);
484.     text("Remember that faces are composed of geometrical figures", width/2, height/4+lineSpace*4);
485.     text("that are generated to visualize complex quantitative data.", width/2, height/4+lineSpace*5);
486.     text("How to play? Click "+btnIntructNextLabel+" button to read  more...", width/2, height/4+lineSpace*8); 
487.     break;
488.   case 2:
489.     text("HOW TO PLAY", width/2, height/4);
490.     text("At the begining you will start with "+pointsTotal+" points.", width/2, height/4+lineSpace*2);
491.     text("For each correct assesment you will receive bonus points,", width/2, height/4+3*lineSpace);
492.     text("and for each wrong assesment you will lose the points.", width/2, height/4+lineSpace*4);
493.     text("You will have an opportunity to evaluate "+numberOfRounds+" projects", width/2, height/4+lineSpace*5);
494.     text("and receive feedback on your decisions & learning progress.", width/2, height/4+lineSpace*6);
495.     text("Click "+btnIntructStartLabel+" button to play!", width/2, height/4+lineSpace*8);
496.     break;
497.     
498.     //          INSTRUCTION END phase = 4 & 5
499.     
500.   case 4:
501.     for (int i =0; i<3; i++) {
502.       pointsTotal=+points[i];
503.     }  //Move to setup or draw?
504.     String msgEndThanks        = "Thank you for completing the experiment!";
505.     String msgPointsFinal      = "In all sets you earned total of " +pointsTotal+ " points";
506.     String msgClickToStartOver = "Click to start over ";
507.     text(msgEndThanks, width/2, height/4);
508.     text(msgPointsFinal, width/2, height/4+lineSpace*2);
509.     text(msgClickToStartOver, width/2, height/4+lineSpace*3);
510.     break;
511.   case 5:
512.     text ("You are done!", width/2, height/4);
513.     text("Thank you for participating in our experiment!", width/2, height/4+lineSpace*2);
514.     break;
515.     
516.     //          EXPERIMENT PHASE = 3
517.     
518.   default:
519.     break;
520.   }
521. }
522. //       introNextFaceRound    switchExperimentState = 1
523. void introNextFaceRound (int chernoffRound) {
524.   background(c[36]);
525.   textAlign(CENTER, CENTER);
526.   fill(0);
527.   String msgEndSet1  =  "In round " +round+" you " +msgDecision+" the " +msgFaceFeedback+"!";
528.   String msgEndSet2  =  "and earned " +decisionValue+ " points.";
529.   String msgEndSet3  =  "In total, your earned " +points[chernoffRound]+"!";
530.   String msgEndSet4  =  "After " +trials[chernoffRound]+ " trial(s) you have total of " +(numberOfRounds-trials[chernoffRound])+" left";
531.   String msgEndSet5  =  "Click "+btnNextFaceLabel+" button to continue making choices. Next round is number " + (chernoffRound+1) + ".";
532.   String msgEndSet6  =  "Click "+btnFinishLabel+" button to finish.";
533.   text(msgEndSet1, width/2, height/4+lineSpace*1);
534.   text(msgEndSet2, width/2, height/4+lineSpace*2);
535.   text(msgEndSet3, width/2, height/4+lineSpace*3);
536.   text(msgEndSet4, width/2, height/4+lineSpace*4);
537.   if (round>numberOfRounds) {
538.     text(msgEndSet5, width/2, height/4+lineSpace*5);
539.   }
540.   if (round==numberOfRounds) {
541.     text(msgEndSet6, width/2, height/4+lineSpace*5);
542.   }
543. }
544. //.................................................
545. //           SCORE TEXT
546. //.................................................
547. void showScore(int chernoffRound) {
548.   textAlign(LEFT);
549.   String msgScore1      =  "The value of your past decision is: " + decisionValue;
550.   String msgScore2      =  "Total points earned: " + points[chernoffRound];
551.   String msgScore3      =  "Trials remaining: " + (numberOfRounds-trials[chernoffRound]);
552.   //String msgScore4    =  "Total of wrong answers: "; // to be done
553.   //String msgScore5    =  "Total of right answers: "; // to be done
554.   String msgScore6      =  "Please evaluate the following project and make a decision:";
555.   text(msgScore1, width/10, height/11 +lineSpace/2*1);
556.   text(msgScore2, width/10, height/11+lineSpace/2*2);
557.   text(msgScore3, width/10, height/11+lineSpace/2*3);
558.   //text(msgScore4, width/10, height/11+lineSpace/2*4); //to finish later
559.   //text(msgScore5, width/10, height/11+lineSpace/2*5); // to finish later
560.   text(msgScore6, width/10, height/11+lineSpace/2*6);
561. }
562. //         BUTTON: Update & Dispaly (Requires Button class)
563. void manageButtons() {
564.   switch (switchPhaseMain) {
565.   case 1:
566.     btnInstructNext.update();
567.     btnInstructNext.display();  
568.     break;
569.   case 2:
570.     btnInstructBack.update();
571.     btnInstructBack.display();
572.     btnInstructStart.update();
573.     btnInstructStart.display();
574.     break;
575.   case 3:
576.     switch (switchExperimentState) {
577.     case 1: //stateFace           = 1;
578.       btnReject.update();
579.       btnReject.display();
580.       btnAccept.update();
581.       btnAccept.display();
582.       btnPause.update();
583.       btnPause.display();
584.       break;
585.     case 2: //           = 2;
586.       btnNextFace.update();
587.       btnNextFace.display();
588.       btnPause.update(); 
589.       btnPause.display();
590.       break;
591.     default:
592.       break;
593.     }
594.     break;
595.   case 4:
596.     btnFinish.update();
597.     btnFinish.display();
598.     break;
599.   default:
600.     break;
601.   }
602. }
603. //           BUTTON: Mouse Release (Requires Button class)
604. void mouseReleased() {
605.   btnBack.release();
606.   btnReject.release();
607.   btnAccept.release();
608.   btnInstructNext.release();
609.   btnNextFace.release();
610.   btnInstructBack.release();
611.   btnInstructStart.release();
612.   btnFinish.release();
613.   btnPause.release();
614.   btnUnPause.release();
615. }
616. ===
617. //               BUTTON CLASS:
618. ===
619. class Button {
620.   int bx, by; // The x- and y-coordinates
621.   int sizeX, sizeY; // Dimension (width and height)
622.   color btnBaseColor; // Default gray value
623.   color btnOverColor; // Value when mouse is over the button
624.   color btnPressColor; // Value when mouse is over and pressed
625.   color btnTextColor; /// button text color
626.   boolean over       = false;  // True when the mouse is over
627.   boolean pressed    = false; // True when the mouse is over and pressed
628.   String btnLabel;
629.   //sizeX=textWidth(btnLabel); // Can be turned off
630.  
631.   Button(String btnLabel, int bx, int by, int sizeX, int sizeY, color btnBaseColor, color btnOverColor, color btnPressColor) {
632.     this.btnLabel = btnLabel;
633.     this.bx             =  bx;
634.     this.by             =  by;
635.     this.sizeX          =  sizeX;
636.     this.sizeY          =  sizeY;
637.     this.btnBaseColor   =  btnBaseColor;
638.     this.btnOverColor   =  btnOverColor;
639.     this.btnPressColor  =  btnPressColor;
640.   }
641.  
642.   void update() {
643.     if ((mouseX >= bx)  &&   (mouseX <= bx+sizeX) &&
644.       (mouseY >= by)    &&   (mouseY <= by+sizeY)) {
645.       over = true;
646.     }
647.     else {
648.       over = false;
649.     }
650.   }
651.  
652.   boolean press() {
653.     if (over == true) {
654.       pressed = true;
655.       return true;
656.     }
657.     else {
658.       return false;
659.     }
660.   }
661.  
662.   void release() {
663.     pressed = false;
664.   }
665.  
666.   void display() {
667.     if (pressed == true) {
668.       fill(btnPressColor);
669.     }
670.     else if (over == true) {
671.       fill(btnOverColor);
672.     }
673.     else {
674.       fill(btnBaseColor);
675.     }
676.     stroke(255);
677.     strokeWeight(1);
678.     rect(bx, by, sizeX, sizeY);
679.     // rect(bx, by, textWidth(btnLabel), sizeY); flexible with of the button
680.     fill(0);
681.     textAlign(CENTER, CENTER);
682.     text(btnLabel, bx+sizeX/2, by+sizeY/2);
683.   }
684. }

The applet has the following sequence:

PHASE 1:
       Instructions (page 1)
       Instructions (page 2)
PHASE 2:
       Start Guessing Game:
         STAGE 1 (100 loops):
          State 1:
                 Generate a vector of random numbers (e.g. 11 numbers from 0 to 1).
                 Attach equal weights to each random number and compute the mean value of these random numbers.
                 Draw geographical figures that use these numbers in a special way that would resemble a face.
                 Ask user to "accept" or "reject" this face.
          State 2:
                 Show decision feedback (score) to the user. The score is computed as follows:
                
                 If mean value of random numbers is more X (e.g.0.5), then it is a "good" face.
                 If mean value of random numbers is less that X (e.g.0.5) then it is a "bad" face.
                 If user accepts a "good" face or rejects a "bad" face, he made a good decision, and gains 1 point.
                 If user accepts a "bad" face or rejects a "good" face, he made a poor decision, and loses 1 point.
          STAGE 2 (100 loops):
                 The weights should change assigning 0.9 and 0.1 weights to the first too values, and 0 weights to the remaining values.
                 Repeat State 1 and State 2 for additional 100 rounds.
         NOTE: Record the random values, weights, mean values, and responses of the users for both rounds.       
PHASE 3:
        Finish the game by giving performance summary.