Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Guess Who? CRIME EDITION
ID	6581135536848896
Created	7 years ago, 1532702610514
Updated	6 years ago, 1566543063546
Code	/* DISCLAIMERS: The chef is a girl, and when I say "purple" shirt I mean the purple-blue-ish shirt. No, the chef is not wearing a coat. / / I have been programming for ~9 months, and I have learned 56% of Intro to JS. NOTE TO JUDGES: This game is based on GUESS WHO? by HASBRO GAMING. I added a twist by making it crime, though. I added a story and stuff so that it would be more fun to play. I hope it still counts. Maybe it could be a special edition like Monopoly Star Wars or something like that. There is a GUESS WHO? Marvel Edition tho. So, yeah, I hope it still qualifies. / /* SUBSCRIBE HERE: https://www.khanacademy.org/computer-programming/sub-to-aqua217/5410349576650752 */ var AUTHOR = "AQUA217"; / AUTHOR: AQUA217 DATE STARTED: 07/05/2018 DATE ENDED: 07/27/2018 10:37 PM (Philippine Time) DATE RELEASED: 07/27/2018 LINES OF CODE: Approximately 1600 / /* SIMPLE OVERVIEW OF CODE (to help me find my way around more easily if I wanna change something): Variables - 64 Click Control - 76 Buttons - 87 Arrays - 108 Character art - 117 Eliminating and accusing factors - 397 Drawing the game, menu, interrogation room, how, story, and win and lose screen - 981 Drawing the entire thing - 1591 / //Credits /* This has been a major project for me, and of course I didn't do this alone. So here are... the CREDITS: MAJOR credits to Lin Gh for 1) Making random() only run once every round 2) Making suspects who are "eliminated" stay eliminated so that they don't respond when you accuse them. Umar for fixing a MAJOR bug Credit to SammichMonkey for the idea of only being able to ask a certain number of questions. And Raven for suggesting adding the number of questions asked on the lose/win screen PikaPower13 for detecting a bug Credits to avmswimmer for beta-testing my game! Isaac Emerald for his smooth motion tutorial! Also, a shoutout to mechatrilobite for trying to teach me how to run random() once, I just had a hard time putting it in context, so Lin Gh helped me. To the 25 people who voted up the menu and 7 people who voted up the WIP game. And to Cameron Rautmann, my official pun guy and stalker guy. XD If I'm missing credit to anyone, please tell me in the T&T! Thanks for playing! */ //variables var page = "home"; //defines what page we're in var clicked = false; //we haven't clicked, so this is set to false var menuAnimation = 1000; //This is for the animation on the menu var guiltyPer; //this is for later, to pick who is guilty var guiltyChosen = false; //have we defined our guilty person? Nope, not yet var menuDrop = -1000; //This is for the dropdown menu in the game var attempts = 10; //This defines how many questions we can ask var mouseRelease = true; //if our mouse is released, this equals true. If it isn't, it equals false. var replying = false; //checks if we have replied to the questions var timer = 0; //check how long the answer has flashed var reply; //this will be used to draw the text later //controls clicks mouseClicked = function(){ clicked = true; //if we click, then clicked becomes true }; //controls releases mouseReleased = function(){ mouseRelease = false; }; //function for the buttons var btn = function(x,y,w,h,r, pageSwitch){ //what happens when we hover over our button if(mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h){ r -= 25; //when we hover over the button, make the radius smaller by 25px cursor("pointer"); //changes the cursor when we hover if(clicked === true){ page = pageSwitch; ///if we click, change the page that we're in } } rect(x,y,w,h,r); //draws the button }; //the possible suspects var posSus = ["Neighbor", "The Butler", "The Friend", "The Maid", "The Chef", "Professor", "The Sister", "The Servant", "Daughter", "Workmate", "The Doctor", "The Teacher"]; //these determine whether we are eliminated or not. 1 means we aren't, 2 means we are var states = [1,1,1,1,1,1,1,1,1,1,1,1]; //the questions var questions = ["Hat", "Glasses", "Brown Shirt", "Gray Shirt", "Pink Shirt", "Purple Shirt", "White Shirt","Moustache", "Necklace", "Black Hair", "Red Hair", "Brown Hair", "Gray Hair", "Bonnet", "Coat","Girl", "Boy", "Black Shirt" ]; //The following are the character graphics var s1 = function(x,y,w,h){ noStroke(); //removes outline fill(69, 69, 69); //changes color to a dark gray arc(x,y,w1.4,-h,1,180); //creates an arc for the shoulders fill(240, 237, 170); //changes color to peach-ish ellipse(x,y - h/1.5,w,h); //creates face fill(0, 0, 0); //changes color to black rect(x - w/2,y - h1.7,w,h - h/3); //creates the top part of the hat rect(x - w/1.75, y - h1.05, w + w/5,h - h/1.1); //creates the lower part of the hat }; //The rich, nosy neighbor var s2 = function(x,y,w,h){ noStroke(); //removes outline fill(0, 0, 0); //changes color to black arc(x,y,w1.4,-h,1,180); //creates arc for shoulders fill(255, 255, 255); //makes color white rect(x - w/4.5,y - h/1.95,w/2.5,h/2,2.5); // creates rectangle which is supposed to be the undershirt fill(240, 237, 170); //changes to a skin color ellipse(x,y - h/1.25,w,h); //creates the head fill(0, 0, 0); //changes color back to black arc(x,y - h1.1,w/1.25,-h/2,1,180); //creates the hair noFill(); //removes the color stroke(0, 0, 0); //adds a black outline strokeWeight(2.5); //makes outline 2.5 pixels thick //creates mousetache arc(x - w/9,y - h/1.55,w/5,h/10,1,125); arc(x + w/9,y - h/1.55,w/5,h/10,50,180); }; //the butler var s3 = function(x,y,w,h){ noStroke(); //removes outline fill(255, 0, 255); //makes color pink arc(x,y,w1.4,-h,1,180); //adds an arc for the body (shoulders) noFill(); //removes the color stroke(245, 245, 245); //makes a super light gray ellipse(x,y - h/4,w/2,h/3); //creates the necklace noStroke(); //removes outline again fill(163, 163, 163); //changes color to gray //creates hair ellipse(x,y - h/0.8,w1.01,h/2); ellipse(x - w0.25,y - h,w1.01,h - h/2); ellipse(x + w0.25,y - h,w1.01,h -h/2); ellipse(x - w0.25,y - h/0.5/2.6,w1.01,h-h/2); ellipse(x + w0.25,y - h/0.5/2.6,w1.01,h-h/2); fill(240, 237, 170); //changes to skin color ellipse(x,y - h/1.25,w,h); //creates head }; //Mrs. Beal's best friend var s4 = function(x,y,w,h){ noStroke(); //removes outline fill(149, 143, 255); //makes color a light blue/purple arc(x,y,w1.4,-h,1,180); //creates arc for shoulders stroke(149, 143, 255); //makes the stroke a light blue/purple fill(237, 237, 237); //makes color a super light gray ellipse(x,y - h,w1.25,h); //bonnet noStroke(); //removes outline fill(240, 237, 170); //makes color peach ellipse(x,y - h/1.25,w,h); //creates face fill(122, 77, 0); //changes color to brown arc(x, y - h/0.9, w/1.3,-h/3.25,1,180); //creates hair }; //the maid var s5 = function(x,y,w,h){ stroke(209, 209, 209); //adds a light gray outline strokeWeight(1); //makes the outline weight 1 pixel fill(255, 255, 255); //sets color to white arc(x,y,w1.4,-h,1,180); //creates arc for shoulders noStroke(); //removes outline fill(255, 0, 0); //makes color red rect(x - w/7.5,y - h/1.95,w/5,h/2,2.5); //creates the neckerchief thingy fill(140, 51, 0); //makes color a dark red //creates the hair ellipse(x,y - h/0.8,w,h/2); ellipse(x - w0.15,y - h,w1.01,h - h/2); ellipse(x + w0.15,y - h,w1.01,h -h/2); fill(240, 237, 170); //makes a skin color ellipse(x,y - h/1.25,w,h); //creates face stroke(209, 209, 209); //makes outline a light gray fill(255, 255, 255); //makes color white rect(x - w/2,y - h1.75,w,h/2,2.5); //makes the top part of the chef's hat rect(x - w/2,y - h1.25,w,h/7,2.5); //makes the bottom part of the chef's hat }; //the chef var s6 = function(x,y,w,h){ noStroke(); //removes outline fill(0, 0, 0); //changes color to black arc(x,y,w1.4,-h,1,180); //creates an arc for the shoulders fill(186, 186, 186); //changes color to light gray //creates hair ellipse(x - w/2.5,y - h/1.15,w/2,h/3); ellipse(x + w/2.5,y - h/1.15,w/2,h/3); noStroke(); fill(240, 237, 170); //changes color to peach-ish ellipse(x,y - h/1.5,w,h); //creates face fill(0, 0, 0); //changes color to black rect(x - w/2,y - h1.5,w,h - h/2); //creates the top part of the hat rect(x - w/1.75, y - h1.05, w + w/5,h - h/1.1); //creates the lower part of the hat noFill(); //removes the color stroke(0, 0, 0); //adds a black outline //draw glasses //lenses ellipse(x - w/5,y - h0.7,w/6.5,h/7.5); ellipse(x + w/5,y - h0.7,w/6.5,h/7.5); //holder thingy on nose arc(x ,y - h0.7,w/4,h/15,1,180); noFill(); //removes the color stroke(0, 0, 0); //adds a black outline strokeWeight(1.5); //makes outline 1.5 pixels thick //creates mousetache arc(x - w/9,y - w/1.25,w/5,h/10,1,125); arc(x + w/9,y - w/1.25,w/5,h/10,50,180); }; //The professor var s7 = function(x,y,w,h){ noStroke(); //removes outline fill(133, 151, 242); //makes color pale blue arc(x,y,w1.4,-h,1,180); //adds an arc for the body (shoulders) noFill(); //removes the color stroke(212, 208, 212); //makes color gray ellipse(x,y - h/3.5,w/2,h/3); //creates the necklace noStroke(); //removes outline fill(161, 29, 29); //changes color to red //creates hair ellipse(x,y - h/0.8,w1.01,h/2); ellipse(x - w0.25,y - h,w1.01,h - h/3); ellipse(x + w0.25,y - h,w1.01,h - h/3); fill(240, 237, 170); //changes to skin color ellipse(x,y - h/1.25,w,h); //creates head }; //Mrs. Beal's sister var s8 = function(x,y,w,h){ noStroke(); //removes outline fill(92, 57, 7); //makes color a brown arc(x,y,w1.4,-h,1,180); //creates arc for shoulders fill(240, 237, 170); //makes color peach ellipse(x,y - h/1.25,w,h); //creates face fill(120, 74, 0); //changes color to brown arc(x, y - h/0.9, w/1.2,-h/2.5,1,180); //creates hair }; //the servant boy var s9 = function(x,y,w,h){ noStroke(); //removes outline fill(255, 0, 255); //makes color pink arc(x,y,w1.4,-h,1,180); //adds an arc for the body (shoulders) fill(107, 61, 0); //changes color to brown //creates hair ellipse(x,y - h0.9,w1.25,h/0.9); fill(240, 237, 170); //changes to skin color ellipse(x,y - h/1.25,w,h); //creates head fill(107, 61, 0); //changes color to brown //created the bangs arc(x, y - h/0.9, w/1.1,-h/2.5,1,180); //creates hair }; //The daughter var s10 = function(x,y,w,h){ noStroke(); //removes outline fill(66, 66, 66); //makes color gray arc(x,y,w1.4,-h,1,180); //creates arc for shoulders fill(255, 255, 255); rect(x - w/5.25,y - h/1.95,w/2.5,h/2,2.5); // creates rectangle which is supposed to be the undershirt fill(240, 237, 170); //makes color peach ellipse(x,y - h/1.25,w,h); //creates face fill(0, 0, 0); //changes color to black arc(x, y - h/0.9, w/1.2,-h/2.5,1,180); //creates hair }; //Mr. Beal's workmate var s11 = function(x,y,w,h){ stroke(173, 173, 173); //makes outline gray strokeWeight(1); //makes outline 1 pixel thick fill(255, 255, 255); //changes color to a white arc(x,y,w1.4,-h,1,180); //creates an arc for the shoulders noStroke(); //removes outline fill(163, 161, 163); //changes color to light gray //creates hair ellipse(x - w/3,y - h/1.15,w/2,h/3); ellipse(x + w/3,y - h/1.15,w/2,h/3); fill(240, 237, 170); //changes color to peach-ish ellipse(x,y - h/1.5,w,h); //creates face noFill(); //removes the color stroke(0, 0, 0); //adds a black outline //draw glasses //lenses ellipse(x - w/5,y - h0.7,w/6.5,h/7.5); ellipse(x + w/5,y - h0.7,w/6.5,h/7.5); //holder thingy on nose arc(x ,y - h0.7,w/4,h/15,1,180); }; //The doctor var s12 = function(x,y,w,h){ noStroke(); //removes outline fill(115, 75, 0); //makes color a light blue/purple arc(x,y,w1.4,-h,1,180); //creates arc for shoulders stroke(255, 255, 255); //makes the outline white fill(117, 80, 41); //makes color brown ellipse(x,y - h,w1.25,h); //bonnet noStroke(); //removes outline fill(240, 237, 170); //makes color peach ellipse(x,y - h/1.25,w,h); //creates face fill(0, 0, 0); //changes color to black arc(x, y - h/0.9, w/1.3,-h/2.5,1,180); //creates hair }; //the village teacher //AUGHH!!! LIN THANK YOU SO MUCH FOR THIS FUNCTION!!! YOU ARE A LIFESAVER!!! var guilty = function(){ if (!guiltyChosen) { //if guilty is not chosen yet (The round hasn't started) guiltyPer = guiltyPer = posSus[floor(random(0, posSus.length))]; //get the guilty person from the suspect array guiltyChosen = true; //and set guiltyChosen to true so that it runs only once } if(guiltyPer === posSus[0]){ questions[0] = "Yes"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "Yes"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the neighbor if(guiltyPer === posSus[1]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "Yes"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "Yes"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "Yes"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "Yes"; //are we wearing a black shirt? } //the attributes of the butler if(guiltyPer === posSus[2]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "Yes"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "Yes"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "Yes"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the friend if(guiltyPer === posSus[3]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "Yes"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "Yes"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "Yes"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the maid if(guiltyPer === posSus[4]){ questions[0] = "Yes"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "Yes"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "Yes"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the chef if(guiltyPer === posSus[5]){ questions[0] = "Yes"; //are we wearing a hat? questions[1] = "Yes"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "Yes"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "Yes"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "Yes"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "Yes"; //are we wearing a black shirt? } //the attributes of the professor if(guiltyPer === posSus[6]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "Yes"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "Yes"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "Yes"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the sister if(guiltyPer === posSus[7]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "Yes"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "Yes"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the servant if(guiltyPer === posSus[8]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "Yes"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "Yes"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the daughter if(guiltyPer === posSus[9]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "Yes"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "Yes"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "Yes"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the workmate if(guiltyPer === posSus[10]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "Yes"; //are we wearing glasses? questions[2] = "No"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "Yes"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "No"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "Yes"; //do we have a gray hair? questions[13] = "No"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "No"; //are we a girl? questions[16] = "Yes"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the doctor if(guiltyPer === posSus[11]){ questions[0] = "No"; //are we wearing a hat? questions[1] = "No"; //are we wearing glasses? questions[2] = "Yes"; //are we wearing a brown shirt? questions[3] = "No"; //are we wearing a gray shirt? questions[4] = "No"; //are we wearing a pink shirt? questions[5] = "No"; //are we wearing a purple shirt? questions[6] = "No"; //are we wearing a white shirt? questions[7] = "No"; //do we have a moustache? questions[8] = "No"; //are we wearing a necklace? questions[9] = "Yes"; //do we have a black hair? questions[10] = "No"; //do we have a red hair? questions[11] = "No"; //do we have a brown hair? questions[12] = "No"; //do we have a gray hair? questions[13] = "Yes"; //are we wearing a bonnet? questions[14] = "No"; //are we wearing a coat? questions[15] = "Yes"; //are we a girl? questions[16] = "No"; //are we a boy? questions[17] = "No"; //are we wearing a black shirt? } //the attributes of the village teacher }; //this function determines who is guilty and creates the answers for the INTERROGATION ROOM var suspect = function(x,y,w,h,name,state){ fill(240, 240, 240,150); //makes a translucent white strokeWeight(1); //sets an outline 1 pixel thick stroke(74, 74, 74,100); //makes a transparent gray outline //if our mouse is hovering over the cards... if(mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h){ cursor("pointer"); //change cursor to pointer if(clicked === true && name === posSus[0]){ states[0] = 2; } //if we click suspect 1, change states value to 2 and eliminate if(clicked === true && name === posSus[1]){ states[1] = 2; } //if we click suspect 2, change states value to 2 and eliminate if(clicked === true && name === posSus[2]){ states[2] = 2; } //if we click suspect 3, change states value to 3 and eliminate if(clicked === true && name === posSus[3]){ states[3] = 2; } //if we click suspect 4, change states value to 2 and eliminate if(clicked === true && name === posSus[4]){ states[4] = 2; } //if we click suspect 5, change states value to 2 and eliminate if(clicked === true && name === posSus[5]){ states[5] = 2; } //if we click suspect 6, change states value to 2 and eliminate if(clicked === true && name === posSus[6]){ states[6] = 2; } //if we click suspect 7, change states value to 2 and eliminate if(clicked === true && name === posSus[7]){ states[7] = 2; } //if we click suspect 8, change states value to 2 and eliminate if(clicked === true && name === posSus[8]){ states[8] = 2; } //if we click suspect 9, change states value to 2 and eliminate if(clicked === true && name === posSus[9]){ states[9] = 2; } //if we click suspect 10, change states value to 2 and eliminate if(clicked === true && name === posSus[10]){ states[10] = 2; } //if we click suspect 11, change states value to 2 and eliminate if(clicked === true && name === posSus[11]){ states[11] = 2; } //if we click suspect 12, change states value to 2 and eliminate if(state === 1){ fill(0, 0, 0,75); //makes color a transparent black rect(x,y - 5,60,15,7.5); //makes a rect over the card fill(255, 255, 255); //makes color white textFont(createFont("Avenir Next")); //makes the font "Avenir Next" textSize(11); //makes the text size 15 text(name, x + 4.5,y + 7); //adds text which will show the name of the character fill(176, 176, 176,100); //makes color a transparent gray } //if we aren't eliminated yet } if(state === 2){ cursor("default"); //makes cursor just an arrow (default cursor) fill(191, 0, 0); textSize(9.5); text("ELIMINATED\nELIMINATED\nELIMINATED\nELIMINATED\nELIMINATED\nELIMINATED\nELIMINATED", x + 0.75,y + 10); fill(0, 0, 0,25); } //if we are eliminated rect(x,y,w,h); //draws the rectangle }; //to show the suspect's name var askq = function(x,y,w,h,q){ fill(150, 150, 150); //makes color gray //if we hover over the button... if(mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h){ cursor("pointer"); //change cursor to "pointer" fill(110, 110, 110); //if we press... if(clicked){ if(q === "hat"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[0]; //displays the text } //do we have a hat? If yes, output true. If not, output false if(q === "glasses"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[1]; //displays the text } //do we have glasses? If yes, output true. If not, output false if(q === "brown shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[2]; //displays the text } //do we have a brown shirt? If yes, output true. If not, output false if(q === "gray shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[3]; //displays the text } //do we have a gray shirt? If yes, output true. If not, output false if(q === "pink shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[4]; //displays the text } //do we have a pink shirt? If yes, output true. If not, output false if(q === "purple shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[5]; //displays the text } //do we have a purple shirt? If yes, output true. If not, output false if(q === "white shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[6]; //displays the text } //do we have a white shirt? If yes, output true. If not, output false if(q === "moustache"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[7]; //displays the text } //do we have a moustache? If yes, output true. If not, output false if(q === "necklace"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[8]; //displays the text } //do we have a necklace? If yes, output true. If not, output false if(q === "black hair"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[9]; //displays the text } //do we have black hair? If yes, output true. If not, output false if(q === "red hair"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[10]; //displays the text } //do we have red hair? If yes, output true. If not, output false if(q === "brown hair"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[11]; //displays the text } //do we have a brown hair? If yes, output true. If not, output false if(q === "gray hair"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[12]; //displays the text } //do we have gray hair? If yes, output true. If not, output false if(q === "bonnet"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[13]; //displays the text } //do we have a bonnet? If yes, output true. If not, output false if(q === "coat"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[14]; //displays the text } //do we have a coat? If yes, output true. If not, output false if(q === "female"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[15]; //displays the text } //are we a girl? If yes, output true. If not, output false if(q === "male"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[16]; //displays the text } //are we a boy? If yes, output true. If not, output false if(q === "black shirt"){ timer = 0; //starts timer replying = true; //are we replying? reply = questions[17]; //displays the text } //do we have a black shirt? If yes, output true. If not, output false fill(90,90,90); } //if we release... if(mouseRelease === false){ attempts --; //lower our number of attempts by 1 } } rect(x,y,w,h,5); //creates the rectangle for the button }; //this function is so that you can ask questions about the suspect var aSus = function(x,y,w,h,ac,el){ //if a suspect is eliminated, do nothing if (el === 2) { return; } fill(125, 125, 125); //makes button gray if(mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h){ fill(75, 75, 75); //changes the color of the button to a darker gray cursor("pointer"); //changes cursor to "pointer" //NOTE: You actually put this outside the if statement. So it didn't check whether the mouse is both INSIDE the button AND clicked //if we clicked and... if(clicked){ if(ac === guiltyPer){ page = "win"; //we picked the right guilty person, we win! } if(ac !== guiltyPer){ page = "lose"; //if we pick wrongly...we lose. :( } } } rect(x,y,w,h); //draws the button }; //this is to accuse the suspects //I put everything in functions so that it's cleaner. I also want to because it makes me feel like I'm just doing small, multiple programs and compiling it var menu = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of)) fill(75, 33, 0); //makes color a dark brown textSize(11); //sets text size to 11 text("©2018 " + AUTHOR + " CODING", 12.5,385); //creates copyright text //The picture frame stroke(161, 161, 161); //adds a gray outline strokeWeight(10); //thickens outline fill(255, 255, 255); //colors rectangle white rect(225/2,35,175,225,2.5); //rectangle //The picture noStroke(); //removes outline fill(191, 191, 191); //changes color arc(201,255,165,-225,1,180); //creates the person in the picture's body ellipse(200, 110, 75, 100); //creates his head //Question mark textFont(createFont("Avenir Next")); //sets font to Avenir Next textSize(250); //sets size of text to 250 fill(255, 0, 0); //changes color text("?", 140,235); //creates text //Title textSize(50); //changes text size to 50 pushMatrix(); rotate(-5);//rotates text fill(255, 255, 255); //changes color text("GUESS WHO?", 10,345); //creates text popMatrix(); //Subtitle textSize(20); //sets text size to 25 pushMatrix(); rotate(5); //rotates text fill(255, 0, 0); //changes color text("CRIME EDITION", 155,340); //creates text popMatrix(); //police tape stroke(255, 213, 0); //makes stroke yellow strokeWeight(25); //makes stroke thicker line(125 - menuAnimation, -5 - menuAnimation, -10 - menuAnimation, 100 - menuAnimation); //makes the police tape on the top-left line(425 + menuAnimation, 300 + menuAnimation, 250 + menuAnimation, 420 + menuAnimation); //makes the police tape on the bottom-left //Text on tape pushMatrix(); textSize(15); //changes text size to 15 rotate(-37.5);//rotates text fill(0, 0, 0); //changes color text("CRIME SCENE DO NOT C", -60 - menuAnimation,80 - menuAnimation);//creates text (TOP-LEFT) rotate(2.5); //rotates it back a little -- by 2.5px text("ENE DO NOT CROSS", 0 + menuAnimation,495 + menuAnimation);//creates text (BOTTOM-RIGHT) popMatrix(); //Magnifying Glass strokeWeight(10); fill(201, 235, 255,50); stroke(0, 0, 0); ellipse(340 - menuAnimation,65 - menuAnimation,75,75); line(370 - menuAnimation, 30 - menuAnimation, 400 - menuAnimation, 0 - menuAnimation); menuAnimation/=1.1; //creates the menu animation fill(255, 255, 255,75); //changes color of button stroke(100, 100, 100); //changes stroke of button btn(100 - menuAnimation,75 + menuAnimation,200 - menuAnimation,200 - menuAnimation,100,"help"); //button //The play symbol fill(0, 0, 0,75);//changes the color to a tranparent gray-ish color noStroke(); //removes the stroke triangle(150 - menuAnimation,125 + menuAnimation/2,250 - menuAnimation*1.5, 175 + menuAnimation/3,150 - menuAnimation,230 + menuAnimation/5); }; //All the code for the menu var help1 = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of)) fill(75, 33, 0); //makes color a dark brown textSize(11); //sets text size to 11 text("©2018 AQUA217 CODING", 12.5,385); //creates copyright text //Header fill(255, 255, 255); //changes the color textSize(50); //changes text size to 50 text("CASE FILE", 75,100); //creates text //Text body textSize(15); //changes text size to 15 text("Yesterday night at 2:58 am, Mr. and Mrs. Beal\nwoke up at the sound of a crash. They rushed\ndownstairs, only to discover that Mrs. Beal's\nfavorite necklace was gone! She kept it in her\nsmall drawer, inside the lounging room. 12 of\nher friends know of it. Your mission, should you\nchoose to accept it, is to find out who took it.\nGood luck.", 50,150); //creates text //police tape stroke(255, 213, 0); //makes stroke yellow strokeWeight(25); //makes stroke thicker line(125, -5, -10, 100); //makes the police tape on the top-left line(425, 300, 250, 420); //makes the police tape on the bottom-left //Text on tape pushMatrix(); textSize(15); //changes text size to 15 rotate(-37.5);//rotates text fill(0, 0, 0); //changes color text("CRIME SCENE DO NOT C", -60,80);//creates text (TOP-LEFT) rotate(2.5); //rotates it back a little -- by 2.5px text("ENE DO NOT CROSS", 0,495);//creates text (BOTTOM-RIGHT) popMatrix(); //Magnifying Glass strokeWeight(10); //outline weight will be 10 pixels fill(201, 235, 255,50); //changes color to transparent light blue stroke(0, 0, 0); //makes outline black ellipse(340,65,75,75); //makes a circle line(370, 30, 400, 0); //makes a line which serves as a handle noStroke(); //removes outline noFill(); //removes the color btn(237.5,335,75,25,50,"help2"); //the "next" button (invisible) //"Next" symbol fill(255, 255, 255); //sets color to white textSize(25); text("Next >", 240,355); }; //All the content for the story page var help2 = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of)) fill(75, 33, 0); //makes color a dark brown textSize(11); //sets text size to 11 text("©2018 AQUA217 CODING", 12.5,385); //creates copyright text //Header fill(255, 255, 255); //changes the color textSize(50); //changes text size to 50 text("HOW TO", 90,100); //creates text //Text body textSize(15); //changes text size to 15 text("Find the thief. \nTo question the witness, open the drop-down\nmenu and press the questions to ask them. The\nwitness will answer either YES or NO. You only \ncan ask 10 questions. \n\nTo eliminate a suspect, click on them. You can't \nundo eliminations. To accuse, click the accuse \nbutton and accuse the correct suspect. \nGood luck. ", 50,150); //creates text //police tape stroke(255, 213, 0); //makes stroke yellow strokeWeight(25); //makes stroke thicker line(125, -5, -10, 100); //makes the police tape on the top-left line(425, 300, 250, 420); //makes the police tape on the bottom-left //Text on tape pushMatrix(); textSize(15); //changes text size to 15 rotate(-37.5);//rotates text fill(0, 0, 0); //changes color text("CRIME SCENE DO NOT C", -60,80);//creates text (TOP-LEFT) rotate(2.5); //rotates it back a little -- by 2.5px text("ENE DO NOT CROSS", 0,495);//creates text (BOTTOM-RIGHT) popMatrix(); //Magnifying Glass strokeWeight(10); fill(201, 235, 255,50); stroke(0, 0, 0); ellipse(340,65,75,75); line(370, 30, 400, 0); noStroke(); //removes outline noFill(); //removes the color btn(257.5,335,50,25,50,"game"); //the "next" button (invisible) //"Next" symbol fill(255, 255, 255); //sets color to white textSize(25); //sets text size to 25 text("Go >", 260,355); //draws text }; //Everything for the HOW page is in here :P var game = function(){ guilty(); //sets who the guilty person is //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of) stroke(115, 73, 0); //adds a dark brown border fill(135, 93, 2); //changes color to brown rect(50,25,300,305); //creates the "board" fill(115, 73, 0); //makes color a darker brown rect(50,330,300,30); //makes a rectangle to make "board" look 3D fill(95, 53, 0); //changes color to darkest brown textFont(createFont("Phosphate")); //changes font to Phosphate pushMatrix(); rotate(2.5); //rotates the text text("GUESS WHO?", 175,342); //creates the text popMatrix(); textFont(createFont("Avenir Next")); //changes font back to Avenir Next suspect(75, 35, 55, 95, posSus[0],states[0]); //draws the card s1(100,120, 20,45); //draws the neighbor suspect(135, 30 + 5, 60, 95, posSus[1],states[1]); //draws the card s2(140 + 25, 115 + 5, 30, 45); //draws the butler suspect(200, 30 + 5, 60, 95, posSus[2],states[2]); //draws the card s3(230, 115 + 5, 30,45); //draws Mrs. Beal's best friend suspect(265,30 + 5, 60, 95, posSus[3],states[3]); //draws the card s4(295, 115 + 5, 30, 45); //draws the maid suspect(75, 130 + 5, 55, 95, posSus[4],states[4]); //draws the card s5(102.5, 215 + 5, 30,45); //draws the chef suspect(135, 130 + 5, 60, 95, posSus[5],states[5]); //draws the card s6(165,215 + 5, 30, 45); //draws the professor suspect(200, 130 + 5, 60, 95, posSus[6],states[6]); //draws the card s7(230, 215 + 5, 30,45); //draws Mrs. Beal's sister suspect(265, 130 + 5, 60, 95, posSus[7],states[7]); //draws the card s8(295, 215 + 5, 30, 45); //draws the servant boy suspect(75, 230 + 5, 55, 90, posSus[8],states[8]); //draws the card s9(102.5,310 + 5, 25,45); //draws the daughter suspect(135, 230 + 5, 60, 90, posSus[9],states[9]); //draws the card s10(165, 310 + 5, 30, 45); //draws Mr. Beal's workmate suspect(200, 230 + 5, 60, 90, posSus[10],states[10]); //draws the card s11(230, 310 + 5, 30,45); //draws the doctor suspect(265, 230 + 5, 60, 90, posSus[11],states[11]); //draws the card s12(295, 310 + 5, 30, 45); //draws the village teacher fill(115, 73, 0); //makes color dark(ish) brown rect(70,117.5 + 5,260,7.5); //makes a rectangle to make pocket look 3D rect(70,217.5 + 5,260,7.5); //makes a rectangle to make pocket look 3D rect(70,312.5 + 5,260,7.5); //makes a rectangle to make pocket look 3D fill(135, 103, 0); //makes color light brown rect(70,120,260,7.5); //makes a rectangle to for pocket rect(70,220,260,7.5); //makes a rectangle to for pocket rect(70,315,260,7.5); //makes a rectangle to for pocket fill(95, 53, 0); //changes color to dark brown btn(150,365,100,20,23, "accuse"); //creates a button that leads to the ACCUSE page textSize(15); //makes text size 15 fill(38, 11, 0); //changes color to dark brown text("ACCUSE", 170,380); //draws text fill(209, 209, 209); //changes color to light gray btn(370, 372.5, 15, 15,10, "help2"); //creates a button that leads to the help page fill(0, 0, 0); //changes color to black textSize(15); //makes text size 15 text("?", 374,386); //creates a question mark fill(209, 209, 209); //changes color back to light gray btn(350, 372.5, 15, 15,10, "help"); //creates a button that leads to the story page fill(0, 0, 0); //changes color to black //creates a book symbol (representing a story) arc(355,378.5,5,-5,1,180); arc(360,378.5,5,-5,1,180); rect(352,377.5,11,6.5); fill(209, 209, 209); //changes color back to light gray ellipse(357.5,385.5, 2.5,2.5); //makes a lump in the bottom of the book. If you closely, you'll see it stroke(148, 148, 148); //adds a light gray outline fill(0, 0, 0,50); //changes color to transparent black if(mouseX > 175 && mouseX < 175 + 50 && mouseY > -1 && mouseY < 29){ fill(0, 0, 0,75); //if we hover over these coordinates, it changes the rectangle's color to a more translucent black cursor("pointer"); //makes the cursor "pointer" if(clicked === true){ page = "ask"; //if we click on the rectangle, bring us to the page "ask" } } rect(175,-1,50,20,2.5); //creates a rectangle }; //This, my friend, is all the code for the game var ask = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of) fill(0, 0, 0,75); //makes color a transparent black stroke(148, 148, 148); //adds a light gray outline rect(175, 399 + menuDrop, 50, 20, 2.5); //makes a rectangle for the tab noStroke(); //removes outline rect(-10, -10, width + 10, height + 10 + menuDrop); //creates a dropdown rect that will cover the entire screen menuDrop /= 1.1; //makes the "interrogation room drop down" drop down textFont(createFont("Avenir Next")); //makes text font Avenir Next fill(255, 255, 255); //changes color to white textSize(22.5); //makes text size 22.5 text("Welcome to the Interrogation Room", 17.5, 40 + menuDrop); //creates text fill(0, 0, 0); //changes color to black textSize(20); //makes color black text("ASK:", 170,75 + menuDrop); //makes text textSize(12); //changes text size to twelve text("Did they have a...", 10,100 + menuDrop); //creates question section #1 text("Was their shirt...", 110,100 + menuDrop); //creates question section #2 text("Was their hair...", 207.5,100 + menuDrop); //creates question section #3 text("Were they...", 307.5,100 + menuDrop); //creates question section #4 stroke(75, 50, 0,100); //makes outline transparent brown line(105,75 + menuDrop,105,335 + menuDrop); //creates a "divider" between question sections line(200,75 + menuDrop,200,260 + menuDrop); //creates a "divider" between question sections line(295,75 + menuDrop,295,255 + menuDrop); //creates a "divider" between question sections line(0,335 + menuDrop,400,335 + menuDrop); //creates underline //buttons //accessories askq(25,100 + menuDrop + 20,70,25, "hat"); //do we have a hat? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Hat?", 42.5,117.5 + menuDrop + 20); //creates text askq(25,135 + menuDrop + 20,70,25, "glasses"); //do we have a glasses? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Glasses?", 32.5,152.5 + menuDrop + 20); //creates text askq(25,135 + 35 + menuDrop + 20,70,25, "bonnet"); //do we have a bonnet? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Bonnet?", 32.5,187.5 + menuDrop + 20); //creates text askq(25,135 + 70 + menuDrop + 20,70,25, "necklace"); //do we have a necklace? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Necklace?", 25,225 + menuDrop + 20); //creates text askq(25,135 + 105 + menuDrop + 20,70,25, "coat"); //do we have a coat? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Coat?", 40,257.5 + menuDrop + 20); //creates text askq(25,135 + 140 + menuDrop + 20,70,25, "moustache"); //do we have a mousetache? textSize(12.5); //makes text size 15 fill(0, 0, 0); //makes color black text("Moustache?", 25,292.5 + menuDrop + 20); //creates text //shirts askq(115,100 + menuDrop + 20,70,25, "brown shirt"); //do we have a brown shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Brown?", 125,117.5 + menuDrop + 20); //creates text askq(115,135 + menuDrop + 20,70,25, "gray shirt"); //do we have a gray shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Gray?", 130,152.5 + menuDrop + 20); //creates text askq(115,135 + 35 + menuDrop + 20,70,25, "pink shirt"); //do we have a pink shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Pink?", 130,187.5 + menuDrop + 20); //creates text askq(115,135 + 70 + menuDrop + 20,70,25, "purple shirt"); //do we have a purple shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Purple?", 122.5,222.5 + menuDrop + 20); //creates text askq(115,135 + 105 + menuDrop + 20,70,25, "white shirt"); //do we have a white shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("White?", 125,257.5 + menuDrop + 20); //creates text askq(115,140 + 135 + menuDrop + 20,70,25, "black shirt"); //do we have a black shirt? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Black?", 127.5,292.5 + menuDrop + 20); //creates text //hair askq(210,100 + menuDrop + 20,70,25, "black hair"); //do we have black hair? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Black?", 222.5,117.5 + menuDrop + 20); //creates text askq(210,135 + menuDrop + 20,70,25, "red hair"); //do we have red hair? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Red?", 227.5,152.5 + menuDrop + 20); //creates text askq(210,135 + 35 + menuDrop + 20,70,25, "brown hair"); //do we have brown hair? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Brown?", 220,187.5 + menuDrop + 20); //creates text askq(210,135 + 70 + menuDrop + 20,70,25, "gray hair"); //do we have gray hair? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Gray?", 225,222.5 + menuDrop + 20); //creates text //gender askq(305,100 + menuDrop + 20,70,25, "male"); //are we a male? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Male?", 317.5,117.5 + menuDrop + 20); //creates text askq(305,135 + menuDrop + 20,70,25, "female"); //are we female? textSize(15); //makes text size 15 fill(0, 0, 0); //makes color black text("Female?", 312.5,152.5 + menuDrop + 20); //creates text fill(255, 255, 255); //changes color to white textSize(15); //changes text size to 15 text("Questions left: " + attempts, 235,300 + menuDrop); //draws text that shows how many questions we have left //if our attempts = 0 if(attempts <= 0){ noStroke(); //removes outline fill(102.5, 75, 0); //changes color to dark brown rect(200,275,190,50); //draws rectangle to cover questions left } fill(0, 0, 0,50); //makes color transparent black stroke(148, 148, 148); //adds a light gray outline if(mouseX > 175 && mouseX < 175 + 50 && mouseY > 381 && mouseY < 381 + 20){ cursor("pointer"); //if we hover over the tab, make our cursor "pointer" fill(0, 0, 0,100); //and change color to a less transprent black if(clicked === true){ menuDrop = -1000; //if we click, reset the "menuDrop" value so that the menu will drop down again page = "game"; //and change scene back to game } } rect(175,381 - menuDrop,50,20,2.5); //makes the "CLOSE" tab if(replying === true) { fill(181, 181, 181); textSize(25); text("Reply: " + reply, 125,365); if(++timer >= 60) { timer = 0; replying = false; } //If our attempts are 0 or less if(attempts <= 0){ noStroke(); //removes outline textSize(15); //makes text size 15 fill(82, 52, 0); //changes color to dark brown rect(10,340,380,32.5); //draws rectangle that covers answers fill(176, 176, 176); //changes color to light gray text("Sorry, you have reached your questioning limit.", 40,360 + menuDrop); //draws text } } }; //All the code in the "Interrogration Room" page of the program var accuse = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of) fill(0, 0, 0); //changes color to black text("ACCUSE:", 170,30); //draws text //creates the accuse card 1 and the picture on it aSus(25,45,55,95, posSus[0], states[0]); s1(51.5,140,25,50); //creates the accuse card 2 and the picture on it aSus(125,45,55,95, posSus[1], states[1]); s2(151.5,140,35,50); noStroke();//removes the outline //creates the accuse card 3 and the picture on it aSus(225,45,55,95, posSus[2], states[2]); s3(251.5,140,30,50); //creates the accuse card 4 and the picture on it aSus(325,45,55,95, posSus[3], states[3]); s4(351.5,140,30,50); //creates the accuse card 5 and the picture on it aSus(25,160,55,95, posSus[4], states[4]); s5(51.5,255,30,50); noStroke(); //removes the outline //creates the accuse card 6 and the picture on it aSus(125,160,55,95, posSus[5], states[5]); s6(151.5,255,30,50); noStroke(); //removes the outline //creates the accuse card 7 and the picture on it aSus(225,160,55,95, posSus[6], states[6]); s7(251.5,255,30,50); //creates the accuse card 8 and the picture on it aSus(325,160,55,95, posSus[7], states[7]); s8(351.5,255,30,50); //creates the accuse card 9 and the picture on it aSus(25,275,55,95, posSus[8], states[8]); s9(51.5,370,30,50); //creates the accuse card 10 and the picture on it aSus(125,275,55,95, posSus[9], states[9]); s10(151.5,370,30,50); //creates the accuse card 11 and the picture on it aSus(225,275,55,95, posSus[10], states[10]); s11(251.5,370,30,50); noStroke(); //removes the outline //creates the accuse card 12 and the picture on it aSus(325,275,55,95, posSus[11], states[11]); s12(351.5,370,30,50); fill(255, 255, 255); //makes color white text("< BACK",22.5,30); //creates text noFill(); //removes the color (fill) btn(25,12.5,55,22.5,10,"game"); //draws the button }; //Draws all code in accuse page var win = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of) textFont(createFont("avenir next")); fill(0, 0, 0); //makes the color black textSize(50); //makes text size 50 text("YOU WIN!", 80,100); //draws text textSize(25); //changes text size to 25 text(" Congratulations!\nYou are a real detective.", 65, 150); //draw text textSize(20); //changes text size to 20 text("Press RESTART to try again", 100,275); //draw text noFill(); //removes fill (color) strokeWeight(10); //makes outline thickness 10 stroke(255, 255, 255); //makes outlin white arc(100,310,100,50,-30,110); //creates an arc for the arrow triangle(50,340,75,320,75,345); //creates the arrow head textSize(15); //changes text size to 15 text("You asked:", 125,380); //draws text text(10 - attempts + " questions", 200, 380); //draws text that tell how many questions you asked }; //Did you win? Draw all the code in here! var lose = function(){ //background background(115, 73, 0); //background border noStroke(); //removes outlines fill(145, 108, 53);//changes color to lighter brown rect(10, 10, 380, 380); //background (sort of) textFont(createFont("avenir next")); fill(0, 0, 0); //makes the color black textSize(50); //makes text size 50 text("GAME OVER", 50,100); //draws text textSize(25); //changes text size to 25 text(" Better luck next time!\n Don't give up!", 50, 150); //draw text textSize(20); //changes text size to 20 text("Press RESTART to try again", 100,275); //draw text noFill(); //removes fill (color) strokeWeight(10); //makes outline thickness 10 stroke(255, 255, 255); //makes outlin white arc(100,310,100,50,-30,110); //creates an arc for the arrow triangle(50,340,75,320,75,345); //creates the arrow head textSize(15); //changes text size to 15 text("You asked:", 125,380); //draws text text(10 - attempts + " questions", 200, 380); //draws text that tell how many questions you asked }; //If you lose, all code here will be dislayed draw = function() { cursor("default"); //keeps cursor normal when NOT on stuff that should be hovered on (like buttons, etc.) //This is a switch statement. It helps define and change the page I'm on switch(page){ case "home": //the menu menu(); //creates the menu break; case "help": help1(); //makes the Story page break; case "help2": help2(); //draws the Help page break; case "game": game(); //calls game(), which draws the game break; case "ask": ask(); //calls our function ask() break; case "accuse": accuse(); //draws the "ACCUSE" screen break; case "win": win(); break; case "lose": lose(); break; } clicked = false; //this sets our click back to false mouseRelease = true; //this sets our mouseRelease back to true if(AUTHOR !== "AQUA217"){ throw { message: "Looks like SOMEONE is trying to remove credit from AquA217, the original creator of this game... :P" }; } }; //line 1667! You're a dilligent code reader!
Folds	34,61,82,84,87,106,118,130,132,153,155,182,184,201,203,228,230,268,270,293,295,307,309,327,329,344,346,376,378,395,398,674,676,785,787,942,944,977,1066,1120,1122,1176,1178,1293,1295,1482,1484,1557,1559,1589,1591,1620
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJKvoLDYCww
Votes	262
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5722978952445952","title":"Contest: Board Game","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	alyanna
Author Name	acer217
Author ID	kaid_794864070338193862176253
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739459407499
Updated	6 months ago, 1739459416369
Source Deleted	unknown