Viewing Program

Program Data

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

Title	ESCAPE: The Mansion
ID	4583015914307584
Created	6 years ago, 1540119659388
Updated	6 years ago, 1566542986945
Code	/I may add more levels/release the full version sometime in the future. Currently has 4 levels. I know it is simple and easy, but over the week I only had an hour to work on it, so bear with me please XD I wasn't able to clean the code up as much as I would like to have, but it will do for now. Enjoy!/ /* I have been programming for 12 months and I've learned ~56% of Intro to JS/ /* Like this? Subscribe here: https://www.khanacademy.org/computer-programming/sub-to-aqua217/5410349576650752 / var AUTHOR = "AquA217"; //DO NOT CHANGE THIS smooth(); //smooths framecount on some browsers var clicked = false; //have we clicked yet? var stage = 0; //what stage we're in: 0 = menu; 1-4 = levels; 5 = win screen var txt = '"Enter -- if you dare..."'; //The text on the top of the screen var txtTrans = 255; //the transparency of the text on the top of screen var transition = 0; //to control transitions mouseClicked = function(){ clicked = true; //if we click, set clicked to true (aka, we've clicked) }; //the door/button / x = x position \| y = y position \| w = width \| h = height/ var door = function(x,y,w,h,valid){ fill(38, 16, 0); //makes the color brown strokeWeight(2.5); //adds an outline 2.5 pixels thick stroke(31, 16, 0); //makes the outline dark brown rect(x,y,w,h); //adds the main door body fill(31, 11, 0); //makes the color dark brown //door design rect(x + w/5.75,y + h/8.5,w/1.5,h/4.5); //top rect(x + w/5.75,y + h/2.5,w/1.5,h/4.5); //middle rect(x + w/5.75,y + h/1.453,w/1.5,h/4.5); //bottom noStroke(); //removes outline fill(148, 118, 0); //changes color to yellow ellipse(x + w/1.1,y + h/2,w/7.5,h/15); //makes the doorknob //if our mouse is inside the door AND the variable valid is set to TRUE if(mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h && valid){ cursor('pointer'); //change cursor to pointer if(clicked && valid){ //if we clicked transition = 255; //the transition variable is set to 255, covering the screen with a black background and thunderbolt stage++; //our stage increments (moves forward) by one } } }; /* MENU CODE / var menu = function(){ background(0, 0, 0); //makes a black backdrop door(125,150,150,250,true); //creates a door, which serves as the play button fill(219, 183, 0,200); //makes a translucent yellow color //makes the windows stroke(35); //makes a dark gray outline //windows quad(0,150,50,200,50,300,0,300); quad(350,200,400,150,400,300,350,300); stroke(0, 0, 0); //makes a black outline strokeWeight(5); //makes outline 5 pixels thick //window designs line(0,210,50,200); line(0,230,50,250); line(50,270,0,285); line(400,210,350,200); line(400,230,350,250); line(350,270,400,285); fill(130, 120, 78); //makes color light brown/yellow-ish //creates the sign pushMatrix(); translate(150,20); beginShape(); curveVertex(112,100); curveVertex(47,87); curveVertex(105,95); curveVertex(143,105); curveVertex(142,57); curveVertex(106,45); curveVertex(66,37.5); curveVertex(34,36.5); curveVertex(-6,42.5); curveVertex(-45,50); curveVertex(-52.5,60); curveVertex(-52,70); curveVertex(-47,107); curveVertex(-12,96); curveVertex(47,87); curveVertex(105,90); endShape(); popMatrix(); fill(0, 0, 0); //makes color black textSize(25); //makes text size 25 pixels //the ESCAPE text, made like this so it will curve just right text("E",142.5,85 - 2.5); text("S",162.5,82 - 2.5); text("C",182.5,80 - 2.5); text("A",204,80 - 2.5); text("P",225,82 - 2.5); text("E",245,85 - 2.5); textSize(10); //makes text size 10 text('The Mansion',195,96.5); //subtitle text }; //the code for the menu / LEVEL 1 CODE / var lvl1Completed = false; //if level one has been completed var knifePicked = false; //if we've picked up the knife var pinPicked = false; //if we've picked up the pin var pinX = 42.5; //pin X position var pinY = 317.5; //pin Y position var knifeX = mouseX; //knife X position var knifeY = mouseY; //Y position of knife var lvl1 = function(){ background(25); //makes background gray noStroke(); //removes outline if(!pinPicked){ txt = '"This place gives me the creeps."'; // make the text on the top say 'This place gives me the creeps." } //if pin hasn't been picked //floor fill(31, 16, 0); //makes color dark brown rect(-10,300,420,100); //draws the floor //light stand fill(0, 0, 0); //makes color black quad(225,-10,175,-10,140,40,260,40); //makes the thing that holds the light //door door(150,100,100,200,lvl1Completed); //makes the door //pumpkin fill(166, 86, 0); ellipse(300,360,35,45); ellipse(322.5,360,35,45); fill(189, 95, 0); ellipse(307.5,360,35,47.5); ellipse(317.5,360,35,47.5); fill(191, 99, 0); ellipse(312.5,360,35,50); fill(207, 107, 0); ellipse(312.5,360,15,50); //pumpkin stem fill(17, 74, 0); arc(312.5,340,20,-15,1,180); triangle(312.5,332,295,340,312.5,340); triangle(320,340,320,335,330,341); triangle(300,350,302.5,340,315,340); triangle(325,350,322.5,340,315,340); triangle(317.5,350,302.5,340,320,340); rect(310,327.5,5,10,5); if(dist(mouseX, mouseY, 312.5,355) < 60/2){ cursor('pointer'); //change cursor if(clicked && knifePicked){ txt = '"The key to the door! And inside a pumpkin...how odd..."'; //change top text lvl1Completed = true; //level 1 is complete, and we can go through the door } //if we click, and we already have the knife } //if we're hovering over the pumpkin if(lvl1Completed){ fill(0, 0, 0); //change color to black //pumpkin jack o lantern design arc(312.5,367.5,15,15,1,180); rect(305,366,2.5,2.5); rect(316.5,366,2.5,2.5); rect(311,366,2.5,2.5); arc(302.5, 357.5,10,-10,-20,150); arc(322.5, 357.5,10,-10,30,200); //drop knife by changing knifeX = 300; //knifeX to 300 knifeY = 375; //and knifeY to 375 image(getImage("cute/Key"),mouseX,mouseY,20,30); //makes a key that follows the mouse } //if we got the key, level 1 is completed, this happens //drawer fill(36, 19, 0); //makes color dark brown //makes rectangles to give drawer '3d' look //main body's shadow rect(10,217.5,67.5,32.5); //drawer legs' shadow rect(15,225,7.5,75); rect(65,225,7.5,75); fill(48, 26, 0); //makes color lighter brown //main drawer body rect(10,225,65,25); //drawer legs rect(12.5,225,7.5,75); rect(62.5,225,7.5,75); fill(56, 30, 0); //makes even lighter brown color rect(15,230,55,15); //makes the drawer part that opens/closes fill(166, 125, 0); //makes color yellow-ish/light-brown-ish ellipse(42.5,237.5,5,5); //makes handle strokeWeight(1.5); //makes line 1.5px thick stroke(31, 16, 0); //makes line really dark brown line(76,222.5,77.5,217.5); //makes a line to give desk more '3d' feel if(knifePicked){ noStroke(); //remove outline fill(18, 6, 1); //makes an almost black color rect(15,227.5,55,2.5); //makes a rectangle to give the illusion of an 'open' drawer //knife, drawn at the positions of knifeX and knifeY fill(0, 0, 0); //makes color black rect(knifeX, knifeY, 5,7.5); //makes a rectangle for knife handle fill(148, 148, 148); //makes color gray triangle(knifeX - 2.5, knifeY, knifeX + 5, knifeY, knifeX + 5, knifeY - 20); //makes knife blade pinX = 40; //makes pin 'drop' by making x position of pin 40 pinY = 320;//makes pin 'drop' by making y position of pin 320 knifeX = mouseX; //makes knifeX equal to mouseX knifeY = mouseY; //makes knifeY equal to mouseY } //if we've found the knife if(mouseX > 10 && mouseX < 77.5 && mouseY > 225 && mouseY < 250){ cursor('pointer'); //change cursor if(clicked && pinPicked){ txt = '"A knife. Interesting..."'; //change txt variable again knifePicked = true; //change knifePicked variable to true } //but if we clicked & we've already found the pin } //if we're hovering over the drawer noFill(); //remove the colors stroke(138, 138, 138); //makes outline gray //makes the pin (based on pinX and pinY variables) arc(pinX,pinY,5,10,0,290); arc(pinX + 1,pinY,2.5,5,0,290); if(pinPicked){ pinX = mouseX; //pinX follows mouse pinY = mouseY; //pinY follows mouse } //if pinPicked is true if(dist(mouseX, mouseY, 42.5,317.5) < 10/2){ cursor('pointer'); //change cursor if(clicked){ txt = '"A pin. Might come in handy."'; //change txt variable pinPicked = true; //changed pinPicked variable to tru }//if we click } //if we hover over the pin noStroke(); //removes stroke //makes the light fill(255, 221, 0,random(25,35)); //makes flickering yellow light //makes spotlight quad(160,40,240,40,270,310,130,310); arc(200,310,140,50,1,180); }; //all the code to display level 1 / LEVEL 2 CODE / var lvl2Completed = false; //if we've completed level 2 var bookSeen = false; //if we've seen the book title var cobwebCleaned = false; //if we've cleaned the cobweb var drawerOpened = false; //if we've opened the drawer var lvl2 = function(){ txt = '"So this is the next room. Creepy."'; background(25); noStroke(); //floor fill(31, 16, 0); rect(-10,300,420,100); //light stand fill(0, 0, 0); quad(225,-10,175,-10,140,40,260,40); //door door(150,100,100,200,lvl2Completed,'Locked again. I expected that.'); //shelf fill(36, 19, 0); rect(310,217.5,67.5,32.5); rect(315,225,7.5,75); rect(365,225,7.5,75); fill(48, 26, 0); rect(310,225,65,25); rect(312.5,225,7.5,75); rect(362.5,225,7.5,75); fill(56, 30, 0); rect(315,230,55,15); fill(166, 125, 0); ellipse(342.5,237.5,5,5); strokeWeight(1.5); stroke(31, 16, 0); line(376,222.5,377.5,217.5); if(mouseX > 310 && mouseX < 377.5 && mouseY > 225 && mouseY < 250){ cursor('pointer'); if(clicked && cobwebCleaned){ drawerOpened = true; } } if(drawerOpened){ fill(18, 6, 1); rect(315,227.5,55,2.5); txt = '"The key!"'; image(getImage("cute/Key"),mouseX,mouseY,20,30); lvl2Completed = true; cobwebCleaned = false; } //bookshelf fill(56, 30, 0); rect(25,100,75,10); //the book noStroke(); fill(0, 45, 150); rect(30,85,40,15); fill(0, 0, 0); textFont(createFont("times")); textSize(5); text("The Cobweb \|\|",47.5,93); if(mouseX > 30 && mouseX < 70 && mouseY > 85 && mouseY < 100){ cursor('pointer'); if(clicked){ bookSeen = true; } } if(bookSeen){ txt = '"`The Cobweb` by Skel E. Ton. Interesting..."'; } //cobweb noFill(); stroke(166, 166, 166); ellipse(400,0,100,100); ellipse(400,0,80,80); ellipse(400,0,60,60); ellipse(400,0,40,40); ellipse(400,0,20,20); line(400,0,350,10); line(400,0,360,30); line(400,0,380,45); line(400,0,395,50); if(dist(mouseX, mouseY, 400,0) <= 100/2){ cursor('pointer'); if(clicked){ cobwebCleaned = true; bookSeen = false; } } if(cobwebCleaned){ txt = '"A key. It does not fit for the door."'; image(getImage("cute/Key"),mouseX, mouseY, 20,40); } if(lvl2Completed){ txt = '"The key!"'; image(getImage("cute/Key"),mouseX, mouseY, 20,30); } noStroke(); //makes the light fill(255, 221, 0,random(25,35)); quad(160,40,240,40,270,310,130,310); arc(200,310,140,50,1,180); }; //all the code to display level 2 / LEVEL 3 CODE / var lvl3Completed = false; //if level 3 is completed var tools = false; //if we opened the toolbox var boxOpened = false; //if we opened the box var lvl3 = function(){ txt = '"This must have been a storage room once."'; //makes txt variable that <<< background(25); //makes background dark gray noStroke(); //removes stroke //floor fill(31, 16, 0); //makes color dark brown rect(-10,300,420,100); //makes floor (rect) //light stand fill(0, 0, 0); //makes color black quad(225,-10,175,-10,140,40,260,40); //makes the thing that holds the light //door door(150,100,100,200,lvl3Completed); //makes the door, currently locked, until lvl3Completed is true //boxes fill(173, 139, 85); rect(350,250,50,50); fill(161, 130, 84); rect(300,250,50,50); rect(340,200,50,50); rect(370,250,10,50); rect(350,270,50,10); fill(140, 114, 76); rect(320,250,10,50); rect(300,270,50,10); rect(360,200,10,50); rect(340,220,50,10); //chest fill(87, 52, 0); rect(25,250,75,50); fill(71, 41, 0); arc(62.5,250,75,-50,1,180); fill(255, 183, 0,110); rect(25,255,75,5); rect(25,246,75,2.5); noFill(); stroke(255, 183, 0,150); arc(45,237.5,3,17,80,280); arc(80,237.5,3,17,-80,80); noStroke(); fill(59, 36, 0); rect(58.5,260,10,10,2.5); fill(0, 0, 0); ellipse(63.5,264,5,2.5); rect(62.5,265,2,3,1); fill(82, 60, 31); rect(25,290,20,10,0,100,0,0); rect(80,290,20,10,100,0,0,0); //toolbox fill(133, 0, 0); rect(90,335,45,25); fill(110, 0, 0); arc(112.5,335,45,-40,1,180); fill(158, 158, 158); rect(109,335,7,7.5); if(mouseX > 25 && mouseX <100 && mouseY > 225 && mouseY < 300){ cursor('pointer'); if(clicked && boxOpened){ lvl3Completed = true; } } //to detect if we've hovered/opened the treasure box correctly/incorrectly if(mouseX > 340 && mouseX < 390 && mouseY > 200 && mouseY < 250){ cursor('pointer'); if(clicked && tools){ boxOpened = true; } } //to open the box if(mouseX > 90 && mouseX < 135 && mouseY > 310 && mouseY < 360){ cursor('pointer'); if(clicked){ tools = true; } } //to open the toobox if(tools){ txt = '"A hammer..a wrench...and a saw!"'; fill(0, 0, 0); rect(mouseX, mouseY, 5,7.5); fill(148, 148, 148); quad(mouseX - 2.5, mouseY, mouseX + 5, mouseY, mouseX + 5, mouseY - 20, mouseX - 2.5, mouseY - 15); } //if toolbox is opened... if(boxOpened){ tools = false; txt = '"A key...too big for the door. Must be for something else."'; image(getImage("cute/Key"), mouseX , mouseY, 30,40); } //if box is opened... if(lvl3Completed){ boxOpened = false; txt = '"It fits!"'; image(getImage("cute/Key"), mouseX , mouseY, 20,30); } //if level 3 is completed noStroke(); //makes the light fill(255, 221, 0,random(25,35)); quad(160,40,240,40,270,310,130,310); arc(200,310,140,50,1,180); }; //all the code to display level 3 / LEVEL 4 CODE */ var lvl4Completed = false; //if we've completed level 4 var carpet = false; //if we've touched var lvl4 = function(){ txt = '"Something seems different about this room..."'; background(25); noStroke(); //floor fill(31, 16, 0); rect(-10,300,420,100); //light stand fill(0); if(!lvl4Completed){ quad(225,-10,175,-10,140,40,260,40); } //door door(150,100,100,200,lvl4Completed); fill(51, 0, 0); quad(25, 310, 375, 310, 400, 400, 0, 400); if(mouseX > 25 && mouseX < 375 && mouseY > 310){ cursor('pointer'); if(clicked){ carpet = true; } } if(carpet){ txt = '"A stone. How odd."'; fill(133, 133, 133); ellipse(mouseX, mouseY, 20,10); } if(mouseX > 140 && mouseX < 260 && mouseY < 40){ cursor('pointer'); if(clicked && carpet){ lvl4Completed = true; } } if(lvl4Completed){ carpet = false; fill(0, 0, 0); quad(150,325,210,310,200,350,160,350); triangle(215,310,245,330,205,350); triangle(250,330,245,340,205,352.5); image(getImage("cute/Key"),mouseX, mouseY, 20,30); txt = '"I got it! The key!"'; } noStroke(); //makes the light if(!lvl4Completed){ fill(255, 255, 255,random(25,35)); quad(160,40,240,40,270,310,130,310); arc(200,310,140,50,1,180); } }; //all the code to display level 4 draw = function() { cursor('default'); switch(stage){ case 0: menu(); //if stage is equal to 0, display the menu break; case 1: lvl1(); //if stage is equal to 1, display level 1 break; case 2: lvl2(); //if stage is equal to 2, display level 2 break; case 3: lvl3(); //if stage is equal to 3, display level 3 break; case 4: lvl4(); //if stage is equal to 4, display level 4 break; case 5: //if stage is equal to 5, display win screen background(0); //makes black background txt = "Good job. Until next time..."; //changes txt variable again fill(255); //makes color white textSize(50); //makes text size 50 text("You've\nESCAPED\nsuccessfully",200,200); //creates text textSize(20); //changes text size to 20 text('For now...',200,375); //makes smaller text break; } textAlign(CENTER, CENTER); //aligns ALL text to center of screen fill(255, 255 - txtTrans2); //makes text color white, with a transparency depending on txtTrans textSize(15); //makes text size 15 textFont(createFont("fantasy")); //makes text font Fantasy text(txt,200,15 - txtTrans/5); //makes the 'top text' fill(0,transition); //makes color black, with transparency depending on the transition variable rect(-10,-10,420,420); //makes rectangle covering the entire screen for(var i = 1; i < 9; i++){ stroke(255,transition/25); strokeWeight(1.5*i); line(250,10,200,100); line(200,100,220,175); line(220,175,200,300); line(200,300,225,400); } //makes the lightning transition-=5; //makes transition variable decrease by one txtTrans/=1.1; //makes txtTrans variable divide and divide 'til it reaches 0 if(AUTHOR !== "AquA217"){ throw { message: "The creator of this game is AquA217, so please give credit or make a spin-off if you want to plaigarise. Thanks!" }; } clicked = false; //sets click back to false };
Folds	24,26,30,60,63,129,140,312,320,448,455,584,590,658
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMrcqIeSCAw
Votes	281
Spin-Offs	5
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6438517643313152","title":"Contest: Spooky House","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, 1739364208757
Updated	4 months ago, 1744845058047
Source Deleted	unknown