Viewing Program

Program Data

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

Title	A Puzzle Game
ID	4536557164232704
Created	7 years ago, 1510607967024
Updated	7 years ago, 1511192271211
Code	/ UPDATE: Three new levels added!! Hola. This is a game. The solutions are at the bottom of the code. //More levels coming soon! Suggestions are appreciated. Wow, 200 votes :D / //variable to control the scenes. var scene = "menu"; var clicked; //variable checking if the correct door is chosen. var choice; //code for transition by Slingblade var animation = { timer: 100, increment: 0, incrementBy: 0, accel: 0.1, //fading: "in", to: "clicked", selected: 0, cords: { x: 0, y: 0, }, stopAt: 100, pages: [], scale: [1, 1], }; var goTo = function(animationTo){ animation.timer = 0; animation.to = animationTo; animation.increment = 0; animation.incrementBy = 0; animation.stopAt = 100; animation.accel = 0.2; }; //drawing the doors var door = function(x, y, col1, col2, col3){ this.x = x; this.y = y; this.col1 = col1; this.col2 = col2; this.col3 = col3; }; door.prototype.draw = function() { //door strokeWeight(3.5); stroke(this.col2);//whatever I choose to colour it afterwards fill(this.col1);//ditto rect(this.x, this.y, 110, 205);//main board noFill(); stroke(this.col3); strokeWeight(2.5); rect(this.x+15, this.y+15, 81, 100); rect(this.x+15, this.y+126, 81, 65);//the two rectangles fill(this.col3); rect(this.x+6, this.y+84, 2, 23, 20);//part that the handle is attatched t fill(this.col2); noStroke(); rect(this.x+6, this.y+91, 20, 4, 20);//handle //checks if the mouse is over the door if(mouseX>this.x&&mouseX<this.x+110&&mouseY>this.y&&mouseY<this.y+205){ //if it is.... cursor(HAND);//change the cursor if(clicked && !choice){//... and the mouse is pressed and it's the wrong door. goTo("lose");//scene = lose (you go to the lose screen) } if(clicked && choice){//... but if the mouse is pressed and it's the right door... if(scene === 1){ goTo(2); } if(scene === 2){ goTo(3); } if(scene === 3){ goTo(4); } if(scene === 4){ goTo(5); } if(scene === 5){ goTo(6); } if(scene === 6){ goTo(7); } if(scene === 7){ goTo(8); } if(scene === 8){ goTo(9); } if(scene === 9){ goTo(10); } if(scene === 10){ goTo(11); } if(scene === 11){ goTo(12); } if(scene === 12){ goTo(13); } if(scene === 13){ goTo("win"); } //initially, instead of all the above, I had scene ++, but I wasn't sure how to incoporate the transiton that way } } }; //Our three doors. var door1 = new door(23, 186, color(122, 122, 122), color(158, 158, 158), color(87, 87, 87)); var door2 = new door(148, 186, color(82, 44, 15), color(107, 71, 32), color(59, 29, 9)); var door3 = new door(271, 186, color(255, 255, 255), color(201, 201, 201), color(94, 94, 94)); var doors = [door1, door2, door3]; //pinapple var p = function(x, y, sz, r){ pushMatrix(); translate(x, y); scale(sz); rotate(r); stroke(255, 187, 0); noFill(); strokeWeight(22); arc(522, 260, 100, 100, -232, -74); arc(405, 258, 100, 100, -104, 55); arc(409, 219, 100, 100, -99, 55); arc(522, 222, 100, 100, -232, -74); arc(513, 209, 100, 138, -232, -74); noStroke(); strokeWeight(1); stroke(113, 115, 0); fill(230, 255, 0); rect(400, 240, 137, 178, 328); noFill(); strokeWeight(2); stroke(247, 207, 74); arc(402, 242, 100, 100, 0, 90); arc(402, 243, 158, 150, 0, 90); arc(402, 248, 208, 193, 0, 90); arc(402, 270, 254, 197, 2, 90); arc(412, 312, 252, 162, 10, 90); arc(435, 351, 202, 121, 11, 87); pushMatrix(); scale(-1, 1); translate(-937, 1); arc(402, 242, 100, 100, 0, 90); arc(402, 243, 158, 150, 0, 90); arc(402, 248, 208, 193, 0, 90); arc(402, 270, 254, 197, 2, 90); arc(412, 312, 252, 162, 10, 90); arc(435, 351, 202, 121, 11, 87); popMatrix(); popMatrix(); }; //closed treasure chest var t1 = function(){ noStroke(); fill(92, 54, 11); stroke(209, 189, 92); strokeWeight(10); quad(110, 261, 110, 337, 255, 348, 255, 273); quad(299, 252, 299, 329, 255, 348, 255, 273); fill(130, 96, 49); noStroke(); quad(299, 247, 166, 235, 107, 256, 252, 269); fill(79, 37, 14); quad(283, 249, 168, 240, 126, 254, 251, 263); quad(265, 215, 144, 209, 106, 259, 251, 269); fill(92, 54, 11); quad(265, 215, 144, 209, 106, 259, 251, 269); fill(92, 54, 11); stroke(209, 189, 92); strokeCap(SQUARE); arc(273, 261, 54, 82, -191, -14); arc(137, 253, 50, 83, -203, -77); noStroke(); //fill(255, 0, 0); quad(175, 230, 145, 209, 130, 219, 133, 251); noStroke(); fill(255, 213, 0); arc(106, 257, 50, 50, 7, 95); arc(106, 341, 50, 50, -90, 3); arc(253, 354, 50, 50, -176, -88); arc(253, 270, 50, 50, -271, -175); arc(253, 270, 40, 50, -379, -271); arc(253, 354, 40, 50, -447, -381); arc(304, 331, 33, 40, -559, -450); arc(301, 246, 36, 54, -634, -559); }; //open treasure chest var t2 = function(){ pushMatrix(); translate(0, 100); noStroke(); fill(92, 54, 11); stroke(209, 189, 92); strokeWeight(10); quad(110, 261, 110, 337, 255, 348, 255, 273); quad(299, 252, 299, 329, 255, 348, 255, 273); fill(130, 96, 49); noStroke(); quad(299, 247, 166, 235, 107, 256, 252, 269); fill(79, 37, 14); quad(283, 249, 168, 240, 126, 254, 251, 263); quad(309, 242, 176, 233, 203, 172, 317, 180); fill(97, 52, 27); quad(169, 257, 169, 240, 126, 254, 123, 254); noStroke(); fill(61, 29, 12); arc(190, 204, 76, 75, -74, 120); noFill(); stroke(130, 96, 49); strokeWeight(8); quad(296, 244, 171, 237, 200, 170, 323, 177); fill(79, 37, 14); stroke(209, 189, 92); strokeCap(SQUARE); arc(313, 212, 65, 79, -63, 118); noStroke(); fill(255, 213, 0); arc(106, 257, 50, 50, 3, 92); arc(106, 341, 50, 50, -90, 3); arc(253, 354, 50, 50, -176, -88); arc(253, 270, 50, 50, -271, -175); arc(253, 270, 40, 50, -379, -271); arc(253, 354, 40, 50, -447, -381); arc(304, 331, 33, 40, -559, -450); arc(301, 246, 36, 54, -634, -559); p(122, 158, 0.2, 13); p(141, 172, 0.23); p(93, 160, 0.27); p(79, 172, 0.21); p(198, 150, 0.2, 20); p(79, 196, 0.28, -20); p(100, 120, 0.24, 30); p(124, 222, 0.2, -20); p(59, 187, 0.25, -20); popMatrix(); }; //this is the room. I call this function on every level. var back = function(){ background(33); //background, wallpaper? idk noFill(); stroke(84, 84, 84); //fill(120, 120, 120); strokeWeight(1); for(var i = 8; i < 443; i += 30){ for(var j = 0; j < 548; j += 30){ pushMatrix(); translate(i, j); rotate(i6); rect(0, 0, 15, 15); popMatrix(); }} //draw doors as long as scene does not equal win, I don't want doors behind the treasure test if(scene !== "win"){ for(var i in doors){ doors[i].draw(); } } image(getImage("cute/ChestLid"), -180, 321, 765, 245); }; //variables for making the menu buttons become more white when the mouse is over them var f = 150, f2 = 150, f3 = 150; var bkg=0; var b = function(){ //this is the blurred room behind the title + buttons if (!bkg){ back(); for(var i = 0; i < doors.length; i ++){ doors[i].draw(); } filter(BLUR, 2.5); bkg = get(0, 0, width, height); }else{ image(bkg, 0, 0); } }; //3 guesses. var menu = function(){ textAlign(CENTER, CENTER); //blurred background (see above) b(); //dark rect over the hwole thing because it was too bright to see the buttons noStroke(); fill(0, 0, 0, 50); rect(0, 0, 400, 500); //title pushMatrix(); scale(1, 1.4); translate(0, -57); fill(255, 255, 255, 30); for(var i = 0; i < 360; i += 25){ textFont(createFont("Arial BlACK"), 36); text("T H R E E D O O R S", 198+sin(i)12, 161+cos(i)12); } fill(255, 255, 255); textFont(createFont("arial Bold"), 33); pushMatrix(); translate(-14, 0); scale(1.1, 1.7); text("T H R E E D O O R S", 195, 94); popMatrix(); popMatrix(); //buttons. I was just going to have one button, then I added two. Then another. Then I realised I sould have made a button function xD If you mkae buttons, don't follow this example, make a button function, it will be a lot quicker. textFont(createFont("trebuchet ms"), 33); //markings on buttons text("?", 77, 317); text(". . .", 323, 306); //play button fill(255, 255, 255, f); stroke(255); strokeWeight(9); ellipse(200, 274, 130, 130); pushMatrix(); translate(-2, -15); //play sign line(179, 318, 179, 260); line(180, 257, 238, 289); line(180, 321, 238, 289); popMatrix(); //help button fill(255, 255, 255, f2); ellipse(76, 317, 80, 80); //credits button fill(255, 255, 255, f3); ellipse(323,317, 80, 80); //button collisions if(dist(200, 245, mouseX, mouseY)<75){//play button cursor(HAND);//cursor changes f = 200;//makes the button become less transparent if(clicked){ goTo(1);//first level } }else{ f = 150;//when the mouse is moved off, button becomes less transparent again. } if(dist(76, 317, mouseX, mouseY)<40){//help button if(clicked){ goTo("help"); } cursor(HAND); f2 = 200; }else{ f2 = 150; } if(dist(323, 317, mouseX, mouseY)<40){//credit page button cursor(HAND); f3 = 200; if(clicked){ goTo("credit"); } }else{ f3 = 150; } }; //for the back to menu buttons var f4 = 150; //I know, I should have made a button function, I can't bothered now, its too late. var help = function(){ b(); noStroke(); fill(0, 0, 0, 50); rect(0, 0, 400, 500); fill(255); textSize(24); textAlign(CENTER, CENTER); text("Somewhere in this house is a chest\nfull of treasure!\nYour objective is to find it.\n\nYou will have to go through a\nseries of rooms.\nIn each room there will be clues.\nUse the clues to determine\nwhich is the correct door.\n\nGood luck!", 200, 277); stroke(255); strokeWeight(6.5); fill(255, 255, 255, f4); ellipse(73, 64, 65, 65); strokeWeight(5); line(59, 64, 86, 64); line(57, 64, 69, 56); line(57, 64, 69, 73); if(dist(84, 64, mouseX, mouseY)<40){ f4 = (200); cursor(HAND); if(clicked){ goTo("menu"); } }else{ f4 = (150); } }; var credit = function(){ b(); noStroke(); fill(0, 0, 0, 50); rect(0, 0, 400, 500); fill(255); textSize(23); textAlign(CENTER, CENTER); text("Credit to Slingblade for the transition.\nI adapted the original\ntransition a little to suit me.\nClick for a link where you can get\nyour own cool transition!\n\nAlso, thanks to Larry Serflaten\nfor showing me how to use blur\n without the computer lagging out.", 203, 259); stroke(255); strokeWeight(6.5); fill(255, 255, 255, f4); ellipse(73, 64, 65, 65); strokeWeight(5); line(59, 64, 86, 64); line(57, 64, 69, 56); line(57, 64, 69, 73); if(dist(84, 64, mouseX, mouseY)<40){ f4 = (200); cursor(HAND); if(clicked){ goTo("menu"); } }else{ f4 = (150); if(clicked){ println("https://www.khanacademy.org/computer-programming/transitionskhantober/6472495186116608"); } } }; //markings on clock var clock = ["1", "1/12", "1/6", "1/4", "1/3", "5/12", "1/2", "7/12", "2/3", "3/4", "5/6", "11/12"]; var room1 = function(){ //room back(); //doors for(var i in doors){ doors[i].draw(); } //clock fill(255); stroke(120, 120, 120); strokeWeight(5); ellipse(200, 100, 150, 150); noStroke(); fill(0); ellipse(200, 100, 10, 10); for(var i = 0; i < 360; i += 30){ pushMatrix(); translate(200, 100); rotate(i); fill(0, 0, 0); rect(31, 0, 9, 1); popMatrix(); }//lines textFont(createFont("trebuchet ms")); textAlign(LEFT); textSize(12); //fractions text(clock[0], 197, 49); text(clock[1], 221, 58); text(clock[2], 242, 83); text(clock[3], 246, 104); text(clock[4], 240, 127); text(clock[5], 220, 152); text(clock[6], 190, 161); text(clock[7], 157, 154); text(clock[8], 140, 128); text(clock[9], 135, 102); text(clock[10], 139, 79); text(clock[11], 151, 58); //hands strokeWeight(2); stroke(0); line(200, 100, 200, 75); line(200, 100, 214, 100); //if the mouse is over the third door if(mouseX>271 && mouseX<271+110){ choice = true;//correct door chosen! } else{ choice = false;//correct door not chosen (yet) } }; var room2 = function(){ back(); fill(240); textSize(20); textAlign(CENTER, CENTER); text("Three doors...\nBehind the first you will find ravenous lions,\nthat haven't eaten for several years.\nBehind the second, a fierce fire.\nAnd behind the last door are assassins\ntrained to kill anyone who enters the room.\n\n\n\n\n\n\n\n\n\n\n\nYour choice.", 200, 236); //this part is checking if the correct door is picked. this repeats in each room. if(mouseX>23&&mouseX<23+110){ choice = true; }else{ choice = false; } }; var room3 = function(){ back(); fill(240); textSize(30); text("Which door will you choose?\nD, E or F?\n\nD E F", 201, 121); fill(122, 80, 35); textSize(20); text("I am the beginning of the end,\nthe end of every place.\nI am the beginning of eternity,\nthe end of time and space", 201, 441); fill(179, 103, 48); text("I am the beginning of the end,\nthe end of every place.\nI am the beginning of eternity,\nthe end of time and space", 203, 443); if(mouseX>148&&mouseX<148+110){ choice = true; }else{ choice = false; } }; var room4 = function(){ back(); fill(240); textSize(25); text("Start Here", 200, 168); text("-> \| -> \| <- \| -> \| -> \| <-", 200, 50); if(mouseX>23 && mouseX<23+110){ choice = true; }else{ choice = false; } }; var room5 = function(){ back(); textSize(30); text("fill(255);", 200, 100); if(mouseX>271&&mouseX<271+186){ choice = true; }else{ choice = false; } }; var room6 = function(){ back(); textSize(40); text("√(cat lives)", 200, 106); if(mouseX>271&&mouseX<271+110){ choice = true; }else{ choice = false; } }; //this variable will change to a different colour when the black square is lciked (room 7) var col = color(153, 150, 136); var room7 = function(){ back(); //middle light fill(col); ellipse(203, 105, 25, 45); //part where its hanging form fill(255); rect(201, 0, 2, 86); rect(196, 74, 14, 14); //first light fill(153, 150, 136);//colour doesn't change ellipse(88, 105, 25, 45); fill(255); rect(86, 0, 2, 86); rect(81, 74, 14, 14); //third light fill(153, 150, 136); ellipse(321, 105, 25, 45); fill(255); rect(319, 0, 2, 86); rect(314, 74, 14, 14); //black square fill(0, 0, 0); rect(25, 113, 15, 15); //if the black square is clicked if(mouseX>25&&mouseX<40&&mouseY>110&&mouseY<125&&clicked){ //the middle one lights up! col = color(255, 217, 0); } //correct-door-checking-thingy again if(mouseX>148&&mouseX<128+110){ choice = true; }else{ choice = false; } }; var room8 = function(){ back(); noFill(); textSize(13); stroke(255); textAlign(LEFT); //triangle triangle(144, 75, 248, 120, 144, 120); //lengths of sides fill(210); text("13", 186, 89); text("12", 186, 137); text("?", 129, 104); //choices textSize(30); text("5 8 11", 71, 256); if(mouseX>23&&mouseX<23+110){ choice = true; }else{ choice = false; } }; var room9 = function(){ back(); textAlign(CENTER); textSize(25); text("One in three chance...:P\n\n\n\n\n\n\n\n\n\n\n\nJust pick one mate.", 200, 100); if(mouseX>23&&mouseX<23+110){ choice = true; }else{ choice = false; } }; var room10 = function(){ back(); fill(240); textSize(42); textAlign(CENTER, CENTER); text("M T W _ F S S", 200, 85); text("?", 213, 83); text("T U X", 200, 160); if(mouseX>23&&mouseX<23+110){ choice = true; }else{ choice = false; } }; var room11 = function(){ back(); text("(1+1+1)-1+(1(1-1))", 200, 85); if(mouseX>148&&mouseX<148+110){ choice = true; }else{ choice = false; } }; var room12 = function(){ back(); fill(255); textSize(15); text("At the start of the school year, a pupil was found murdered.\nThere were three suspects: The gardner, the teacher\nand the coach.\nBut they all had alibis.\n\nCoach: 'I was playing basket ball',\nTeacher: 'I was holding a mid-year exam',\nGardner: 'I was trimming the hedges'.\n\nCoach Teacher Gardner\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nWho did the murder?", 200, 245); if(mouseX>148&&mouseX<148+110){ choice = true; }else{ choice = false; } }; var room13 = function(){ back(); fill(255); textSize(20); text("-.-. .-.. .. -.-. -.- \n --- -. \n - .... . \n .-.. . ..-. - \n -.. --- --- .-.", 200, 97); fill(140, 96, 69); textSize(20); text("Clue: Morse code", 200, 450); if(mouseX>23&&mouseX<23+110){ choice = true; }else{ choice = false; } }; //is the chest open? var Open = false; //I didn't want ot make these functions var pfft1 = function(){ back(); textAlign(CENTER); fill(255); textSize(30); text("You found the treasure!!\nYou win!\n(click)", 200, 100); pushMatrix(); translate(0, 99); t1();//closed treasure chest popMatrix(); }; var pfft2 = function(){ back(); fill(255); textSize(30); text("You found the treasure!!\nYou win!\n(click)", 200, 100); pushMatrix(); translate(0, 0); t2 ();//open treaure chest. and yep. everything else is the same as pfft1 popMatrix(); }; var pfftscene = 1;//1 = closed; 2 = open. var win = function(){ if(pfftscene === 1){ pfft1(); } if(pfftscene === 2){ pfft2(); } if(clicked){ pfftscene ++; } if(pfftscene > 2){ pfftscene = 1; } }; //y position for game over text var txty = -280; var f1 = 0;//background fades in. var lose = function(){ textAlign(CENTER, CENTER); //background fill(30, 30, 30, f1); rect(0, 0, 600, 600); //background must have faded in before any thing else comes up. if(f1 > 100){ txty /= 1.05;//makres text move down the screen fill(255); textSize(63); pushMatrix(); translate(0, 200);//re postions text to the middle of the screen text("GAME OVER", 200, txty); popMatrix(); pushMatrix(); translate(205, 373); rotate(sin(frameCount5)30); scale(0.5+sin(frameCount-7)/-14); text("Click\nTo Try Again",sin(5)24,cos(10)3); popMatrix(); if(clicked){ scene = "menu"; //this variable will change to a different colour when the black square is lciked (room 7) col = color(153, 150, 136); } } f1 ++;//makes the fill of the background become less transparent if(f1 > 200){ f1 = 200; } }; draw = function() { cursor(ARROW); switch(scene){ case "menu": menu(); break; case "help": help(); break; case "credit": credit(); break; case 1: room1(); break; case 2: room9(); break; case 3: room3(); break; case 4: room4(); break; case 5: room5(); break; case 6: room6(); break; case 7: room7(); break; case 8: room8(); break; case 9: room2(); break; case 10: room10(); break; case 11: room11(); break; case 12: room12(); break; case 13: room13(); break; case "win": win(); break; case "lose": lose(); break; } //code for transiton by Slingblade if(animation.timer < animation.stopAt){ if(animation.timer <= 50){ for(var i = 27; i < 600; i += 60){ for(var j = 28; j < 500; j += 56){ fill(0, 0, 0, 200); noStroke(); rectMode(CENTER); rect(i, j, animation.increment, animation.increment); } } } if(animation.timer === 50){ scene = animation.to; } if(animation.timer > 50){ for(var i = 27; i < 600; i += 60){ for(var j = 28; j < 500; j += 56){ fill(0, 0, 0, 200); noStroke(); rectMode(CENTER); rect(i, j, map(animation.timer, 50, 100, 100, 0), map(animation.timer, 50, 100, 100, 0)); } } } } rectMode(CORNER); animation.increment += animation.incrementBy; animation.incrementBy += animation.accel; animation.timer ++; clicked = false; }; //mouse clicked function (unnecessary explanation) mouseClicked = function(){ clicked = true; }; //ANSWERS //Try and figure the puzzles out your self before reading these! /* @Room1{ Ignore the markings on the clock. They are only there because 1) I though it was interesting 2) to provide as a distraction. It's 3:00, so the correct door is door 3, the last one. } @Room2{ Technically the first statement is not true. The second statement gives you a clue. The first door is the correct one. } @Room3{ The answer to the riddle below the doorts is "e" so choose door "e". } @Room4{ Start on the middle door and follow the arrows. When you get to the end of one side and it tells you to go one more to the same side, wrap around to the other side. For example, if you're on door 3 and the arrow points to the right, wrap around to door one. You will end up on the first door. } @Room5{ fill(255); is a white colour. The white door (no. 3) is the correct one. } @Room6{ there is a saying that cats have nine lives. So, the correct answer is the square root of nine (3). } @Room7{ Notice the little black square on the left. Click it. The lightbuld above the correct door will light up. } @Room8{ You need to find the missing side. You can see that this is a 5, 12, 13 triangle, so the right answer is five. Alternatively, you could just use Pythagoras. } @Room9{ The correct answer is the first door. The lions haven't eaten for _several years_. They will be dead. } @Room10{ The letters stand for the days of the week. The missing day is Thursday, the correct answer is "T". } @Room11{ Solving the problem will give you an answer of two. The second door is the correct one. I suppose this puzzle tests whether you know BIDMAS/BODMAS } @Room12{ The correct answer is the Teacher. It is the start of the school year, but he claimed he was holding a mid-year test. } @Room13{ The morse code translates as "click on the left door". } * **/
Folds	22,37,38,46,49,55,56,126,135,179,182,218,220,274,277,301,306,318,320,415,419,451,453,489,493,550,552,567,569,588,590,604,606,618,620,632,636,681,683,709,711,725,727,744,746,757,759,772,774,791,796,810,811,824,826,843,894,989,992,994,1009,1011,1012,1014,1015,1017,1018,1021,1022,1024,1025,1027,1028,1030,1031,1033,1034,1036,1037,1039,1040,1042,1043,1045,1046,1048
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJyymL-HCAw
Votes	248
Spin-Offs	4
Type	PJS
Width	400
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	SilverCat
Author Name	SilverCat2227
Author ID	kaid_475617089673984066159228
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739363244470
Updated	4 months ago, 1744845551856
Source Deleted	unknown