Need some help with a guessing-game type of applet!

Programming Questions

inarts

Need some help with a guessing-game type of applet!

in Programming Questions • 1 month ago

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

// GLOBAL UI & OTHER PRESENTS
final int sizeW = 600;
final int sizeH = 600;
final int lineSpace = 30;
final int numberOfRandomValues = 20;
int frameRateSet = 30;
// FONT global
static final int fontSmall = 14; // SMALL text size
static final int fontMedium = 20; // MEDIUM text size
static final int fontLarge = 50; // LARGE text size
PFont yFont; // Arial Narrow 14 pt
// COLOR global
final color[] c = new color[41];
final color[] colorBW = {
color(204), color(255), color(0)
};
// CHERNOFF PRESETS
final int decisionValueUnit = 1;
final int acceptBadValue = -decisionValueUnit;
final int acceptGoodValue = decisionValueUnit;
final int rejectBadValue = decisionValueUnit;
final int rejectGoodValue = -decisionValueUnit;
int decisionValue = 0;
float[] weights = new float[numberOfRandomValues];
float [] faceValue = new float[100];
float eWeights = 0.05;
float sumFaceValue;
String msgFaceFeedback;
String msgGoodFeedback = "Good Face";
String msgBadFeedback = "Bad Face";
int faceWorth;
boolean goodFace;
boolean badFace;
String msgErrorFeedback = "Error 158 occured!";
String msgDecision;
// RANDOM VARIABLES for drawing chernoff face
float[] p = new float[numberOfRandomValues];
float[] rx = new float[numberOfRandomValues];
float[] ry = new float[numberOfRandomValues];
// PHASE
int switchPhaseMain = 1; //2=game
int switchExperimentState = 1; //1=face,2=feedback
int switchFaceCase = 0; // bad=0, good=1
int round = 1;
int numberOfRounds = 10;
boolean experimentOver;
boolean pause;
boolean faceOnSmall;
boolean faceOnLarge;
// SCORE
int pointsTotal = 0;
int [] points = new int[numberOfRounds];
int [] trials = new int[numberOfRounds];
int [] pointsEarned = new int[numberOfRounds];
// BUTTON: requires button class (button names)
Button btnBack;
Button btnReject;
Button btnAccept;
Button btnInstructNext;
Button btnNextFace;
Button btnInstructBack;
Button btnInstructStart;
Button btnFinish;
Button btnPause;
Button btnUnPause;
// BUTTON LABELS
String btnBackLabel = "Go Back";
String btnRejectLabel = "Reject";
String btnAcceptLabel = "Accept";
String btnIntructNextLabel = "Next";
String btnNextFaceLabel = "Next";
String btnIntructBackLabel = "Go Back";
String btnIntructStartLabel = "Start";
String btnFinishLabel = "Finish";
String btnPauseLabel = "Pause";
String btnUnPauseLabel = "Unpause";
// BUTTON PARAMETERS
int btnMargin = 500;
int btnTextPadding = 20;
int btnX = 30;
int btnY = btnMargin;
int btnWidth = 150;
int btnHeight = 50;
int btnXspace = 30;
int btnYspace = 10;
int btn1X = btnX;
int btn1Y = btnY;
int btn2X = btn1X+btnWidth+btnXspace;
int btn2Y = btnY;
int btn3X = btn2X+btnWidth+btnXspace;
int btn3Y = btnY;
int btnPauseX = 510;
int btnPauseY = 10;
int btnPauseW = btnWidth/2;
int btnPauseH = btnHeight/2;
// SETUP
void setup() {
size(sizeW, sizeH);
smooth();
frameRate(frameRateSet);
println("setup");
// COLOR (in void setup)
c[0] = color(#f4b264);
c[1] = color(#bee5e4);
c[2] = color(#fe022b);
c[3] = color(#082f56);
c[4] = color(#f8f3d6);
c[5] = color(#fceea7);
c[6] = color(#ff7101);
c[7] = color(#f1d7ca);
c[8] = color(#ffafc3);
c[9] = color(#abe6e2);
c[10] = color(#e2e8ce);
c[11] = color(#ffcb00);
c[12] = color(#aae354);
c[13] = color(#ddb0b7);
c[14] = color(#d2e6b5);
c[15] = color(#77a3be);
c[16] = color(#005c9d);
c[17] = color(#bb3325);
c[18] = color(#fdd4e2);
c[19] = color(#0dbbde);
c[20] = color(#643324);
c[21] = color(#99e1d3);
c[22] = color(#ff92a9);
c[23] = color(#a7bbba);
c[24] = color(#d0e099);
c[25] = color(#00b14b);
c[26] = color(#0376b9);
c[27] = color(#fedf2d);
c[28] = color(#fbd362);
c[29] = color(#fe5900);
c[30] = color(#4fb900);
c[31] = color(#fdd4e2);
c[32] = color(#ddb0b7);
c[33] = color(#a9998a);
c[34] = color(#77a3be);
c[35] = color(#bdb0b7);
c[36] = color(#778C85);
c[37] = color(#F2E6D0);
c[38] = color(#395059);
c[39] = color(#8C1B2F);
c[40] = color(#B5BFAA);
// FONT
yFont = createFont("Arial", fontSmall, true);
textAlign (CENTER, CENTER);
// BUTTONS (requires Button class)
btnBack = new Button(btnBackLabel, btn1X, btn1Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnReject = new Button(btnRejectLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnAccept = new Button(btnAcceptLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructNext = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnNextFace = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructBack = new Button(btnIntructBackLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructStart = new Button(btnIntructStartLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnFinish = new Button(btnFinishLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnPause = new Button(btnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
btnUnPause = new Button(btnUnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
}
// DRAW
void draw() {
smooth();
// PHASE
switch (switchPhaseMain) {
case 1:
screenInstructions();
manageButtons();
break;
case 2:
screenInstructions();
manageButtons();
faceOnLarge=true;
break;
case 3:
if (faceOnLarge==true) {
chernoffDraw(round);
pointsEarned[round]=decisionValue;
points[round] = points[round]+pointsEarned[round];
trials[round] = trials[round]+1;
}
manageButtons();
break;
case 4:
screenInstructions();
manageButtons();
break;
case 5:
screenInstructions();
manageButtons();
break;
default:
text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4);
println ("Error 158 unknown phase: " + switchPhaseMain);
exit();
}
}
// MOUSE PRESSED
void mousePressed() {
switch(switchPhaseMain) {
case 1:
if (btnInstructNext.press()) {
switchPhaseMain++;
println("Next Button Pressed: 1st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
}
break;
case 2:
if (btnInstructBack.press()) {
println("Back Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
switchPhaseMain--;
}
if (btnInstructStart.press()) {
println("Start Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
switchPhaseMain++;
}
break;
case 3:
if (btnReject.press()) {
if (goodFace == true) {
msgFaceFeedback = msgGoodFeedback;
decisionValue = rejectGoodValue;
msgDecision = "wrongly rejected";
}
else if (goodFace == false) {
msgFaceFeedback = msgBadFeedback;
decisionValue = rejectBadValue;
msgDecision = "correctly rejected";
}
pointsEarned[round]=decisionValue;
println("Reject Pressed: 0 State moved to (3): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);// TEMPORARY
points[round] = points[round]+pointsEarned[round];
trials[round] = trials[round]+1;
manageButtons();
}
else if (btnAccept.press()) {
switch (switchFaceCase) {
case 0:
msgFaceFeedback = msgGoodFeedback;
decisionValue = acceptGoodValue;
msgDecision = "correctly accepted";
break;
case 1:
msgFaceFeedback = msgBadFeedback;
decisionValue = acceptBadValue;
msgDecision = "wrongly accepted";
break;
default:
break;
}
pointsEarned[round]=decisionValue;
points[round] = points[round]+pointsEarned[round];
trials[round] = trials[round]+1;
println("Accept Pressed: 0 state moved to (2): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);
if (faceWorth!=0) {
switchExperimentState=2;
}
introNextFaceRound(round);
manageButtons();
//break;
}
else if (btnNextFace.press()) {
println("Next Button Pressed: 2nd Phase of experiment is: " +switchPhaseMain);// TEMPORARY
//faceOnSmall=true;
manageButtons();
faceOnLarge=true;
}
println("Mouse Pressed: We are still in the CHERNOFF FACE (3rd) switchPhaseMain: " +switchPhaseMain);// TEMPORARY
break;
case 4:
println("Mouse Pressed: 4th Phase of experiment is: " +switchPhaseMain);// TEMPORARY
if (btnFinish.press()) {
switchPhaseMain++;
}
break;
case 5:
println("Mouse Pressed: 5th Phase of experiment is: " +switchPhaseMain); // TEMPORARY
switchPhaseMain = 0;
break;
default:
text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4+lineSpace);
println ("Mouse Pressed: Error 158 unknown state " + switchPhaseMain);
break;
} //switch
} //mouse pressed
// FUNCTION: DARAWING CHENFOFF FACE
int activate(float sumFaceValue) {
if (sumFaceValue > 0.5) {
return 1;
}
else {
return -1;
}
}
float[] getWeights() {
return weights;
}
void chernoffDraw(int rn) {
round = rn;
faceWorth=0;
chernoff(numberOfRandomValues);
faceValue[round] = sumFaceValue;
showScore(round);
faceOnLarge =false;
faceWorth = activate(sumFaceValue);
if ((sumFaceValue>=0.5) && (sumFaceValue<=1)) {
switchFaceCase = 0; // good face
msgFaceFeedback = msgGoodFeedback;
goodFace = true;
badFace = false;
println("This was a "+msgFaceFeedback+". You shoudl accept it!"); //TEMPORARY
}
else if ((sumFaceValue< 0.5) && (sumFaceValue<=0)) {
switchFaceCase = 1; // bad state
msgFaceFeedback = msgBadFeedback;
goodFace = false;
badFace = true;
println("This was a "+msgFaceFeedback+". You shoudl reject it!"); //TEMPORARY
}
else if ((sumFaceValue<0) || (sumFaceValue>1)) {
msgFaceFeedback = msgErrorFeedback ;
println(msgErrorFeedback);
text(msgFaceFeedback, width/2, height/4);
;
}
//}
println("Experiment round: "+round+ ". "+msgFaceFeedback+" real value is: "+ faceValue[round]); //TEMPORARY
}
void chernoff(int n) {
background(c[36]);
smooth();
float[] weights = new float[n];
// GENERATING RANDOM NUMBERS
sumFaceValue=0;
for (int i = 0; i < numberOfRandomValues; i++) {
p[i] = random(0, 1); //p is a vector of random values
weights[i] = eWeights;
println(p[i]);
sumFaceValue+=p[i]*weights[i];
println("trial ["+i+"] weight is: "+weights[i]+". Random value is: " + p[i]+ ". Average Sum is: "+sumFaceValue);
}
// DARAWING
pushMatrix();
color eggHeadColor=color(215);
color faceColor = color(235);
color eyeColor = color(255);
translate(width/2, height/2);
int x=0;
int y=0;
float scale10=10;
// egg head
Egg egg_head;
float egg_head_base=250;
float egg_head_var=50;
int headX=0;
int headY=-height/5;
float tilt_head=PI;
float eggHeadSize= egg_head_base+egg_head_var*p[12];
egg_head = new Egg(headX, headY, tilt_head, eggHeadSize, eggHeadColor);
egg_head.display();
// head
int head_bottom_displace=6;
float topX = scale10*(10+p[1]*16); //top width
float topY = scale10*(16+p[2]*8); //top height
float botX = scale10*(12+p[3]*16); //bottom width
float botY = scale10*(12+p[4]*8); //bottom height
fill(faceColor);
noStroke();
ellipse (x, y, topX, topY);
ellipse (x, y+head_bottom_displace*scale10, botX, botY);
// eyes
float eyeX = scale10*(4+p[7]*4); //float eyeX = random(40, 80);
float eyeY = scale10*(2+p[8]*2); //float eyeY = random(20, 40);
float eye_spacing =4;
stroke(4);
fill(eyeColor);
strokeWeight(4);
ellipse (x-eye_spacing*scale10, y, eyeX, eyeY);
ellipse (x+eye_spacing*scale10, y, eyeX, eyeY);
// pupils
int mini_pupils=8;
int enlarge_pupils=12;
strokeWeight(mini_pupils+p[9]*enlarge_pupils);
point(x-eye_spacing*scale10, y);
point(x+eye_spacing*scale10, y);
// mouth
float mouth = scale10*(-4+p[5]*8); // float mouth = random(-40, 40);
strokeWeight(4);
beginShape();
noFill();
int mouth_displace=6;
int mouth_bottom=8;
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x, y+(mouth_bottom*scale10+mouth));
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
endShape();
// nose
float noY = scale10*(2.5+p[5]*4); //float noY = random(20, 60);
float noX = scale10*(2+p[6]*4); //float noX = random(20, 60);
float nol = 2*scale10;
strokeWeight(4);
beginShape();
vertex(x, y+nol);
vertex(x-noX, y+noY);
vertex(x+noX, y+noY);
endShape(CLOSE);
// brows
float br_displace=2; // float brY1 = random(20, 80);
float br_length=6; //float brY2 = random(20, 80);
float brY1 = scale10*(br_displace+p[10]*br_length);
float brY2 = scale10*(br_displace+p[11]*br_length);
line(x-br_displace*scale10, y-brY1, x-br_length*scale10, y-brY2);
line(x+br_displace*scale10, y-brY1, x+br_length*scale10, y-brY2);
// FINISH FACE
popMatrix();
faceOnSmall = false;
}
===
// EGG CLASS
class Egg {
float eggX, eggY; // X-coordinate, y-coordinate
float eggTilt; // Left and right angle offset
float eggAngle; // Used to define the tilt
float eggHeightScalar; // Height of the egg
color eggColor= color(255) ;
// Constructor
Egg(int xPos, int yPos, float t, float s, color eC) {
eggX = xPos;
eggY = yPos;
eggTilt = t;
eggColor = eC;
eggHeightScalar = s / 100.0;
}
void wobble() {
eggTilt = cos(eggAngle) / 8;
eggAngle += 0.1;
}
void display() {
noStroke();
fill(eggColor);
pushMatrix(); //
translate(eggX, eggY);
rotate(eggTilt);
scale(eggHeightScalar);
beginShape();
vertex(0, -100);
bezierVertex(25, -100, 40, -65, 40, -40);
bezierVertex(40, -15, 25, 0, 0, 0);
bezierVertex(-25, 0, -40, -15, -40, -40);
bezierVertex(-40, -65, -25, -100, 0, -100);
endShape();
popMatrix();
}
}
// Screen Instructions & Feedback Text
void screenInstructions() {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
switch (switchPhaseMain) {
// INSTRUCTION PHASE = 1 & 2
case 1:
text("CHERNOFF FACES", width/2, height/4);
text("In this game consider faces.", width/2, height/4+lineSpace*2);
text("You will have to learn to accept good faces and reject bad ones.", width/2, height/4+3*lineSpace);
text("Remember that faces are composed of geometrical figures", width/2, height/4+lineSpace*4);
text("that are generated to visualize complex quantitative data.", width/2, height/4+lineSpace*5);
text("How to play? Click "+btnIntructNextLabel+" button to read more...", width/2, height/4+lineSpace*8);
break;
case 2:
text("HOW TO PLAY", width/2, height/4);
text("At the begining you will start with "+pointsTotal+" points.", width/2, height/4+lineSpace*2);
text("For each correct assesment you will receive bonus points,", width/2, height/4+3*lineSpace);
text("and for each wrong assesment you will lose the points.", width/2, height/4+lineSpace*4);
text("You will have an opportunity to evaluate "+numberOfRounds+" projects", width/2, height/4+lineSpace*5);
text("and receive feedback on your decisions & learning progress.", width/2, height/4+lineSpace*6);
text("Click "+btnIntructStartLabel+" button to play!", width/2, height/4+lineSpace*8);
break;
// INSTRUCTION END phase = 4 & 5
case 4:
for (int i =0; i<3; i++) {
pointsTotal=+points[i];
} //Move to setup or draw?
String msgEndThanks = "Thank you for completing the experiment!";
String msgPointsFinal = "In all sets you earned total of " +pointsTotal+ " points";
String msgClickToStartOver = "Click to start over ";
text(msgEndThanks, width/2, height/4);
text(msgPointsFinal, width/2, height/4+lineSpace*2);
text(msgClickToStartOver, width/2, height/4+lineSpace*3);
break;
case 5:
text ("You are done!", width/2, height/4);
text("Thank you for participating in our experiment!", width/2, height/4+lineSpace*2);
break;
// EXPERIMENT PHASE = 3
default:
break;
}
}
// introNextFaceRound switchExperimentState = 1
void introNextFaceRound (int chernoffRound) {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
String msgEndSet1 = "In round " +round+" you " +msgDecision+" the " +msgFaceFeedback+"!";
String msgEndSet2 = "and earned " +decisionValue+ " points.";
String msgEndSet3 = "In total, your earned " +points[chernoffRound]+"!";
String msgEndSet4 = "After " +trials[chernoffRound]+ " trial(s) you have total of " +(numberOfRounds-trials[chernoffRound])+" left";
String msgEndSet5 = "Click "+btnNextFaceLabel+" button to continue making choices. Next round is number " + (chernoffRound+1) + ".";
String msgEndSet6 = "Click "+btnFinishLabel+" button to finish.";
text(msgEndSet1, width/2, height/4+lineSpace*1);
text(msgEndSet2, width/2, height/4+lineSpace*2);
text(msgEndSet3, width/2, height/4+lineSpace*3);
text(msgEndSet4, width/2, height/4+lineSpace*4);
if (round>numberOfRounds) {
text(msgEndSet5, width/2, height/4+lineSpace*5);
}
if (round==numberOfRounds) {
text(msgEndSet6, width/2, height/4+lineSpace*5);
}
}
//.................................................
// SCORE TEXT
//.................................................
void showScore(int chernoffRound) {
textAlign(LEFT);
String msgScore1 = "The value of your past decision is: " + decisionValue;
String msgScore2 = "Total points earned: " + points[chernoffRound];
String msgScore3 = "Trials remaining: " + (numberOfRounds-trials[chernoffRound]);
//String msgScore4 = "Total of wrong answers: "; // to be done
//String msgScore5 = "Total of right answers: "; // to be done
String msgScore6 = "Please evaluate the following project and make a decision:";
text(msgScore1, width/10, height/11 +lineSpace/2*1);
text(msgScore2, width/10, height/11+lineSpace/2*2);
text(msgScore3, width/10, height/11+lineSpace/2*3);
//text(msgScore4, width/10, height/11+lineSpace/2*4); //to finish later
//text(msgScore5, width/10, height/11+lineSpace/2*5); // to finish later
text(msgScore6, width/10, height/11+lineSpace/2*6);
}
// BUTTON: Update & Dispaly (Requires Button class)
void manageButtons() {
switch (switchPhaseMain) {
case 1:
btnInstructNext.update();
btnInstructNext.display();
break;
case 2:
btnInstructBack.update();
btnInstructBack.display();
btnInstructStart.update();
btnInstructStart.display();
break;
case 3:
switch (switchExperimentState) {
case 1: //stateFace = 1;
btnReject.update();
btnReject.display();
btnAccept.update();
btnAccept.display();
btnPause.update();
btnPause.display();
break;
case 2: // = 2;
btnNextFace.update();
btnNextFace.display();
btnPause.update();
btnPause.display();
break;
default:
break;
}
break;
case 4:
btnFinish.update();
btnFinish.display();
break;
default:
break;
}
}
// BUTTON: Mouse Release (Requires Button class)
void mouseReleased() {
btnBack.release();
btnReject.release();
btnAccept.release();
btnInstructNext.release();
btnNextFace.release();
btnInstructBack.release();
btnInstructStart.release();
btnFinish.release();
btnPause.release();
btnUnPause.release();
}
===
// BUTTON CLASS:
===
class Button {
int bx, by; // The x- and y-coordinates
int sizeX, sizeY; // Dimension (width and height)
color btnBaseColor; // Default gray value
color btnOverColor; // Value when mouse is over the button
color btnPressColor; // Value when mouse is over and pressed
color btnTextColor; /// button text color
boolean over = false; // True when the mouse is over
boolean pressed = false; // True when the mouse is over and pressed
String btnLabel;
//sizeX=textWidth(btnLabel); // Can be turned off
Button(String btnLabel, int bx, int by, int sizeX, int sizeY, color btnBaseColor, color btnOverColor, color btnPressColor) {
this.btnLabel = btnLabel;
this.bx = bx;
this.by = by;
this.sizeX = sizeX;
this.sizeY = sizeY;
this.btnBaseColor = btnBaseColor;
this.btnOverColor = btnOverColor;
this.btnPressColor = btnPressColor;
}
void update() {
if ((mouseX >= bx) && (mouseX <= bx+sizeX) &&
(mouseY >= by) && (mouseY <= by+sizeY)) {
over = true;
}
else {
over = false;
}
}
boolean press() {
if (over == true) {
pressed = true;
return true;
}
else {
return false;
}
}
void release() {
pressed = false;
}
void display() {
if (pressed == true) {
fill(btnPressColor);
}
else if (over == true) {
fill(btnOverColor);
}
else {
fill(btnBaseColor);
}
stroke(255);
strokeWeight(1);
rect(bx, by, sizeX, sizeY);
// rect(bx, by, textWidth(btnLabel), sizeY); flexible with of the button
fill(0);
textAlign(CENTER, CENTER);
text(btnLabel, bx+sizeX/2, by+sizeY/2);
}
}

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.

Replies(12)

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

Hello!

I like your program!

The faces are cute and your code is very clear because you are using phases / states.

Congratulations to a nice program!

Regarding your problem:
I found a small error, I think after having recognized a face you forgot to return switchExperimentState to the value 1 and also to return faceOnLarge to true.

I made some changes in func mousePressed and I made them bold so you can spot them.
It was just a wild guess but it works now better, I hope it gets you back on track.
I think within phase 3 maybe you need to evaluate switchExperimentState more thoroughly so I made a switch for switchExperimentState ( switch(switchExperimentState){...... ).

you forgot those lines (I did put them in now):

round++;
if (round >= numberOfRounds) {
switchPhaseMain=4;
}

hints:

assessment is with 4 "s" I think (see instructions at the beginning)
no need to write if (faceOnLarge==true) ------ just if (faceOnLarge) is the same
I think you don't need faceOnSmall - you are hardly using it at all

keep up the good work!

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

//
//
//

//           GLOBAL UI & OTHER PRESENTS
final int sizeW                  = 600;
final int sizeH                  = 600;
final int lineSpace              = 30;
final int numberOfRandomValues   = 20;
int frameRateSet                 = 30;
//           FONT global
static final int fontSmall   = 14;   // SMALL text size
static final int fontMedium = 20; // MEDIUM text size
static final int fontLarge   = 50; // LARGE text size
PFont yFont;      // Arial Narrow 14 pt
//           COLOR global
final color[] c         = new color[41];
final color[] colorBW   = {
color(204), color(255), color(0)
};
//           CHERNOFF PRESETS
final int decisionValueUnit = 1;
final int acceptBadValue    = -decisionValueUnit;
final int acceptGoodValue   = decisionValueUnit;
final int rejectBadValue    = decisionValueUnit;
final int rejectGoodValue   = -decisionValueUnit;
int decisionValue           = 0;
float[] weights             = new float[numberOfRandomValues];
float [] faceValue          = new float[100];
float eWeights              = 0.05;
float sumFaceValue;
String msgFaceFeedback;
String msgGoodFeedback      = "Good Face";
String msgBadFeedback       = "Bad Face";
int faceWorth;
boolean goodFace;
boolean badFace;
String msgErrorFeedback     = "Error 158 occured!";
String msgDecision;
//           RANDOM VARIABLES for drawing chernoff face
float[] p    = new float[numberOfRandomValues];
float[] rx   = new float[numberOfRandomValues];
float[] ry   = new float[numberOfRandomValues];

//           PHASE
int switchPhaseMain        = 1; //2=game
int switchExperimentState = 1; //1=face,2=feedback
int switchFaceCase         = 0; // bad=0, good=1
int round                  = 1;
int numberOfRounds         = 10;

boolean experimentOver;
boolean pause;
boolean faceOnSmall;
boolean faceOnLarge;
//           SCORE
int pointsTotal           = 0;
int [] points             = new int[numberOfRounds];
int [] trials             = new int[numberOfRounds];
int [] pointsEarned       = new int[numberOfRounds];
//        BUTTON: requires button class (button names)
Button btnBack;
Button btnReject;
Button btnAccept;
Button btnInstructNext;
Button btnNextFace;
Button btnInstructBack;
Button btnInstructStart;
Button btnFinish;
Button btnPause;
Button btnUnPause;
//     BUTTON LABELS

String btnBackLabel             = "Go Back";
String btnRejectLabel           = "Reject";
String btnAcceptLabel           = "Accept";
String btnIntructNextLabel      = "Next";
String btnNextFaceLabel         = "Next";
String btnIntructBackLabel      = "Go Back";
String btnIntructStartLabel     = "Start";
String btnFinishLabel           = "Finish";
String btnPauseLabel            = "Pause";
String btnUnPauseLabel          = "Unpause";
//     BUTTON PARAMETERS

int btnMargin      = 500;
int btnTextPadding = 20;
int btnX           = 30;
int btnY           = btnMargin;
int btnWidth       = 150;
int btnHeight      = 50;
int btnXspace      = 30;
int btnYspace      = 10;
int btn1X          = btnX;
int btn1Y          = btnY;
int btn2X          = btn1X+btnWidth+btnXspace;
int btn2Y          = btnY;
int btn3X          = btn2X+btnWidth+btnXspace;
int btn3Y          = btnY;
int btnPauseX      = 510;
int btnPauseY      = 10;
int btnPauseW      = btnWidth/2;
int btnPauseH      = btnHeight/2;

//           SETUP     ------------------------------------------------------------------

void setup() {
size(sizeW, sizeH);
smooth();
frameRate(frameRateSet);
println("setup");

//         COLOR (in void setup)

c[0] = color(#f4b264);
c[1] = color(#bee5e4);
c[2] = color(#fe022b);
c[3] = color(#082f56);
c[4] = color(#f8f3d6);
c[5] = color(#fceea7);
c[6] = color(#ff7101);
c[7] = color(#f1d7ca);
c[8] = color(#ffafc3);
c[9] = color(#abe6e2);
c[10] = color(#e2e8ce);
c[11] = color(#ffcb00);
c[12] = color(#aae354);
c[13] = color(#ddb0b7);
c[14] = color(#d2e6b5);
c[15] = color(#77a3be);
c[16] = color(#005c9d);
c[17] = color(#bb3325);
c[18] = color(#fdd4e2);
c[19] = color(#0dbbde);
c[20] = color(#643324);
c[21] = color(#99e1d3);
c[22] = color(#ff92a9);
c[23] = color(#a7bbba);
c[24] = color(#d0e099);
c[25] = color(#00b14b);
c[26] = color(#0376b9);
c[27] = color(#fedf2d);
c[28] = color(#fbd362);
c[29] = color(#fe5900);
c[30] = color(#4fb900);
c[31] = color(#fdd4e2);
c[32] = color(#ddb0b7);
c[33] = color(#a9998a);
c[34] = color(#77a3be);
c[35] = color(#bdb0b7);
c[36] = color(#778C85);
c[37] = color(#F2E6D0);
c[38] = color(#395059);
c[39] = color(#8C1B2F);
c[40] = color(#B5BFAA);

//     FONT

yFont = createFont("Arial", fontSmall, true);
textAlign (CENTER, CENTER);

//     BUTTONS (requires Button class)

btnBack             = new Button(btnBackLabel, btn1X, btn1Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnReject           = new Button(btnRejectLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnAccept           = new Button(btnAcceptLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructNext     = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnNextFace         = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructBack     = new Button(btnIntructBackLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructStart    = new Button(btnIntructStartLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnFinish           = new Button(btnFinishLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnPause            = new Button(btnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
btnUnPause          = new Button(btnUnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
}

//           DRAW --------------------------------------------------------------------------

void draw() {
smooth();

//     PHASE

switch (switchPhaseMain) {
case 1:
    screenInstructions();
    manageButtons();
    break;
case 2:
    screenInstructions();
    manageButtons();
    faceOnLarge=true;
    break;
case 3:
    if (faceOnLarge==true) {
      chernoffDraw(round);
      pointsEarned[round]=decisionValue;
      points[round] = points[round]+pointsEarned[round];
      trials[round] = trials[round]+1;
    }
    manageButtons();
    break;
case 4:
    screenInstructions();
    manageButtons();
    break;
case 5:
    screenInstructions();
    manageButtons();
    break;
default:
    text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4);
    println ("Error 158 unknown phase: " + switchPhaseMain);
    exit();
}
}
//           MOUSE PRESSED ---------------------------------------
void mousePressed() {
switch(switchPhaseMain) {
case 1:
    if (btnInstructNext.press()) {
      switchPhaseMain++;
      println("Next Button Pressed: 1st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
    }
    break;
case 2:
    if (btnInstructBack.press()) {
      println("Back Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
      switchPhaseMain--;
    }
    if (btnInstructStart.press()) {
      println("Start Button Pressed: 2st Phase of experiment is: " +switchPhaseMain);// TEMPORARY
      switchPhaseMain++;
    }
    break;
case 3:
    mousePressedForPhase3() ;
    break;
case 4:
    println("Mouse Pressed: 4th Phase of experiment is: " +switchPhaseMain);// TEMPORARY
    if (btnFinish.press()) {
      switchPhaseMain++;
    }
    break;
case 5:
    println("Mouse Pressed: 5th Phase of experiment is: " +switchPhaseMain); // TEMPORARY
    switchPhaseMain = 0;
    break;
default:
    text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4+lineSpace);
    println ("Mouse Pressed: Error 158 unknown state " + switchPhaseMain);
    break;
} //switch
} //mouse pressed

// -----

void mousePressedForPhase3() { // new2
switch (switchExperimentState) {
case 1:
    mousePressedForPhase3WithswitchExperimentStateBeing1();
    break;
case 2:
    if (btnNextFace.press()) {
      println("Next Button Pressed: 2nd Phase of experiment is: " +switchPhaseMain);// TEMPORARY
      //faceOnSmall=true;
      manageButtons();
      faceOnLarge=true; // next face
      switchExperimentState=1;
      round++;
      if (round >= numberOfRounds) {
        switchPhaseMain=4;
      }
    } // if
    break;
default:
    println ("Error 268 switchExperimentState ");
    exit();
    break;
} // switch
} // func

// -----

void mousePressedForPhase3WithswitchExperimentStateBeing1()
{
if (btnReject.press()) {
    if (goodFace == true) {
      msgFaceFeedback = msgGoodFeedback;
      decisionValue   = rejectGoodValue;
      msgDecision     = "wrongly rejected";
    }
    else if (goodFace == false) {
      msgFaceFeedback = msgBadFeedback;
      decisionValue   = rejectBadValue;
      msgDecision     = "correctly rejected";
    }
    pointsEarned[round]=decisionValue;
    println("Reject Pressed: 0 State moved to (3): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);// TEMPORARY
    points[round] = points[round]+pointsEarned[round];
    trials[round] = trials[round]+1;
    manageButtons();
}
else if (btnAccept.press()) {
    switch (switchFaceCase) {
    case 0:
      msgFaceFeedback   = msgGoodFeedback;
      decisionValue     = acceptGoodValue;
      msgDecision       = "correctly accepted";
      break;
    case 1:
      msgFaceFeedback   = msgBadFeedback;
      decisionValue     = acceptBadValue;
      msgDecision       = "wrongly accepted";
      break;
    default:
      break;
    }
    pointsEarned[round]=decisionValue;
    points[round] = points[round]+pointsEarned[round];
    trials[round] = trials[round]+1;
    println("Accept Pressed: 0 state moved to (2): "+switchExperimentState+". Round: "+round+". Decision value is :" + decisionValue);
    if (faceWorth!=0) {
      switchExperimentState=2;
    }
    introNextFaceRound(round);
    manageButtons();
    //break;
}
// else if (btnNextFace.press()) {
//    println("Next Button Pressed: 2nd Phase of experiment is: " +switchPhaseMain);// TEMPORARY
//    //faceOnSmall=true;
//    manageButtons();
//    faceOnLarge=true;
//    switchExperimentState=1;
// }
println("Mouse Pressed: We are still in the CHERNOFF FACE (3rd) switchPhaseMain: " +switchPhaseMain);// TEMPORARY
} // func
// ----

//         FUNCTION: DARAWING CHENFOFF FACE
int activate(float sumFaceValue) {
if (sumFaceValue > 0.5) {
    return 1;
}
else {
    return -1;
}
}
float[] getWeights() {
return weights;
}
void chernoffDraw(int rn) {
round = rn;
faceWorth=0;
chernoff(numberOfRandomValues);
faceValue[round] = sumFaceValue;
showScore(round);
faceOnLarge    =false;
faceWorth      = activate(sumFaceValue);
if ((sumFaceValue>=0.5) && (sumFaceValue<=1)) {
    switchFaceCase = 0; // good face
    msgFaceFeedback = msgGoodFeedback;
    goodFace         = true;
    badFace          = false;
    println("This was a "+msgFaceFeedback+". You shoudl accept it!"); //TEMPORARY
}
else if ((sumFaceValue< 0.5) && (sumFaceValue<=0)) {
    switchFaceCase = 1; // bad state
    msgFaceFeedback = msgBadFeedback;
    goodFace         = false;
    badFace          = true;
    println("This was a "+msgFaceFeedback+". You shoudl reject it!"); //TEMPORARY
}
else if ((sumFaceValue<0) || (sumFaceValue>1)) {
    msgFaceFeedback    = msgErrorFeedback ;
    println(msgErrorFeedback);
    text(msgFaceFeedback, width/2, height/4);
    ;
}
//}
println("Experiment round: "+round+ ". "+msgFaceFeedback+" real value is: "+ faceValue[round]); //TEMPORARY
}
void chernoff(int n) {
background(c[36]);
smooth();
float[] weights = new float[n];

//           GENERATING RANDOM NUMBERS

sumFaceValue=0;
for (int i = 0; i < numberOfRandomValues; i++) {
    p[i] = random(0, 1); //p is a vector of random values
    weights[i] = eWeights;
    println(p[i]);
    sumFaceValue+=p[i]*weights[i];
    println("trial ["+i+"] weight is: "+weights[i]+". Random value is: " + p[i]+ ". Average Sum is: "+sumFaceValue);
}

//           DARAWING

pushMatrix();
color eggHeadColor=color(215);
color faceColor = color(235);
color eyeColor = color(255);
translate(width/2, height/2);
int x=0;
int y=0;
float scale10=10;
//      egg head
Egg egg_head;
float egg_head_base=250;
float egg_head_var=50;
int headX=0;
int headY=-height/5;
float tilt_head=PI;
float eggHeadSize= egg_head_base+egg_head_var*p[12];
egg_head = new Egg(headX, headY, tilt_head, eggHeadSize, eggHeadColor);
egg_head.display();
//      head
int head_bottom_displace=6;
float topX = scale10*(10+p[1]*16); //top width
float topY = scale10*(16+p[2]*8);   //top height
float botX = scale10*(12+p[3]*16);   //bottom width
float botY = scale10*(12+p[4]*8);     //bottom height
fill(faceColor);
noStroke();
ellipse (x, y, topX, topY);
ellipse (x, y+head_bottom_displace*scale10, botX, botY);
//      eyes
float eyeX = scale10*(4+p[7]*4);     //float eyeX = random(40, 80);
float eyeY = scale10*(2+p[8]*2);   //float eyeY = random(20, 40);
float eye_spacing =4;
stroke(4);
fill(eyeColor);
strokeWeight(4);
ellipse (x-eye_spacing*scale10, y, eyeX, eyeY);
ellipse (x+eye_spacing*scale10, y, eyeX, eyeY);
//      pupils
int mini_pupils=8;
int enlarge_pupils=12;
strokeWeight(mini_pupils+p[9]*enlarge_pupils);
point(x-eye_spacing*scale10, y);
point(x+eye_spacing*scale10, y);
//      mouth
float mouth = scale10*(-4+p[5]*8);   // float mouth = random(-40, 40);
strokeWeight(4);
beginShape();
noFill();
int mouth_displace=6;
int mouth_bottom=8;
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x, y+(mouth_bottom*scale10+mouth));
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
endShape();
//       nose
float noY = scale10*(2.5+p[5]*4);     //float noY = random(20, 60);
float noX = scale10*(2+p[6]*4);     //float noX = random(20, 60);
float nol = 2*scale10;
strokeWeight(4);
beginShape();
vertex(x, y+nol);
vertex(x-noX, y+noY);
vertex(x+noX, y+noY);
endShape(CLOSE);
//       brows
float br_displace=2;    // float brY1 = random(20, 80);
float br_length=6;   //float brY2 = random(20, 80);
float brY1 = scale10*(br_displace+p[10]*br_length);
float brY2 = scale10*(br_displace+p[11]*br_length);
line(x-br_displace*scale10, y-brY1, x-br_length*scale10, y-brY2);
line(x+br_displace*scale10, y-brY1, x+br_length*scale10, y-brY2);

//         FINISH FACE

popMatrix();
faceOnSmall = false;
}
// ===
//            EGG CLASS
class Egg {
float eggX, eggY; // X-coordinate, y-coordinate
float eggTilt; // Left and right angle offset
float eggAngle; // Used to define the tilt
float eggHeightScalar; // Height of the egg
color eggColor= color(255) ;
// Constructor
Egg(int xPos, int yPos, float t, float s, color eC) {
    eggX             = xPos;
    eggY             = yPos;
    eggTilt          = t;
    eggColor         = eC;
    eggHeightScalar =   s / 100.0;
}
void wobble() {
    eggTilt          = cos(eggAngle) / 8;
    eggAngle         += 0.1;
}
void display() {
    noStroke();
    fill(eggColor);
    pushMatrix(); //
    translate(eggX, eggY);
    rotate(eggTilt);
    scale(eggHeightScalar);
    beginShape();
    vertex(0, -100);
    bezierVertex(25, -100, 40, -65, 40, -40);
    bezierVertex(40, -15, 25, 0, 0, 0);
    bezierVertex(-25, 0, -40, -15, -40, -40);
    bezierVertex(-40, -65, -25, -100, 0, -100);
    endShape();
    popMatrix();
}
}
// Screen Instructions & Feedback Text

void screenInstructions() {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
switch (switchPhaseMain) {

    //          INSTRUCTION PHASE = 1 & 2

case 1:
    text("CHERNOFF FACES", width/2, height/4);
    text("In this game consider faces.", width/2, height/4+lineSpace*2);
    text("You will have to learn to accept good faces and reject bad ones.", width/2, height/4+3*lineSpace);
    text("Remember that faces are composed of geometrical figures", width/2, height/4+lineSpace*4);
    text("that are generated to visualize complex quantitative data.", width/2, height/4+lineSpace*5);
    text("How to play? Click "+btnIntructNextLabel+" button to read more...", width/2, height/4+lineSpace*8);
    break;
case 2:
    text("HOW TO PLAY", width/2, height/4);
    text("At the begining you will start with "+pointsTotal+" points.", width/2, height/4+lineSpace*2);
    text("For each correct assessment you will receive bonus points,", width/2, height/4+3*lineSpace);
    text("and for each wrong assessment you will lose the points.", width/2, height/4+lineSpace*4);
    text("You will have an opportunity to evaluate "+numberOfRounds+" projects", width/2, height/4+lineSpace*5);
    text("and receive feedback on your decisions & learning progress.", width/2, height/4+lineSpace*6);
    text("Click "+btnIntructStartLabel+" button to play!", width/2, height/4+lineSpace*8);
    break;

case 3:
    // new
    break;
    //          INSTRUCTION END phase = 4 & 5

case 4:
    for (int i =0; i<3; i++) {
      pointsTotal=+points[i];
    } //Move to setup or draw?
    String msgEndThanks        = "Thank you for completing the experiment!";
    String msgPointsFinal      = "In all sets you earned total of " +pointsTotal+ " points";
    String msgClickToStartOver = "Click to start over ";
    text(msgEndThanks, width/2, height/4);
    text(msgPointsFinal, width/2, height/4+lineSpace*2);
    text(msgClickToStartOver, width/2, height/4+lineSpace*3);
    break;
case 5:
    text ("You are done!", width/2, height/4);
    text("Thank you for participating in our experiment!", width/2, height/4+lineSpace*2);
    break;

    //          EXPERIMENT PHASE = 3

default:
    break;
}
}
//       introNextFaceRound    switchExperimentState = 1
void introNextFaceRound (int chernoffRound) {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
String msgEndSet1 = "In round " +round+" you " +msgDecision+" the " +msgFaceFeedback+"!";
String msgEndSet2 = "and earned " +decisionValue+ " points.";
String msgEndSet3 = "In total, your earned " +points[chernoffRound]+"!";
String msgEndSet4 = "After " +trials[chernoffRound]+ " trial(s) you have total of " +(numberOfRounds-trials[chernoffRound])+" left";
String msgEndSet5 = "Click "+btnNextFaceLabel+" button to continue making choices. Next round is number " + (chernoffRound+1) + ".";
String msgEndSet6 = "Click "+btnFinishLabel+" button to finish.";
text(msgEndSet1, width/2, height/4+lineSpace*1);
text(msgEndSet2, width/2, height/4+lineSpace*2);
text(msgEndSet3, width/2, height/4+lineSpace*3);
text(msgEndSet4, width/2, height/4+lineSpace*4);
if (round>numberOfRounds) {
    text(msgEndSet5, width/2, height/4+lineSpace*5);
}
if (round==numberOfRounds) {
    text(msgEndSet6, width/2, height/4+lineSpace*5);
}
}
//.................................................
//           SCORE TEXT
//.................................................
void showScore(int chernoffRound) {
textAlign(LEFT);
String msgScore1      = "The value of your past decision is: " + decisionValue;
String msgScore2      = "Total points earned: " + points[chernoffRound];
String msgScore3      = "Trials remaining: " + (numberOfRounds-trials[chernoffRound]);
//String msgScore4    = "Total of wrong answers: "; // to be done
//String msgScore5    = "Total of right answers: "; // to be done
String msgScore6      = "Please evaluate the following project and make a decision:";
text(msgScore1, width/10, height/11 +lineSpace/2*1);
text(msgScore2, width/10, height/11+lineSpace/2*2);
text(msgScore3, width/10, height/11+lineSpace/2*3);
//text(msgScore4, width/10, height/11+lineSpace/2*4); //to finish later
//text(msgScore5, width/10, height/11+lineSpace/2*5); // to finish later
text(msgScore6, width/10, height/11+lineSpace/2*6);
}

//         BUTTON: Update & Dispaly (Requires Button class) ----------------------------------------------
void manageButtons() {
switch (switchPhaseMain) {
case 1:
    btnInstructNext.update();
    btnInstructNext.display();
    break;
case 2:
    btnInstructBack.update();
    btnInstructBack.display();
    btnInstructStart.update();
    btnInstructStart.display();
    break;
case 3:
    switch (switchExperimentState) {
    case 1: //stateFace           = 1;
      btnReject.update();
      btnReject.display();
      btnAccept.update();
      btnAccept.display();
      btnPause.update();
      btnPause.display();
      break;
    case 2: //           = 2;
      btnNextFace.update();
      btnNextFace.display();
      btnPause.update();
      btnPause.display();
      break;
    default:
      println ("Error 606 ######################   switch (switchExperimentState) { ");
      exit ();
      break;
    }
    break;
case 4:
    btnFinish.update();
    btnFinish.display();
    break;
default:
    break;
}
}
//           BUTTON: Mouse Release (Requires Button class)
void mouseReleased() {
btnBack.release();
btnReject.release();
btnAccept.release();
btnInstructNext.release();
btnNextFace.release();
btnInstructBack.release();
btnInstructStart.release();
btnFinish.release();
btnPause.release();
btnUnPause.release();
}
//===
//               BUTTON CLASS:
//===
class Button {
int bx, by; // The x- and y-coordinates
int sizeX, sizeY; // Dimension (width and height)
color btnBaseColor; // Default gray value
color btnOverColor; // Value when mouse is over the button
color btnPressColor; // Value when mouse is over and pressed
color btnTextColor; /// button text color
boolean over       = false; // True when the mouse is over
boolean pressed    = false; // True when the mouse is over and pressed
String btnLabel;
//sizeX=textWidth(btnLabel); // Can be turned off

Button(String btnLabel, int bx, int by, int sizeX, int sizeY, color btnBaseColor, color btnOverColor, color btnPressColor) {
    this.btnLabel = btnLabel;
    this.bx             = bx;
    this.by             = by;
    this.sizeX          = sizeX;
    this.sizeY          = sizeY;
    this.btnBaseColor   = btnBaseColor;
    this.btnOverColor   = btnOverColor;
    this.btnPressColor = btnPressColor;
}

void update() {
    if ((mouseX >= bx) &&   (mouseX <= bx+sizeX) &&
      (mouseY >= by)    &&   (mouseY <= by+sizeY)) {
      over = true;
    }
    else {
      over = false;
    }
}

boolean press() {
    if (over == true) {
      pressed = true;
      return true;
    }
    else {
      return false;
    }
}

void release() {
    pressed = false;
}

void display() {
    if (pressed == true) {
      fill(btnPressColor);
    }
    else if (over == true) {
      fill(btnOverColor);
    }
    else {
      fill(btnBaseColor);
    }
    stroke(255);
    strokeWeight(1);
    rect(bx, by, sizeX, sizeY);
    // rect(bx, by, textWidth(btnLabel), sizeY); flexible with of the button
    fill(0);
    textAlign(CENTER, CENTER);
    text(btnLabel, bx+sizeX/2, by+sizeY/2);
}
}

//

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

in mousepressed:

case 5:
println("Mouse Pressed: 5th Phase of experiment is: " +switchPhaseMain); // TEMPORARY
switchPhaseMain = 0;
break;

0 is not defined for switchPhaseMain so you receive
Error 158 unknown phase: 0

instead you could say

case 5:
println("Mouse Pressed: 5th Phase of experiment is: " +switchPhaseMain); // TEMPORARY
exit();
break;

I think

Greetings, Chrisir

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

or you meant switchPhaseMain=1; instead of 0 (zero)

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

inarts

Re: Need some help with a guessing-game type of applet!

1 month ago

First, thank you very much, Chrisir, for taking time to read this long code and to make various improvements to it. Without these suggestions, I would not have been able to move ahead.

I followed Chrisir's proposed modifications and corrections concerning:

- Mouse Pressed (making it more concrete)
- Switch (fixing mixed-up phases & states)

Now, I trying to find a way to introduce 4 elements into this game:

- Timer (in switchExperimentState=1) (from the moment the face is see to the moment the the decision is made);
- Confidence slider (after decision, before feedback);
- Pause (in switchPhaseMain=3) to pause any timer
- Record data: 1) random values, 2) weights 3) timer 4) user input: decision (accept or reject) & confidence level
- The rounds finish at 9, but should be at 10. Not sure why.

If you have any suggestions or see other glitches in this code, please reply.

Bellow there is a new and quite well working code:

// GLOBAL UI & OTHER PRESENTS
final int sizeW = 600;
final int sizeH = 600;
final int lineSpace = 30;
final int numberOfRandomValues = 20;
int frameRateSet = 30;
// FONT global
static final int fontSmall = 14; // SMALL text size
static final int fontMedium = 20; // MEDIUM text size
static final int fontLarge = 50; // LARGE text size
PFont chernoffFont; // Arial Narrow 14 pt
// COLOR global
final color[] c = new color[41];
final color[] colorBW = {
color(204), color(255), color(0)
};
// CHERNOFF FACE PARAMETERS [global]
int decisionValue = 0;
float[] weights = new float[numberOfRandomValues];
float [] faceValue = new float[100];
float eWeights = 0.05;
float sumFaceValue;
String msgFaceFeedback;
String msgGoodFeedback = "Good Face";
String msgBadFeedback = "Bad Face";
int faceWorth;
boolean goodFace;
boolean badFace;
String msgErrorFeedback = "Error 158 occured!";
String msgDecision;
// RANDOM VALUES [global]
float[] p = new float[numberOfRandomValues];
float[] rx = new float[numberOfRandomValues];
float[] ry = new float[numberOfRandomValues];
// PHASE [global]
int switchPhaseMain = 1; //3=game
int switchExperimentState = 1; //1=face,2=feedback
int round = 1;
int numberOfRounds = 10;
boolean pause;
boolean faceOnSmall;
boolean faceOnLarge;
// SCORE & POINTS [global]
int pointsTotal = 0;
int [] points = new int[numberOfRounds];
int [] pointsEarned = new int[numberOfRounds];
// BUTTON NAMES [global]
Button btnBack;
Button btnReject;
Button btnAccept;
Button btnInstructNext;
Button btnNextFace;
Button btnInstructBack;
Button btnInstructStart;
Button btnFinish;
Button btnPause;
Button btnUnPause;
// BUTTON LABELS [global]
String btnBackLabel = "Go Back";
String btnRejectLabel = "Reject";
String btnAcceptLabel = "Accept";
String btnIntructNextLabel = "Next";
String btnNextFaceLabel = "Next";
String btnIntructBackLabel = "Go Back";
String btnIntructStartLabel = "Start";
String btnFinishLabel = "Finish";
String btnPauseLabel = "Pause";
String btnUnPauseLabel = "Unpause";
// BUTTON COORDINATES [global]
int btnMargin = 500;
int btnTextPadding = 20;
int btnX = 30;
int btnY = btnMargin;
int btnWidth = 150;
int btnHeight = 50;
int btnXspace = 30;
int btnYspace = 10;
int btn1X = btnX;
int btn1Y = btnY;
int btn2X = btn1X+btnWidth+btnXspace;
int btn2Y = btnY;
int btn3X = btn2X+btnWidth+btnXspace;
int btn3Y = btnY;
int btnPauseX = 510;
int btnPauseY = 10;
int btnPauseW = btnWidth/2;
int btnPauseH = btnHeight/2;
//=========================================================
// SETUP
//.........................................................
void setup() {
size(sizeW, sizeH);
smooth();
frameRate(frameRateSet);
println("setup");
// COLOR [setup]
c[35] = color(#bdb0b7);
c[36] = color(#778C85);
c[37] = color(#F2E6D0);
c[38] = color(#395059);
c[39] = color(#8C1B2F);
c[40] = color(#B5BFAA);
// FONT [setup]
chernoffFont = createFont("Arial", fontSmall, true);
textAlign (CENTER, CENTER);
// BUTTONS [setup]
btnBack = new Button(btnBackLabel, btn1X, btn1Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnReject = new Button(btnRejectLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnAccept = new Button(btnAcceptLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructNext = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnNextFace = new Button(btnIntructNextLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructBack = new Button(btnIntructBackLabel, btn2X, btn2Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnInstructStart = new Button(btnIntructStartLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnFinish = new Button(btnFinishLabel, btn3X, btn3Y, btnWidth, btnHeight, colorBW[0], colorBW[1], colorBW[2]);
btnPause = new Button(btnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
btnUnPause = new Button(btnUnPauseLabel, btnPauseX, btnPauseY, btnPauseW, btnPauseH, colorBW[0], colorBW[1], colorBW[2]);
}
//=========================================================
// DRAW
//.........................................................
void draw() {
smooth();
// PHASE [draw]
switch (switchPhaseMain) {
case 1:
screenInstructions();
manageButtons();
break;
case 2:
screenInstructions();
manageButtons();
faceOnLarge=true;
break;
case 3:
if (switchExperimentState==2){
msgNextFaceRound();
manageButtons();
}
if (faceOnLarge==true) {
chernoffDraw(round);
}
manageButtons();
break;
case 4:
screenInstructions();
manageButtons();
break;
case 5:
screenInstructions();
manageButtons();
break;
default:
text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4);
println ("Error 158 unknown phase: " + switchPhaseMain);
exit();
}
}
//=========================================================
// MOUSE PRESSED
//.........................................................
void mousePressed() {
switch(switchPhaseMain) {
case 1:
if (btnInstructNext.press()) {
switchPhaseMain++;
println("NEXT pressed: we move from 1st PHASE to : " +switchPhaseMain+" PHASE");// tmep msg
}
break;
case 2:
if (btnInstructBack.press()) {
switchPhaseMain--;
println("BACK pressed: we move from 2nd PHASE to : " +switchPhaseMain+" PHASE");// tmep msg
}
if (btnInstructStart.press()) {
switchPhaseMain++;
println("START pressed: we move from 2nd PHASE to : " +switchPhaseMain+" PHASE");// tmep msg
}
break;
case 3:
mousePressedForPhase3() ;
break;
case 4:
if (btnFinish.press()) {
switchPhaseMain++;
}
println("NEXT pressed: we move from 4th PHASE to : " +switchPhaseMain+" PHASE");// tmep msg
break;
case 5:
println("FINISH pressed: we move from 5th PHASE to : " +switchPhaseMain+" PHASE"); // tmep msg
exit();
break;
default:
text ("Error 158 unknown phase: " + switchPhaseMain, width/2, height/4+lineSpace);
println ("Mouse Pressed: Error 158 unknown state " + switchPhaseMain);
break;
}
}
//......................................................... // new2
void mousePressedForPhase3() {
switch (switchExperimentState) {
case 1:
mousePressedForPhase3WithswitchExperimentStateBeing1();
break;
case 2:
if (btnNextFace.press()) {
println("Next Button Pressed: 2nd Phase of experiment is: " +switchPhaseMain);// tmep msg
manageButtons();
faceOnLarge=true; // next face
switchExperimentState=1;
round++;
if (round >= numberOfRounds) {
switchPhaseMain=4;
}
} // if
break;
default:
println ("Error 268 switchExperimentState ");
exit();
break;
}
}
//......................................................... // new2
void mousePressedForPhase3WithswitchExperimentStateBeing1(){
if (btnReject.press()) {
decisionValue = (-1)*faceWorth;
switch (faceWorth) {
case 1:
msgFaceFeedback = msgGoodFeedback;
msgDecision = "wrongly rejected";
break;
case -1:
msgFaceFeedback = msgBadFeedback;
msgDecision = "correctly rejected";
break;
default:
break;
}
if (faceWorth!=0) {
switchExperimentState=2;
pointsEarned[round] = decisionValue;
pointsTotal+= pointsEarned[round];
points[round] +=pointsEarned[round];
println("REJECTED: STATE 1 moved to : "+switchExperimentState+" STATE, "+round+" ROUND. Decision value is [" + faceWorth+"]");//temp
}
}
else if (btnAccept.press()) {
decisionValue = faceWorth;
switch (faceWorth) {
case 1:
msgFaceFeedback = msgGoodFeedback;
msgDecision = "correctly accepted";
break;
case -1:
msgFaceFeedback = msgBadFeedback;
msgDecision = "wrongly accepted";
break;
default:
break;
}
if (faceWorth!=0) {
switchExperimentState=2;
pointsEarned[round] = decisionValue;
pointsTotal+= pointsEarned[round];
points[round] +=pointsEarned[round];
println("ACCEPTED: STATE 1 moved to : "+switchExperimentState+" STATE, "+round+" ROUND. Decision value is [" + faceWorth+"]");//temp
}
}
println("Mouse Pressed: We are still in the CHERNOFF FACE (3rd) switchPhaseMain: " +switchPhaseMain);// TEMPORARY
}
// FUNCTION: CHENFOFF FACE VALUE
void chernoffDraw(int rn) {
//round = rn;
faceWorth = 0;
chernoff(numberOfRandomValues);
showScore(round);
faceValue[round] = sumFaceValue;
faceOnLarge = false;
faceWorth = activateFaceWorth(sumFaceValue);
switch(faceWorth){
case 1: // good face
msgFaceFeedback = msgGoodFeedback;
goodFace = true;
badFace = false;
println("This was a "+msgFaceFeedback+". You shoudl accept it!"); //temp msg
break;
case -1: //bad face
msgFaceFeedback = msgBadFeedback;
goodFace = false;
badFace = true;
println("This was a "+msgFaceFeedback+". You shoudl reject it!"); //temp msg
break;
default:
exit();
break;
}
println("Experiment round: "+round+ ". "+msgFaceFeedback+" real value is: "+ faceValue[round]); //temp msg
}
// FUNCTION: getWeights
float[] getWeights() {
return weights;
}
// FUNCTION: activate
int activateFaceWorth(float sumFaceValue) {
if (sumFaceValue > 0.5) {
return 1;
}
else {
return -1;
}
}
// FUNCTION: CHENFOFF FACE
void chernoff(int n) {
background(c[36]);
smooth();
float[] weights = new float[n];
// GENERATING RANDOM NUMBERS & MEAN VALUE
sumFaceValue=0;
for (int i = 0; i < numberOfRandomValues; i++) {
p[i] = random(0, 1); //p is a vector of random values
weights[i] = eWeights;
println(p[i]);
sumFaceValue+=p[i]*weights[i];
println("["+i+"] random value is: " + p[i]+". Corresponding weight is: "+weights[i]+". Average Sum is: "+sumFaceValue);
}
// FACE DARAWING
pushMatrix();
color eggHeadColor=color(215);
color faceColor = color(235);
color eyeColor = color(255);
translate(width/2, height/2);
int x=0;
int y=0;
float scale10=10;
// egg head
Egg egg_head;
float egg_head_base=250;
float egg_head_var=50;
int headX=0;
int headY=-height/5;
float tilt_head=PI;
float eggHeadSize= egg_head_base+egg_head_var*p[12];
egg_head = new Egg(headX, headY, tilt_head, eggHeadSize, eggHeadColor);
egg_head.display();
// head
int head_bottom_displace=6;
float topX = scale10*(10+p[1]*16); //top width
float topY = scale10*(16+p[2]*8); //top height
float botX = scale10*(12+p[3]*16); //bottom width
float botY = scale10*(12+p[4]*8); //bottom height
fill(faceColor);
noStroke();
ellipse (x, y, topX, topY);
ellipse (x, y+head_bottom_displace*scale10, botX, botY);
// eyes
float eyeX = scale10*(4+p[7]*4);
float eyeY = scale10*(2+p[8]*2);
float eye_spacing =4;
stroke(4);
fill(eyeColor);
strokeWeight(4);
ellipse (x-eye_spacing*scale10, y, eyeX, eyeY);
ellipse (x+eye_spacing*scale10, y, eyeX, eyeY);
// pupils
int mini_pupils=8;
int enlarge_pupils=12;
strokeWeight(mini_pupils+p[9]*enlarge_pupils);
point(x-eye_spacing*scale10, y);
point(x+eye_spacing*scale10, y);
// mouth
float mouth = scale10*(-4+p[5]*8);
strokeWeight(4);
beginShape();
noFill();
int mouth_displace=6;
int mouth_bottom=8;
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x-mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x, y+(mouth_bottom*scale10+mouth));
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
curveVertex(x+mouth_displace*scale10, y+mouth_bottom*scale10);
endShape();
// nose
float noY = scale10*(2.5+p[5]*4);
float noX = scale10*(2+p[6]*4);
float nol = 2*scale10;
strokeWeight(4);
beginShape();
vertex(x, y+nol);
vertex(x-noX, y+noY);
vertex(x+noX, y+noY);
endShape(CLOSE);
// brows
float br_displace=2;
float br_length=6;
float brY1 = scale10*(br_displace+p[10]*br_length);
float brY2 = scale10*(br_displace+p[11]*br_length);
line(x-br_displace*scale10, y-brY1, x-br_length*scale10, y-brY2);
line(x+br_displace*scale10, y-brY1, x+br_length*scale10, y-brY2);
popMatrix();
faceOnSmall = false;
}
// EGG CLASS (drawing face shape)
class Egg {
float eggX, eggY; // X-coordinate, y-coordinate
float eggTilt; // Left and right angle offset
float eggAngle; // Used to define the tilt
float eggHeightScalar; // Height of the egg
color eggColor= color(255) ;
// Constructor
Egg(int xPos, int yPos, float t, float s, color eC) {
eggX = xPos;
eggY = yPos;
eggTilt = t;
eggColor = eC;
eggHeightScalar = s / 100.0;
}
void wobble() {
eggTilt = cos(eggAngle) / 8;
eggAngle += 0.1;
}
void display() {
noStroke();
fill(eggColor);
pushMatrix(); //
translate(eggX, eggY);
rotate(eggTilt);
scale(eggHeightScalar);
beginShape();
vertex(0, -100);
bezierVertex(25, -100, 40, -65, 40, -40);
bezierVertex(40, -15, 25, 0, 0, 0);
bezierVertex(-25, 0, -40, -15, -40, -40);
bezierVertex(-40, -65, -25, -100, 0, -100);
endShape();
popMatrix();
}
}
// TEXT: INSTRUCTIONS
void screenInstructions() {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
switch (switchPhaseMain) {
case 1: // phase=1, instructions 1
textSize(fontMedium);
text("CHERNOFF FACES", width/2, height/4);
textSize(fontSmall);
textFont(chernoffFont);
text("In this game consider faces.", width/2, height/4+lineSpace*2);
text("You will have to learn to accept good faces and reject bad ones.", width/2, height/4+3*lineSpace);
text("Remember that faces are composed of geometrical figures", width/2, height/4+lineSpace*4);
text("that are generated to visualize complex quantitative data.", width/2, height/4+lineSpace*5);
text("How to play? Click "+btnIntructNextLabel+" button to read more...", width/2, height/4+lineSpace*8);
break;
case 2: // phase=2, instructions 2
textSize(fontMedium);
text("HOW TO PLAY", width/2, height/4);
textSize(fontSmall);
textFont(chernoffFont);
text("At the begining you will start with "+pointsTotal+" points.", width/2, height/4+lineSpace*2);
text("For each correct assessment you will receive bonus points,", width/2, height/4+3*lineSpace);
text("and for each wrong assessment you will lose the points.", width/2, height/4+lineSpace*4);
text("You will have an opportunity to evaluate "+numberOfRounds+" projects", width/2, height/4+lineSpace*5);
text("and receive feedback on your decisions & learning progress.", width/2, height/4+lineSpace*6);
text("Click "+btnIntructStartLabel+" button to play!", width/2, height/4+lineSpace*8);
break;
case 3: //phase=3, experiment
// new
break;
case 4: //phase=4, summary & finish experiment
String msgEndThanks = "You have completed the experiment!";
String msgPointsFinal = "In all sets you earned total of " +pointsTotal+ " points";
String msgClickToFinish = "Click to exit!";
textSize(fontMedium);
text(msgEndThanks, width/2, height/4);
textSize(fontSmall);
textFont(chernoffFont);
text(msgPointsFinal, width/2, height/4+lineSpace*2);
text(msgClickToFinish, width/2, height/4+lineSpace*3);
break;
case 5: //phase=5, summary & finish experiment
String msgDone = "You are done!";
String msgThankYou = "Thank you for participating in our experiment!";
textSize(fontMedium);
text(msgDone, width/2, height/4);
textSize(fontSmall);
textFont(chernoffFont);
text(msgThankYou, width/2, height/4+lineSpace*2);
break;
default:
exit();
break;
}
}
// TEXT: FEEDBACK & SWITCH TO NEXT FACE
void msgNextFaceRound () {
background(c[36]);
textAlign(CENTER, CENTER);
fill(0);
String msgEndSet1 = "In round " +round+" you " +msgDecision+" the " +msgFaceFeedback+"!";
String msgEndSet2 = "and earned "+pointsEarned[round]+" points.";
String msgEndSet3 = "In total, your earned " +pointsTotal+"!";
String msgEndSet4 = "After " +round+ " trial(s) you have total of " +(numberOfRounds-round)+" left";
String msgEndSet5 = "Click "+btnNextFaceLabel+" button to continue making choices. Next round is number " + (round+1) + ".";
String msgEndSet6 = "Click "+btnFinishLabel+" button to finish.";
text(msgEndSet1, width/2, height/4+lineSpace*1);
text(msgEndSet2, width/2, height/4+lineSpace*2);
text(msgEndSet3, width/2, height/4+lineSpace*3);
text(msgEndSet4, width/2, height/4+lineSpace*4);
if (round>=numberOfRounds) {
text(msgEndSet5, width/2, height/4+lineSpace*5);
}
if (round>numberOfRounds) {
text(msgEndSet6, width/2, height/4+lineSpace*5);
}
}
// TEXT: SCORE
void showScore(int chernoffRound) {
textAlign(LEFT);
String msgScore1 = "The value of your past decision is: " + decisionValue;
String msgScore2 = "Total points earned: " + pointsTotal;
String msgScore3 = "Trials remaining: " + (numberOfRounds-round);
//String msgScore4 = "Total of wrong answers: "; // to be done
//String msgScore5 = "Total of right answers: "; // to be done
String msgScore6 = "Please evaluate the following project and make a decision:";
text(msgScore1, width/10, height/11 +lineSpace/2*1);
text(msgScore2, width/10, height/11+lineSpace/2*2);
text(msgScore3, width/10, height/11+lineSpace/2*3);
//text(msgScore4, width/10, height/11+lineSpace/2*4); //to finish later
//text(msgScore5, width/10, height/11+lineSpace/2*5); // to finish later
text(msgScore6, width/10, height/11+lineSpace/2*6);
}
// BUTTON: Update & Dispaly
void manageButtons() {
switch (switchPhaseMain) {
case 1:
btnInstructNext.update();
btnInstructNext.display();
break;
case 2:
btnInstructBack.update();
btnInstructBack.display();
btnInstructStart.update();
btnInstructStart.display();
break;
case 3:
switch (switchExperimentState) {
case 1: //stateFace = 1;
btnReject.update();
btnReject.display();
btnAccept.update();
btnAccept.display();
btnPause.update();
btnPause.display();
break;
case 2: // = 2;
btnNextFace.update();
btnNextFace.display();
btnPause.update();
btnPause.display();
break;
default:
println ("Error 606 ###################### switch (switchExperimentState) { ");
exit ();
break;
}
break;
case 4:
btnFinish.update();
btnFinish.display();
break;
default:
break;
}
}
// BUTTON: Mouse Release
void mouseReleased() {
btnBack.release();
btnReject.release();
btnAccept.release();
btnInstructNext.release();
btnNextFace.release();
btnInstructBack.release();
btnInstructStart.release();
btnFinish.release();
btnPause.release();
btnUnPause.release();
}
// BUTTON CLASS:
class Button {
int bx, by; // The x- and y-coordinates
int sizeX, sizeY; // Dimension (width and height)
color btnBaseColor; // Default gray value
color btnOverColor; // Value when mouse is over the button
color btnPressColor; // Value when mouse is over and pressed
color btnTextColor; /// button text color
boolean over = false; // True when the mouse is over
boolean pressed = false; // True when the mouse is over and pressed
String btnLabel;
//sizeX=textWidth(btnLabel); // Can be turned off
Button(String btnLabel, int bx, int by, int sizeX, int sizeY, color btnBaseColor, color btnOverColor, color btnPressColor) {
this.btnLabel = btnLabel;
this.bx = bx;
this.by = by;
this.sizeX = sizeX;
this.sizeY = sizeY;
this.btnBaseColor = btnBaseColor;
this.btnOverColor = btnOverColor;
this.btnPressColor = btnPressColor;
}
void update() {
if ((mouseX >= bx) && (mouseX <= bx+sizeX) &&
(mouseY >= by) && (mouseY <= by+sizeY)) {
over = true;
}
else {
over = false;
}
}
boolean press() {
if (over == true) {
pressed = true;
return true;
}
else {
return false;
}
}
void release() {
pressed = false;
}
void display() {
if (pressed == true) {
fill(btnPressColor);
}
else if (over == true) {
fill(btnOverColor);
}
else {
fill(btnBaseColor);
}
stroke(255);
strokeWeight(1);
rect(bx, by, sizeX, sizeY);
fill(0);
textAlign(CENTER, CENTER);
text(btnLabel, bx+sizeX/2, by+sizeY/2);
}
}
//

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

a typo?

String msgScore6 = "Please evaluate the following project and make a decision:";

shouldn't that be following face?

question to the points

I played and what I got was:

in round 1 you wrongly rejected the good face,,,, earned 0 points
in round 2 you correctly accepted the good face,,,, earned -1 points
in round 3 you wrongly rejected the good face,,,, earned 1 points
in round 4 you correctly accepted the good face,,,, earned -1 points
in round 5 you wrongly accepted the bad face,,,, earned 1 points

this confuses me... is that correct? Why?

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

inarts

Re: Re: Need some help with a guessing-game type of applet!

1 month ago

Chrisir, thanks for trying the code! You were right the points were assigned improperly. I think I managed to fix it.
I also will later take care of "face/project" issue... as I do have to change it.

I will work on the slider code. Thank you!

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

and here comes a small slider (bar)

//
Button buttonProgressFrame;
Button buttonProgressData;
//
// ---------------------------------------------------------------
//
void setup()
{
// init
size(800, 600);
background(0);
//
buttonProgressFrame = new Button ( 10, 40,
width-20, 20,
true, color (0),
true, color (255),
"",
"Click to set play position",
1);
//
buttonProgressData = new Button ( 12, 42,
74, 17,
true, color (222, 1, 1),
false, color (255),
"",
"",
-1);
//
} // func
//
//
void draw()
{
background(0);

//
// show progress bar
buttonProgressFrame.display();
buttonProgressData.display();
//
int newPosition = int ( map( buttonProgressData.w,
buttonProgressFrame.x-5, buttonProgressFrame.x+buttonProgressFrame.w-14,
0, 100 ) ) ;
println( newPosition );
//
} // func
//

// =====================================================================
void mousePressed() {
if (buttonProgressFrame.over()) {
    // bar
    buttonProgressData.w = mouseX-buttonProgressData.x;
}
}

// =====================================================================

// ----------------------------------------

void mouseWheel(MouseEvent event) {
// mousewheel
// only during stateFileManager
// reset timer to avoid tool tip text
// timeSinceLastMouseMoved = millis();

// scroll
//if (state==stateFileManager) {
float e = event.getAmount();
// println(e);
// eval
if (e<0) {
    buttonProgressData.w --;
    if (   buttonProgressData.w <0)
      buttonProgressData.w = 0;
} // if
else if (e>0) {
    // down
    buttonProgressData.w ++;
    if (buttonProgressData.w>buttonProgressFrame.w-2)
      buttonProgressData.w=buttonProgressFrame.w-2;
} // else if
//
// } // if
} // func

// =======================================================================

class Button {
// represents a button
float x;    // position
float y;
float w=0; // size
float h=0;

// color for button
boolean hasColorFill=true;   // if it has filling
color colorFill;             // what is its color?
//
boolean hasColorStroke=true; // if it has an outline
color colorStroke;          // what is it?
// color for images
boolean hasColorImgFill=true;   // if image has filling
color colorImgFill;             // what is its color?
// not in use:
boolean hasColorImgStroke=true; // if it has an outline
color colorImgStroke;          // what is it?

// other
String text="";           // text to display
String textMouseOver =""; // text for mouse over I.
String textMouseOver2=""; // text for mouse over II.
int commandNumber;        // each button has a command number that gets executed when clicked
//
// image button (for prev, next, play/pause)
final int imgProvokeError = -2;   // image types (consts)
final int imgUndefined     = -1;   // image types (consts)
final int imgTriangleLeft = 0;
final int imgTriangleRight = 1;
final int imgPause         = 2;
final int imgFolderUp      = 3;
final int imgHome          = 4;
int imageType = imgProvokeError; // current type (one of the previous)
boolean hasImage = false;         // yes/no
//

// constructor
Button (
float x_, float y_,
float w_, float h_,
boolean hasColorFill_, color cFill_,
boolean hasColorStroke_, color cStroke_,
String text_,
String textMouseOver_,
int commandNumber_) {
    x=x_;
    y=y_;
    w=w_;
    h=h_;
    // color fill
    hasColorFill=hasColorFill_;
    colorFill=cFill_;
    // color stroke
    hasColorStroke = hasColorStroke_;
    colorStroke = cStroke_;
    //
    text=text_;
    textMouseOver=textMouseOver_;
    commandNumber=commandNumber_;
} // constructor
//
void display () {
    if (hasColorFill)
      fill(colorFill);
    else
      noFill();
    if (hasColorStroke)
      stroke(colorStroke);
    else
      noStroke();
    rect(x, y, w, h);
    fill(255);
    if (hasImage) {
      showImage();
    }
    else
    {
      text(text, x+6, y+15);
    }
} // method
//
void showImage() {
    if (hasColorImgFill)
      fill(colorImgFill);
    else
      noFill();
    //
    if (hasColorImgStroke)
      stroke(colorImgStroke);
    else
      noStroke();

    switch (imageType) {
    case imgUndefined:
      // do nothing
      break;
    case imgTriangleLeft:
      //trianglePointingLeft(int(x)+13, int(y)+10);
      break;
    case imgTriangleRight:
      //trianglePointingRight(int(x)+9, int(y)+10);
      break;
    case imgPause:
      // pause
      //signPause(int(x), int(y)+5);
      break;
    case imgFolderUp:
      //signFolderUp(int(x), int(y));
      break;
    case imgHome:
      // signHome(int(x), int(y));
      break;
    default:
      // error
      println ("error 268: no such image type (tab Buttons) : " + imageType);
      exit();
      break;
    } // switch
} // method
//
boolean over() {
    return (mouseX>x && mouseX<x+w&& mouseY>y&&mouseY<y+h);
} // method
//
void showMouseOver() {
    // yellow mouse over help text
    if (!textMouseOver.equals("")) {
      float pos=x; // or mouseX;
      // right screen border?
      if (pos+textWidth(textMouseOver)+10>width) {
        pos=width-textWidth(textMouseOver)-12;
      }
      fill(255, 255, 44);
      noStroke();
      rect(pos, y+h+14, textWidth(textMouseOver)+5, 20);
      fill(0);
      text ( textMouseOver, pos+2, y+48 );
    }
    //
    if (!textMouseOver2.equals("")) {
      float pos=x; // or mouseX;
      // right screen border?
      if (pos+textWidth(textMouseOver2)+10>width) {
        pos=width-textWidth(textMouseOver2)-12;
      }
      fill(255, 255, 44);
      noStroke();
      rect(pos, y+h+14+17, textWidth(textMouseOver2)+5, 20);
      fill(0);
      text ( textMouseOver2, pos+2, y+48+17 );
    }
    //
} // method
//
} // class
//
// ---------------------------------

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

hello,

just a thought:

you don't even need switchExperimentState at all.

It is just two more phases in switchPhaseMain (you could name then 31 and 32 to make that clear)

You can also name the numbers you use for
switchPhaseMain.
So instead of case 1 case 2 etc. you'd say

case switchPhaseInstructionPage1:
case switchPhaseInstructionPage2:
case switchPhasePlay:
case switchPhaseFinalFeedback:

etc.

to do so, you define them as global constants (before setup() ) :

final int switchPhaseInstructionPage1 = 1;
final int switchPhaseInstructionPage2 = 2;
final int switchPhasePlay = 3;
final int switchPhaseFinalFeedback = 4;

etc.

So it's better readable still.

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

here a timer.

//
int len=10;
int last;
//
// ---------------------------------------------------------------
//
void setup()
{
// init
size(800, 600);
last=millis();
} // func
//
//
void draw()
{
background(255);
if (millis() - 10000 >= last) {
len+=10;
last=millis();
}
rect(10, 10, len, 10);
} // func
//
// ============================================

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

Chrisir

Re: Need some help with a guessing-game type of applet!

1 month ago

your other topics:

- Pause (in switchPhaseMain=3) to pause any timer

have a global boolean var paused which is false at the beginning and that can be toggled.
If true, stop timer etc.

- Record data: 1) random values, 2) weights 3) timer 4) user input: decision (accept or reject) & confidence level

Have a class with the data
RecordedData:
1) random values,
2) weights
3) timer
4) Useraccept or rejected
was it a good or bad face?
score
& confidence level

after each round fill the data in

Greetings, Chrisir

If you need an answer, please send me a personal message since this forum doesn't notify.

inarts

Re: Need some help with a guessing-game type of applet!

1 month ago

Thanks, Chrisir, you have provided excellent materials and suggestions to work on! I will spend this upcoming days to incorporate them and share the results. Your support makes the development to progress really fast!

Chrisir

Re: Re: Need some help with a guessing-game type of applet!

1 month ago

I am glad to hear that!

Top Reply