Viewing Program

Program Data

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

Title	Infinite Hotel Paradox
ID	4603282565578752
Created	4 years ago, 1621867174392
Updated	3 years ago, 1668270673985
Code	/* Contest: Illustrate a Math Concept I have been programming for 15 months. I have completed 100 percent of Khan Academy's 'Intro to JS' course. I would prefer to be placed in the Intermediate bracket / /* @Info Program was based off this Ted Ed video(Let me know if it is ok to keep the link in the program) https://www.youtube.com/watch?v=Uj3_KqkI9Zo Please let me know if anything is misspelled or if anything seems off/not right. Let me know if certain scenes go by too fast. I will slow them down, but for the momment you can move the speed variable to slow. @Instructions - Click to go forward a scene - 'P' to pause or play the slide show - Speed of slide show variable below - If you want to just click through the slides, change the speed variable to "clicker" @Credit Glowing text - Chrstian L. Image loading - Iron Programming */ //The speed of the program["fast"/"normal"/"slow"/"clicker"] var speed = "normal"; //[ //Prevents the program from becoming a small box in the corner size(600, 600, P2D); //Sets the framerate frameRate(60); //If you have paused the program var paused = false; //What scene it is var scene = "load"; //Changes to true if you click the mouse var clicked = false; //Function to see if you clicked the mouse mouseClicked = function(){ //If you have change the variable to true clicked = true; }; //Variable for the keys var keys = []; //If you release a key function keyReleased(){ //Set to true to say you did click the key keys[keyCode] = true; } //Substitutes new Object.constructor.prototype.new = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }; //]//Variables //[ //All the graphics for the program var images = { //The bottom floor of the hotel bottomfl: function(){ //Invisible background background(255,255,255,0); strokeWeight(1); stroke(0,0,0); fill(224, 184, 184); beginShape(); vertex(232,465); vertex(229,500); vertex(355,500); vertex(352,465); vertex(232, 465); endShape(); rect(242,414,100,74); //Lines on the building for (var i = 417; i < 489; i += 7){ strokeWeight(0.5); rect(243, i, 99, 0); } //streetlights fill(0,0,0); rect(234,452,3,30); rect(232,446,7,7); fill(255, 255, 0); rect(233,447,4.5,4.5); fill(0,0,0); rect(346,452,3,30); rect(344,446,7,7); fill(255, 255, 0); rect(345,447,4.5,4.5); //doors fill(153, 101, 101); rect(278,468,11,20); rect(290,468,11,20); rect(269,462,5,26); rect(305,462,5,26); rect(262,456,57,5); //windows fill(255, 225, 105); rect(281,471,5,5); rect(293,471,5,5); rect(260,426,5,5); rect(265,426,5,5); rect(260,431,5,5); rect(265,431,5,5); //Get an image of it return get(0, 0, 500, 500); }, //The first floor of the hotel floor1: function(){ background(255,255,255,0); fill(191, 7, 118); rect(242,378,101,36); fill(255, 250, 250); rect(257,389,7,17); rect(278,389,7,17); rect(299,389,7,17); rect(319,389,7,17); fill(138, 25, 66); rect(246,378,5,36); rect(268,378,5,36); rect(290,378,5,36); rect(310,378,5,36); rect(331,378,5,36); pushMatrix(); rotate(3); rect(258,388,109,6, 5); popMatrix(); noStroke(); fill(0, 0, 0, 100); rect(242,378,101,7); return get(0, 0, 600, 600); }, //The second floor of the hotel floor2: function(){ background(255,255,255,0); stroke(0,0,0); fill(191, 7, 118); rect(242,343,101,35); fill(255, 255, 255); rect(254,363,5,10); rect(267,363,5,10); rect(283,363,5,10); rect(297,363,5,10); rect(312,363,5,10); rect(328,363,5,10); fill(122, 27, 98); rect(242,344,100,10); arc(247,355,10,10,0,180); arc(338,355,10,10,0,180); arc(261,355,10,10,0,180); arc(324,355,10,10,0,180); arc(276,355,10,10,0,180); arc(310,355,10,10,0,180); arc(294,355,10,10,0,180); return get(0, 0, 600, 600); }, //The thrird floor of the hotel floor3: function(){ background(255,255,255,0); fill(232, 51, 163); rect(242,307,101,36); fill(0, 0, 0); rect(242,310,101,14); rect(268,329,3,14); rect(290,329,3,14); rect(313,329,3,14); rect(340,329,3,14); rect(243,329,3,14); fill(184, 0, 120); rect(267,325,5,3); rect(289,325,5,3); rect(312,325,5,3); rect(243,325,5,3); rect(338,325,5,3); noStroke(); fill(232, 51, 163); arc(257,339,14,50,180,360); arc(280,339,14,50,180,360); arc(302,339,14,50,180,360); arc(327,339,14,50,180,360); stroke(0,0,0); fill(255, 255, 255); rect(255,323,5,5); rect(255,328,5,5); rect(255,333,5,5); rect(278,333,5,5); rect(278,328,5,5); rect(278,323,5,5); rect(300,323,5,5); rect(300,328,5,5); rect(300,333,5,5); rect(325,333,5,5); rect(325,328,5,5); rect(325,323,5,5); return get(0, 0, 600, 600); }, //The hand and arm hand: function(){ background(255,255,255,0); //Hand pushMatrix(); noStroke(); rotate(8); fill(255,255,255); rect(253,-3,82,100); fill(0,0,0); rect(231,-119,114,168); popMatrix(); fill(219, 202, 167); stroke(0,0,0); strokeWeight(3); beginShape(); vertex(310,143); vertex(339,180); vertex(342,250); bezierVertex(335,274,317,260,318,222); vertex(318,323); bezierVertex(321,338,282,378,287,222); vertex(287,284); bezierVertex(279,291,250,329,256,222); vertex(255,261); bezierVertex(251,276,225,296,230,222); vertex(230,252); bezierVertex(228,272,201,263,207,222); vertex(210,180); vertex(253,134); vertex(310,143); endShape(); return get(0, 0, 600, 600); }, //The buzzer the hand is pushing buzzer: function(){ background(255,255,255,0); //Buzzer pushMatrix(); translate(0, -3); fill(0,0,0); beginShape(); vertex(191,500); bezierVertex(259,515,314,518,421,500); vertex(408,464); bezierVertex(359,480,265,487,203,464); vertex(191, 500); endShape(); popMatrix(); fill(87, 87, 87); beginShape(); vertex(401,459); bezierVertex(342,474,265,478,208,459); bezierVertex(195,431,259,453,297,456); bezierVertex(349,465,427,418,401,459); endShape(); beginShape(); vertex(215,445); bezierVertex(214,435,265,375,302,379); bezierVertex(340,375,365,400,394,440); bezierVertex(336,465,276,451,215, 445); endShape(); //Top of the buzzer fill(0,0,0); strokeWeight(2); rect(300,364,8,14); beginShape(); vertex(314,364); vertex(319,356); vertex(291,356); vertex(295,364); vertex(314, 364); endShape(); return get(0, 0, 600, 600); }, //A door door: function(){ //Invisible background background(255,255,255,0); //Door frame fill(150, 45, 94); rect(100,100,10,300); rect(290, 100, 10, 300); rect(100, 100, 200, 10); noStroke(); fill(0, 0, 0); rect(111,110,3,291); rect(288, 111, 3, 290); rect(111, 111, 180, 3); //Back part of door fill(150, 45, 94); rect(114, 114, 174, 287); //Front part of door fill(227, 100, 163); rect(120, 120, 160, 281); //Handle fill(194, 147, 72); rect(128, 251, 13, 34); fill(191, 99, 53); ellipse(134, 265, 22, 22); //Rectangles on door noFill(); stroke(255, 255, 255); rect(147,133,115,119); rect(148,272,115,119); //Peep hole fill(255,255,255); stroke(0,0,0); ellipse(204,172,10,10); //Sign with number noStroke(); fill(191, 151, 57); ellipse(205,200,40,20); fill(0,0,0); ellipse(191,200,3,3); ellipse(218,200,3,3); //Get an image of the door return get(0, 0, 600, 600); }, //A key key: function(){ background(255,255,255,0); //Key noStroke(); pushMatrix(); rotate(6); fill(212, 142, 38); rect(100,140,136,15); rect(113,114,15,30); rect(144,126,15, 15); ellipse(300,388,90,90); popMatrix(); noFill(); strokeWeight(10); stroke(212, 142, 38); ellipse(257,174,70,70); noStroke(); fill(84, 35, 56); ellipse(256,397,20,20); noFill(); stroke(84, 35, 56); strokeWeight(3); ellipse(258,417,78,78); //Key chain noStroke(); fill(0,0,0); ellipse(256,208,10,10); ellipse(256,221,10,10); ellipse(256,237,10,10); ellipse(256,254,10,10); ellipse(256,270,10,10); ellipse(256,284,10,10); ellipse(256,301,10,10); ellipse(256,320,10,10); ellipse(256,339,10,10); ellipse(256,355,10,10); ellipse(256,369,10,10); ellipse(256,382,10,10); ellipse(256,395,10,10); fill(84, 35, 56); textSize(25); text("n + 1", 229, 428); return get(0, 0, 600, 600); }, //The front of the bus bus: function(){ background(255,255,255,0); //Front of bus noStroke(); fill(240, 211, 178); beginShape(); vertex(100,100); bezierVertex(129,91,158,114,165,100); vertex(165,145); vertex(109,145); bezierVertex(99,132,100,100,100,100); endShape(); //Door fill(207, 140, 167); rect(165,45,40,100); fill(54, 42, 54); rect(172,52,10,30); rect(188,52,10,30); noFill(); stroke(255, 255, 255); rect(169,48,32,54,5); rect(169,113,32,28,5); //Wheel noStroke(); fill(0,0,0); ellipse(125,152,40,40); fill(207, 140, 167); ellipse(125, 152, 30, 30); fill(235, 187, 132); ellipse(125, 152, 15, 15); //Light fill(207, 140, 167); beginShape(); vertex(100,100); vertex(97,94); vertex(95,107); vertex(100,106); endShape(); //Wheel fender noStroke(); fill(217, 0, 170); beginShape(); vertex(94,137); bezierVertex(132,78,163,152,169,155); bezierVertex(131,121,122,119,94,137); endShape(); //Line on bus stroke(217, 0, 170); noFill(); beginShape(); vertex(100,117); bezierVertex(124,100,142,115,164,105); endShape(); //roof fill(217, 0, 170); beginShape(); vertex(154,45); vertex(204,45); vertex(204,30); bezierVertex(200,30,166,26,154,45); endShape(); return get(0, 0, 600, 600); }, //A section of the bus section: function(){ background(255,255,255,0); //Extra section of bus noStroke(); fill(240, 211, 178); rect(205, 45, 150, 100); //Windows fill(54, 42, 54); rect(214,55,20,40); rect(246,55,20,40); rect(282,55,20,40); rect(315,55,20,40); //Line in between sections stroke(54, 42, 54); line(353,46,353,141); noStroke(); //roof fill(217, 0, 170); rect(204,30,151,15); return get(0, 0, 600, 600); }, //A turn in the bus curved: function(){ background(255,255,255,0); //main section fill(240, 211, 178); rect(355, 45, 88, 100); //Windows fill(54, 42, 54); rect(359,55,20,40); arc(394,94,77,77,-90,0); rect(394,109,40,20); //Roof fill(217, 0, 170); rect(355,30,88,15); rect(443,30,15,115); return get(0, 0, 600, 600); }, //The first sign sign1: function(){ background(255,255,255,0); //1 sign noStroke(); strokeWeight(2); fill(240, 211, 178); ellipse(166,158,149,82); noFill(); stroke(99,94,99); ellipse(166,158,134,71); noStroke(); fill(99, 94, 99); ellipse(112,159,15,15); ellipse(221,159,15,15); textSize(30); text("1", 155, 168); return get(0, 0, 600, 600); }, //Second sign sign2: function(){ background(255,255,255,0); //2 sign strokeWeight(2); fill(240, 211, 178); ellipse(378,351,100,100); noFill(); stroke(99,94,99); ellipse(378,351,85,85); return get(0, 0, 600, 600); }, //Third sign sign4: function(){ background(255,255,255,0); //4 sign //Outside section fill(240, 211, 178); noStroke(); beginShape(); vertex(150,300); bezierVertex(161,279,196,288,197,300); vertex(202,296); bezierVertex(230,302,245,300,245,329); bezierVertex(242,349,125,360,102,333); bezierVertex(98,315,105,301,145,296); vertex(150,300); endShape(); //Inside section pushMatrix(); scale(0.80); translate(44,81); stroke(99,94,99); strokeWeight(4); noFill(); beginShape(); vertex(150,300); bezierVertex(161,279,196,288,197,300); vertex(202,296); bezierVertex(230,302,245,300,245,329); bezierVertex(242,349,125,360,102,333); bezierVertex(98,315,105,301,145,296); vertex(150,300); endShape(); popMatrix(); return get(0, 0, 600, 600); }, //Fourth sign sign5: function(){ background(255,255,255,0); //Main sturcture noStroke(); strokeWeight(1); fill(255, 211, 135); beginShape(); vertex(100,100); bezierVertex(117,86,195,36,275,100); bezierVertex(210,150,117,118,100,100); endShape(); //Outline pushMatrix(); scale(0.9); translate(20,12); noFill(); stroke(0,0,0); beginShape(); vertex(100,100); bezierVertex(117,86,195,36,275,100); bezierVertex(210,150,117,118,100,100); endShape(); popMatrix(); //screws noStroke(); fill(135, 135, 135); ellipse(128,100,10,10); ellipse(249,100,10,10); return get(0, 0, 600, 600); }, //A white arrow arrow: function(){ background(255,255,255,0); //White arrow pushMatrix(); fill(255,255,255); beginShape(); vertex(100,100); vertex(209,125); vertex(200,100); vertex(263,135); vertex(200, 165); vertex(210, 135); vertex(100,149); vertex(120,127); vertex(100,100); endShape(); popMatrix(); return get(0, 0, 600, 600); }, }; //]//Graphics //[ //Cache is an object full of loaded images var cache = {}; //The current index of images we loaded var cur_load = 0; //Access the image var Get = function(img_name) { //If the image is already in the cache if (img_name in cache) { //Return the iamge return cache[img_name]; } //If the image is not in the cache get the image and store it return (cache[img_name] = images[img_name]()); }; //Loads the images var loadImages = function(func) { //Call the image if (cur_load < Object.keys(images).length) { //Get the image Get(Object.entries(images)[cur_load][0]); //Go on cur_load++; } //If you don't need to load anymore images else { //Empty the array images.length = 0; //Reset the index cur_load = 0; //Call the function that happens when the images are loaded func(); } }; //Function for the loading var load = function(){ // load each image loadImages(function() { //If you have loaded the images go to the logo scene scene = "home"; }); //Background color background(255, 255, 255); //Text set ups fill(0, 0, 0); textSize(50); //Text in the middle of the screen text("Loading...", width/2 - 100, height/2); }; //]//Image loading stuff //[ //A function that makes glowing text var glowText = function(message, x, y, color, shine){ x += textWidth(message) / 2; var cx = -textWidth(message) / 2; for(var i = 0; i < message.length; i ++){ cx += textWidth(message.charAt(i)); textAlign(RIGHT, CENTER); for(var j = 0; j < 30; j ++){ for(var k = 12; k >= 0; k --){ fill(color, shine - k); text(message.charAt(i), x + cx + cos(j 12) * k * k / 4, y + sin(j * 12) * k * k / 4); /* Gasp! The 3rd dimension! / } } fill(255, 100); text(message.charAt(i), x + cx, y); } }; //]//Glowing text //[ //Which section of words and time is being used var num = 0; //[ var words = [ /Words are divided into scenes. Each paragraph is shown in one scene of the program*/ "In the 1920’s, German Mathematician David Hilbert devised a famous thought experiment to show us just how hard it is to wrap our minds around the concept of infinity.", "Imagine a hotel with an infinite number of rooms. One night the infinite hotel is completely full with an infinite number of guests." , "Then a man walks into the hotel and asks for a room. Instead of denying him a room, the night manager decides to make room for him.", "He asks the guest in room 1 to move to room 2, the guest in room 2 to move to room 3, and so on.", "Every guest moves from room n to room n + 1. Since there is an infinite amount of rooms there is a room for each guest in the hotel and the new guest gets room 1." , "But now an infinitely large bus with a countably infinite number of people on board pulls up needing rooms." , "The night manager asks the guest in room 1 to move to room 2, the guest in room 2 to move to room 4, the guest in room 3 to move to room 6, and so on." , "Each guest moves from room n to room 2n. This fills up all the infinite even number rooms." , "Now all the infinitely odd numbered rooms are empty, which are taken by the people on the infinite bus.", "Then one night the unthinkable happens. An infinite line of infinite buses with an countably infinite amount of people on board pulls up to the hotel.", "To make room each guest in the hotel moves 2, the first prime number, to the power of their current room. So the guest in room 5 goes to room number 2^5 which is room 32." , "Then the passengers on the first bus go to room number 3, the second prime number, to the power of their current seat on the bus. So the person on seat 5 goes to room number 3^5 or room 243." , "The next bus takes the next prime number, 5, and does the same thing as the first bus. This continues for all of the buses. The guest taking the next prime number and multiplying it by their seat on the bus. Now all the guests are happy and have a room." ]; //]//All the words //The time the words are on the screen var timeonscreen = [500, 400, 300, 300, 600, 230, 400, 300, 300, 300, 600, 500, 600]; var fade = 0; //A function to draw the words var drawthem = function(){ //Loops through the words for(var i = 0; i < timeonscreen.length; i++){ //If you are past the first scene if (num > 0){ //The black rectange at the bottom of the screen fill(105, 86, 110); noStroke(); rect(-2, 500, 602, 100); //Set ups for the text textAlign(CENTER, CENTER); textSize(20); //White coloring fill(0, 0, 0); //Draws the words according to what should be on the screen text(words[num], 0, 495, 600, 107); } } //If the time is equal to 0 if (timeonscreen[num] <= 0){ //Go the next section of words and time num++; } //If you are past the 12'th section of words and time if (num > 12){ //Keep it where it is background(0,0,0); fill(255,255,255); textSize(50); text("Thanks for watching\n\nRestart to watch again", width/2, height/2); } //If the program is not paused if (paused === false){ //If the speed is fast if (speed === "fast"){ //Take away a lot of time timeonscreen[num] -= 2; } //If the speed is slow if (speed === "slow"){ //Take away time by a little bit timeonscreen[num] -= 0.5; } //If the speed of the program is normal if (speed === "normal"){ //Decrease the amount of time timeonscreen[num] -= 1; } //If you want the program to be a clicker if (speed === "clicker"){ //Don't decrease the time at all timeonscreen[num] -= 0; } fill(89, 77, 77, fade); noStroke(); //Aligns the rectangles in a certain way rectMode(CENTER); //Draw the rectangles for play rect(240, 300, 100, 200); rect(360, 300, 100, 200); //Make the shape fade away fade-= 10; } //If paused is equal to true if (paused === true){ //Make the triangle for paused pushMatrix(); noStroke(); fill(89, 77, 77, fade); translate(11,11); triangle(223,188,223,390,392,290); popMatrix(); //Make the shape fade away fade-= 10; } //Resets the mode of the rectangle rectMode(LEFT); //If the press P if (keys[80]){ //reset the fade variable fade = 350; //Switch with the paused variable switch(paused){ //If it is true case true: //Make it false paused = false; break; //If it is false case false: //Make it true paused = true; break; } } //If it is the first scene if (num <= 0){ //Text set ups textSize(50); fill(0, 0, 0); textAlign(CENTER, CENTER); //Display the first words differently than the others text(words[num], 7, 0, 600, 600); } }; //]//The words //[ //Variables for the scene movment var scenevars = { //Scene 2 variables for the movment of the hotel s2m: 0, s2ms: 3, //Scene 3 variables for the movment of the hand s3m: -127, s3ms: 4, }; //A function that has all the scenes var scenes = function(){ //Switches with the words and time switch(num){ //First scene case 0:{ //Background color background(105, 86, 110); }break; //Second scene case 1:{ //Makes the background color background(125, 46, 107); //Prevents anything from getting affected pushMatrix(); //Translates the hotel to one of the scene variables so you can move it translate(0, scenevars.s2m); //A loop to draw all the floors of the hotel for (var i = -1535; i < -1; i += 112){ //Draw the 3 floors a little apart from each other image(Get('floor1'), 0, i); image(Get('floor2'), 0, i + 70); image(Get('floor3'), 0, i + 33); } //The hotel base image(Get('bottomfl'), 0, -44); //The sign on the side of the hotel fill(176, 113, 70); rect(359,65, 20, 200); rect(343,56,43,9); rect(343,264,43,9); //The words on the sign fill(0,0,0); textSize(12); textAlign(CENTER, CENTER); text("I\nN\nF\nI\nN\nI\nT\nY\n \nH\nO\nT\nE\nL", 369, 166); popMatrix(); //If the scene is on the screen for a certain amount of time if (timeonscreen[num] < 160){ //Make the whole screen shaded over fill(0,0,0,200); rect(0, 0, width, height); //Prevents anything else from getting affected pushMatrix(); //Rotates the text rotate(-15); //Make some glowing text using the function textSize(136); glowText("FULL", 56, 327, color(255,0,50), 12); popMatrix(); } //If you are not paused if (paused === false){ //If the time has gone down a certain ammount if (timeonscreen[num] > 160 && timeonscreen[num] < 350){ //Stop moving the hotel down scenevars.s2m += scenevars.s2ms; } } }break; //Third scene case 2:{ //Background color background(135, 86, 86); //Get an image of the hand image(Get('hand'), 16, scenevars.s3m); //Get an image of the buzzer image(Get('buzzer'), 18, -37); //If you are not paused if (paused === false){ //Move the hand down scenevars.s3m += scenevars.s3ms; //If the hand is on the buzzer move if (scenevars.s3m > -16){ //Move it up scenevars.s3ms = -3; } //If the hand is a but above the buzzer if (scenevars.s3m < -61){ //move it down scenevars.s3ms = 3; } } }break; //Fourth scene case 3:{ //Background color background(84, 35, 56); //Gets and image of the door image(Get('door'), -69, 17); //Set ups for the text textAlign(LEFT, LEFT); fill(0,0,0); textSize(18); //The number on the door text(1, 131, 224); //Gets an image of a door image(Get('door'), 276, 17); //The number on the door text(2, 476, 224); //Arrow stroke(0,0,0); strokeWeight(5); line(334,267, 252, 267); line(334,267,300,300); line(334, 267, 300, 233); }break; //Fifth scene case 4:{ //Background color background(84, 35, 56); //Gets an image of the door image(Get('door'), 228, 17); //Set ups for text textAlign(LEFT, LEFT); fill(0,0,0); textSize(18); //The number on the door text("n", 428, 222); //Gets an image of the key image(Get('key'), -55, -15); }break; //Sixth scene case 5:{ //Background color background(84, 35, 56); //Sections of the bus image(Get('section'), -31 , 0); image(Get('section'), 117, 0); image(Get('section'), 265, 0); //Prevents anything else from getting affected pushMatrix(); //Rotates 90 degrees rotate(-90); //Gets images of part of the bus image(Get('section'),-408,30); image(Get('curved'), -31 + -457, 30); popMatrix(); //Prevents anything else from getting affected pushMatrix(); //Rotates 180 degrees rotate(-180); //Gets images of the bus image(Get('section'), -811 ,-348); image(Get('section'), -663 ,-348); image(Get('section'), -515 ,-348); image(Get('curved'), -518, -348); popMatrix(); //Prevents anything else from getting affected pushMatrix(); //Rotate 90 degrees rotate(90); //Images of the rest of the bus image(Get('section'), 258, -456); popMatrix(); //Last parts of bus image(Get('section'), -29, 318); image(Get('curved'), -32, 318); image(Get('bus'), -29, 319); }break; //Seventh scene case 6:{ //Background color background(84, 35, 56); //Images for the signs for 1 and 2 image(Get('sign1'), -29, 0); image(Get('sign2'), 10, 31); //Letter 2 textSize(50); fill(99, 94, 99); text("2", 388, 381); //The line point from 1 to 2 noStroke(); fill(255,255,255); beginShape(); vertex(238, 149); bezierVertex(332,137,392,234,394,298); vertex(400,298); vertex(389,312); vertex(380,298); vertex(386,298); bezierVertex(384,231,312,152,240, 164); vertex(247,156); vertex(238, 149); endShape(); //Sign with the 4 on it image(Get('sign4'), -9, 137); //The 4 fill(99,94,99); textSize(40); text("4", 162, 455); //The line from the 2 to the 4 fill(255, 191, 0); ellipse(321,380,5,5); ellipse(309,380,5,5); ellipse(297,380,5,5); ellipse(284,380,5,5); ellipse(269,380,5,5); ellipse(254,380,5,5); ellipse(239,380,5,5); ellipse(222,380,5,5); ellipse(204,380,5,5); ellipse(189,380,5,5); ellipse(172,380,5,5); ellipse(172,397,5,5); stroke(255,191,0); line(172, 415, 186, 402); line(172, 415, 161, 402); noStroke(); //image for sing with 3 image(Get('sign4'), 316, -191); //The 3 fill(99,94,99); textSize(40); text("3", 490, 129); //Image for sign with 6 image(Get('sign2'), -264, -42); //Letter 6 textSize(50); fill(99, 94, 99); text("6", 112, 309); //The line from 3 to the 6 noFill(); stroke(209, 191, 117); beginShape(); vertex(498,176); bezierVertex(408,248,364,300,188,309); vertex(188,300); vertex(174,309); vertex(188,319); vertex(188, 309); endShape(); noStroke(); }break; //Eigth scene case 7:{ //Background color background(191, 100, 139); //Top sign image(Get('sign5'), 116, 4); //Letters in top sign fill(94, 88, 94); textSize(43); text("n", 304, 99); //Prevents anything else form getting affected pushMatrix(); //Rotate 90 degrees rotate(90); //Move to the right spot translate(54,-440); image(Get('arrow'), 0, 0); popMatrix(); //Bottom sign image(Get('sign4'), 131, 69); //Letters on the bottom sign fill(94, 88, 94); textSize(36); text("2n", 307, 393); }break; //Ninth scene case 8:{ //Background color background(191, 100, 139); //Makes the doors x positions for (var i = 0; i < 1200; i+= 276){ //Makes the doors y positions for (var j = 0; j < 1000; j += 389){ pushMatrix(); //Scale doors down a little but scale(0.4); //Get an image of the door image(Get('door'), i, j); popMatrix(); } } //Rect covering some of the doors fill(191, 100, 139); rect(368,347,209,146); //White arrow in the cornner pushMatrix(); rotate(180); translate(-655,-571); image(Get('arrow'), 0, 0); popMatrix(); //Words fill(255,255,255); text("infinite odd numbers", 482, 377); }break; //Tenth scene case 9:{ //Background color background(84, 35, 56); //Images of the bus sections image(Get('section'), -204, 320); image(Get('section'), -55, 320); image(Get('section'), 94, 320); image(Get('section'), -204, -1); image(Get('section'), -55, -1); image(Get('section'), 94, -1); pushMatrix(); //Flips the buses so they are facing the other way scale(-1, 1); //Images of the front of the bus image(Get('bus'), -651, 0); image(Get('bus'), -651, 321); popMatrix(); //Middle bus image(Get('section'), -29, 167); image(Get('section'), 119, 167); image(Get('section'), 267, 167); image(Get('bus'), -29, 168); }break; //Eleventh scene case 10:{ //Background background(84, 35, 56); pushMatrix(); //Scales door down scale(0.5); //Gets an image of the door image(Get('door'), -25, 28); popMatrix(); //Words fill(255,255,255); textSize(32); text("First Prime Number", 299, 137); //Sign with 2 image(Get('sign2'), 131, -212); textSize(50); fill(99, 94, 99); text("2", 510, 134); pushMatrix(); //Sclaes door down scale(0.5); //Gets an image of the door image(Get('door'), -25, 462); popMatrix(); //Number 5 on door fill(0,0,0); textSize(12); text(5, 90, 331); //White arrow pushMatrix(); //Moves the arrow translate(111,251); //Gets an image of the arrow image(Get('arrow'), 0, 0); popMatrix(); //Words textSize(40); text("2 ^ 5", 295, 303); pushMatrix(); //Scales the door down scale(0.5); //Gets an image of the door image(Get('door'), 771, 462); popMatrix(); //Number 32 on door fill(0,0,0); textSize(9); text(32, 488, 332); }break; //Twelth scene case 11:{ //Background color background(191, 100, 139); //Gets an image of a section of the bus image(Get('section'), -281, 147); pushMatrix(); //Flips the bus direction scale(-1, 1); //Gets an image of the front of the bus image(Get('bus'), -276, 149); popMatrix(); //Words above the bus fill(255,255,255); text("First Bus", 67, 55); //Gets an image of an arrow image(Get('arrow'), 119, 144); //Words above the arrow textSize(30); text("3 ^ 5", 291, 203); pushMatrix(); //Scales door down scale(0.7); //Gets an image of the door image(Get('door'), 498, 113); popMatrix(); //Number on the door textSize(9); fill(99, 94, 99); text("243", 492, 219); }break; //Thirteenth scene case 12:{ //Background color background(191, 100, 139); //Gets an image of a section of bus image(Get('section'), -281, 45); pushMatrix(); //Flips the buses direction scale(-1, 1); //Gets an image of the bus image(Get('bus'), -276, 47); popMatrix(); //Words above bus fill(255,255,255); text("Second Bus", 100, 55); //Gets an image of an arrow image(Get('arrow'), 119, 33); //Words above arrow textSize(30); text("5 ^ 5", 291, 89); pushMatrix(); //Scales door down scale(0.7); //Gets an image of the door image(Get('door'), 498, -46); popMatrix(); //Words on door textSize(7); fill(99, 94, 99); text("3125", 492, 108); //Gets an image of part of the bus image(Get('section'), -281, 262); pushMatrix(); //Flips buses direction scale(-1, 1); //Gets an image of the bus image(Get('bus'), -276, 264); popMatrix(); //Words above bus fill(255,255,255); textSize(30); text("Third Bus", 100, 268); //Gets an image of an arrow image(Get('arrow'), 119, 258); //Words above arrow textSize(30); text("7 ^ 5", 291, 315); pushMatrix(); //Scales door down scale(0.7); //Gets an image of the door image(Get('door'), 498, 293); popMatrix(); //Words on door textSize(7); fill(99, 94, 99); text("16807", 492, 346); }break; } //If you pressed the right arrow key if (clicked){ //Go to the next scene num++; } }; //The home scene var home = function(){ //Background color background(143, 87, 114); //[ pushMatrix(); scale(0.7); image(Get('door'), 541, 373); popMatrix(); image(Get('section'), 303, 0); image(Get('bus'), 306, 1); //A loop to draw all the floors of the hotel for (var i = -343; i < -1; i += 107){ //Draw the 3 floors a little apart from each other image(Get('floor1'), -203, i); image(Get('floor2'), -203, i + 70); image(Get('floor3'), -203, i + 33); } image(Get('bottomfl'), -203, 12); //]//Images of stuff on the home screen //Text set ups fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(78); //Text in the middle of the screen text("Infinite\n Hotel \nParadox", width/2, height/2); //Text on the bottom of the screen textSize(20); text("Click to begin", width/2, 577); //Get an image of the screen var hs = get(); //Call that image image(hs, 0, 0); //If you click the mouse if (clicked){ //Go to the slideshow scene scene = "ss"; } }; //]//The scenes //[ draw = function() { //Switches between the scenes switch(scene){ //If the scene if equal to load case "load": //Call the loading function load(); break; //If the scene is equal to ss case "ss": //Call the scene functions scenes(); drawthem(); break; //If the scene is equal to home case "home": //Call the home scene function home(); break; } //Shows the framerate fill(255, 0, 0); textSize(30); //text(round(this.__frameRate) + " FPS", 55, 25); //Resets the mouse and keyboard variables clicked = false; keys[keyCode] = false; }; //]//Draw function
Folds	42,83,85,764,766,839,841,867,869,1077,1079,1838,1840,1885
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3wk9WWCAw
Votes	197
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"4820784361979904","title":"Contest: Illustrate a Math Concept","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Schuck
Author Name	schuck91
Author ID	kaid_182089607744462391348494
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739364503478
Updated	10 months ago, 1739364511150
Source Deleted	unknown