Viewing Program

Program Data

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

Title	The Mystery
ID	6455600445702144
Created	3 years ago, 1640330448701
Updated	3 years ago, 1640377778276
Code	/** * Contest: Mysteries I have completed 100% of Khan Academy's 'Intro to JS' and have been programming for 12 months. I would prefer to be placed in the [Intermediate] bracket @CREDITS: [ BOBLYON: DeKhan library. Daniel R.: rect-t0-rect collisions. ] / /Global Variables & Other Setup/ var scene = "menu"; smooth(); size(600, 600, P3D); rectMode(CENTER); textAlign(CENTER, CENTER); textFont(createFont("Arial Black")); var keys = {}; function keyPressed() { keys[keyCode] = true; } function keyReleased() { keys[keyCode] = false; } var clicked = false; function mousePressed() { clicked = true; } var player; var level = 1; var bigBlock = { x: 100, y: 150, w: 200, h: 50, }; /DeKhan library by Bob Lyon*/ var DeKhan = (function() { / Regular expressions derived from Element118 delag() function. / var plusPlusExp = new RegExp("__env__\\.KAInfiniteLoopCount\\+\\+;\\n", "g"); var ifClauseExp = new RegExp("\\n\\sif \$__env__\\.KAInfiniteLoopCount > 1000\$ {[\\s]+__env__\\.KAInfiniteLoopProtect\$'[^']'\$;[^}]+}", "g"); var newExp = new RegExp("__env__\\.PJSCodeInjector\\.applyInstance\$(\\S+), '\\S+'\$", "g"); var envExp = new RegExp("__env__\\.", "g"); var noBreakSpace = "\u00a0"; / primenumbers7532@gmail.com / var lineBreak = String.fromCharCode(10); / Larry Serflaten for IE Windows / var spaceExp = new RegExp(" ", "g"); var newlineExp = new RegExp("\\n", "g"); var wasFrameCount = frameCount; frameCount = function() { frameCount = wasFrameCount; return this; }; var globals = frameCount(); var F = Object.constructor; / Javascript Function (capital F) constructor / var metIpseMecum = (0 \|\| arguments).callee; / Given source code, return a function in the global scope. / var conjureFunctionFrom = function (source) { / Copied from Element118, delag() function. / return F('return (function(__env__) {return ' + source + ';});')()(globals); }; return { / Return a function like f without any loop detection. / loopDetect: function(f) { var source = f.toString(); source = source.replace(plusPlusExp, ""); source = source.replace(ifClauseExp, ""); return conjureFunctionFrom(source); }, / Return a function like f where the caller supplies the filter. / applyRegExp: function(f, rExp, replacement) { var source = f.toString(); source = source.replace(rExp, replacement); return conjureFunctionFrom(source); }, / Return a function like f that uses the keyword "new" again. / renew: function(f) { return this.applyRegExp(f, newExp, "new $1"); }, / * Print completely deKhanified function f source out via println. * All arguments are optional. / print: function(f, prefix, suffix) { f = f \|\| metIpseMecum; prefix = prefix \|\| ""; suffix = suffix \|\| ""; f = this.loopDetect(f); f = this.renew(f); var source = f.toString(); source = source.replace(envExp, ""); source = prefix + source + suffix; this.printText(source); }, / Print source line(s) out via println. / printText: function(source) { source = source \|\| " "; / blank line if nothing else... / source = source.replace(spaceExp, noBreakSpace); source = source.replace(newlineExp, lineBreak); println(source); }, }; })(); /My rect-to-rect collision function/ function collide(obj1, obj2) { return obj1.x + obj1.w/2 > obj2.x - obj2.w/2 && obj1.x - obj1.w < obj2.x + obj2.w/2 && obj1.y + obj1.h/2 > obj2.y - obj2.h/2 && obj1.y - obj1.h/2 < obj2.y + obj2.h/2; } /Rect collide function by Daniel R./ function rectCollide(a, b, xs, ys) { if(collide(a, b)) {//if the player is touching the block if(ys > 0) {//if it is falling a.y = b.y - a.h;//keeps it on top of the block a.ySpeed = 0; a.canJump = true;//makes sure it can jump } if(ys < 0) {//if it is rising a.y = b.y + b.h;//keeps it below the block a.ySpeed = 0; } if(xs > 0) {//if it is going right a.x = b.x - a.w;//keeps it on the right side of the block a.xSpeed = 0; } if(xs < 0) {//if it is going left a.x = b.x + b.w;//keeps it on the left side of the block a.xSpeed = 0; } } } /Player setup/ function player1(x, y) { noStroke(); pushMatrix(); translate(x, y); fill(34, 60, 230); rect(0, 0, 50, 50); fill(252, 201, 138); rect(0, -13, 50, 25); fill(77, 45, 8); rect(0, -24, 50, 5); popMatrix(); } function player2(x, y) { noStroke(); pushMatrix(); translate(x, y); fill(19, 29, 92); rect(0, 0, 50, 50); fill(252, 201, 138); rect(0, -13, 50, 25); fill(191, 127, 49); rect(0, -24, 50, 5); popMatrix(); } function player3(x, y) { noStroke(); pushMatrix(); translate(x, y); fill(0, 21, 161); rect(0, 0, 50, 50); fill(252, 201, 138); rect(0, -13, 50, 25); fill(191, 127, 49); rect(0, -23, 50, 5); rect(-24, -18, 6, 15, 10, 0, 10, 10); rect(24, -18, 6, 15, 0, 10, 10, 10); popMatrix(); } function Player(x, y) { this.x = x; this.y = y; this.name = "Donald"; this.w = 50; this.h = 50; this.eyeX = 0; this.eyeY = -10; this.g = 0; this.char = 1; } Player.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rectMode(CENTER); switch (this.char) { case 1: player1(0, 0); break; case 2: player2(0, 0); break; case 3: player3(0, 0); break; } fill(0, 0, 0); ellipse(this.eyeX - 10, this.eyeY, 5, 5); ellipse(this.eyeX + 10, this.eyeY, 5, 5); popMatrix(); }, update: function() { if (keys[UP]) { this.eyeY = -15; } else { this.eyeY = -10; } if (keys[RIGHT] \|\| keys[68]) { this.x += 3; this.eyeX = 5; } else { this.eyeX = 0; } if (keys[LEFT] \|\| keys[65]) { this.x -= 3; this.eyeX = -5; } if (keys[UP] && this.y >= 475) { this.g = -7; } this.x = constrain(this.x, 25, 575); this.y += this.g; this.g += 0.25; if (this.y >= 475) { this.g = -0.25; } if (level === 9) { rectCollide(player, bigBlock, 0, 1); rectCollide(player, bigBlock, 0, 1); rectCollide(player, bigBlock, 0, 1); rectCollide(player, bigBlock, 0, 1); } } }; player = new Player(25, 475); function resetPlayerPos(x, y) { player.x = x; player.y = y; } function TextPrompt(t) { this.t = 0; this.message = ["Hello.", "Why are you levitating?", "What's wrong?", "Are you coming", "Oh, okay."]; } TextPrompt.prototype = { display: function() { fill(0, 0, 0); textSize(20); text(this.message[this.t], 300, 550); }, update: function() { if (this.t >= 4) { this.t = 4; } if (clicked) { this.t = this.t + 1; } } }; var textPrompt = new TextPrompt(); /Additional characters setup/ function ChiefDetective(x, y) { this.x = x; this.y = y; this.w = 50; this.h = 50; this.ouchs = 0; this.t = 0; this.message = ["", "Hello, young chap.", "Because its fun.", "There's a new case on Fifth Avenue.\nA break-in.", "No. That's what juniors are for."]; } ChiefDetective.prototype = { display: function() { fill(0, 0, 0); textSize(20); text(this.message[this.t], 300, 300); noStroke(); pushMatrix(); translate(this.x, this.y); fill(250, 201, 3); rect(0, 0 + 12.5, 50, 25); fill(255, 233, 145); rect(0, 0 - 12.5, 50, 25); fill(0, 0, 0); ellipse(-15, -16, 5, 5); ellipse(15, -16, 5, 5); fill(181, 184, 108); beginShape(); vertex(-25, -25); vertex(25, -25); vertex(20, -35); vertex(0, -36); vertex(-20, -35); endShape(); popMatrix(); }, update: function() { if (clicked) { this.t = this.t + 1; if (this.t >= 4.5) { this.t = 4.5; } } if (player.x > 400) { this.x = 300 + 10 sin(frameCount * 5); } } }; var chiefDetective = new ChiefDetective(300, 400); function SecurityGuard(x, y) { this.x = x; this.y = y; this.message = ["Hello. I'm Max.", "I'll show you where they broke in.", "", "They came in through that window."]; this.t = 0; } SecurityGuard.prototype = { display: function() { fill(0, 0, 0); textSize(20); text(this.message[this.t], 300, 300); pushMatrix(); translate(this.x, this.y); //hat fill(6, 2, 130); rect(0, -20, 50, 10); //face fill(252, 205, 133); rect(0, -5, 50, 20); fill(0, 0, 0); ellipse(-10, -7, 5, 7); ellipse(10, -7, 5, 7); ellipse(0, 1, 10, 2); //clothes fill(6, 2, 130); rect(0, 15, 50, 20); popMatrix(); }, update: function() { if (clicked) { this.t = this.t + 1; } if (level === 3) { if (this.t >= 2 && this.x < 650) { this.x += 5; } } } }; var securityGuard = new SecurityGuard(300, 475); function suspects(c, x, y) { noStroke(); switch (c) { case 1: fill(133, 15, 15); pushMatrix(); translate(x, y); rect(0, 0, 50, 50); fill(242, 193, 94); rect(0, -13, 50, 24); fill(115, 85, 33); rect(0, -23, 50, 6); popMatrix(); break; case 2: fill(133, 15, 15); pushMatrix(); translate(x, y); rect(0, 0, 50, 50); fill(242, 193, 94); rect(0, -13, 50, 24); fill(255, 255, 51); rect(0, -23, 50, 6); popMatrix(); break; case 3: fill(133, 15, 15); pushMatrix(); translate(x, y); rect(0, 0, 50, 50); fill(242, 193, 94); rect(0, -13, 50, 24); fill(199, 126, 0); rect(0, -23, 50, 6); popMatrix(); break; } fill(0, 0, 0); ellipse(x - 10, y - 10, 5, 5); ellipse(x + 10, y - 10, 5, 5); } function Suspect(x, y) { this.x = x; this.y = y; this.message = "You won't take me in!"; } Suspect.prototype = { display: function() { suspects(3, this.x, this.y); if (level === 6) { fill(255, 255, 255); textSize(30); text(this.message, 300, 300); } }, update: function() { if (level === 6) { this.x += 3; } if (level === 7) { this.x += 4; } } }; var suspect = new Suspect(300, 475); /Other Functions, Objects & Graphics/ function Zeppelin (x, y) { this.x = x; this.y = y; this.w = 1000; this.h = 200; } Zeppelin.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); fill(77, 62, 62); stroke(77, 77, 77); for (var i = -110; i < 120; i += 20) { rect(0, [i], this.w, this.h/10); } arc(500, 0.5, 250, 240, -90, 90); arc(-500, 0.5, 250, 240, 90, 270); fill(112, 95, 95); rect(0, 155, 200, 70, 0, 0, 50, 50); for (var i = 0; i < 4; i++) { fill(0, 0, 0); ellipse(-70 + (i * 47), 165, 20, 20); } popMatrix(); }, update: function() { this.x += 5; } }; var zeppelin = new Zeppelin(-300, 380); function btn(x, y, w, h, txt, type, p) { stroke(255, 255, 255); if (scene === "win") { stroke(0, 0, 0); } strokeWeight(3); noFill(); if (mouseX > x - w/2 && mouseX < x + w/2 && mouseY > y - h/2 && mouseY < y + h/2) { w = w + 20; if (type === "char") { h = h + 20; } if (clicked) { switch (type) { case "scene": scene = p; break; case "print": println(p); break; case "char": player.char = p; player.name = txt; scene = "play"; break; case "who": if (p === true) { level = level + 1; } else { scene = "lose"; } break; case "level": level = p; break; } } } else { w = w; } rect(x, y, w, h); fill(255, 255, 255); if (scene === "win") { fill(0, 0, 0); } textSize(30); if (type === "char" \|\| type === "who") { text(txt, x, y - w/1.3); } else { text(txt, x, y); } } var rainX = []; var rainY = []; var rainS = []; var rainSize = []; for (var i = 0; i < height; i++) { rainX.push(-50 + Math.random() * 700); rainY.push(Math.random() * 10 * i); rainS.push(5 + Math.random() * 4); rainSize.push(2 + Math.random()); } function rain() { for (var i = 0; i < 150; i++) { pushMatrix(); translate(rainX [i], rainY [i]); rotate(15); strokeWeight(rainSize[i]); stroke(237, 237, 237); line(0, 0, 0, -50); popMatrix(); rainY [i] += rainS[i]; if (rainY[i] > height) { rainY[i] = 0; } } } var door = { x: 300, y: 386, w: 70, h: 105, }; function resetGame() { player.x = 25; player.y = 475; level = 1; } function _background () { background(0, 0, 0); noStroke(); fill(66, 66, 66); rect(300, 550, 600, 100); noStroke(); //building //[ fill(71, 49, 29); rect(300, 350, 250, 300); //windows fill(128, 128, 128); rect(220, 250, 50, 50); rect(300, 250, 50, 50); rect(380, 250, 50, 50); rect(220, 365, 50, 50); rect(380, 365, 50, 50); fill(97, 67, 16); rect(220, 222, 60, 5); rect(220, 277, 60, 5); rect(220, 337, 60, 5); rect(220, 392, 60, 5); rect(300, 222, 60, 5); rect(300, 277, 60, 5); rect(380, 222, 60, 5); rect(380, 277, 60, 5); rect(380, 337, 60, 5); rect(380, 392, 60, 5); //door fill(71, 40, 8); rect(door.x, door.y, door.w, door.h); fill(148, 120, 37); ellipse(275, 395, 5, 5); //stairs strokeWeight(2); stroke(64, 64, 64); fill(82, 82, 82); rect(300, 494, 68, 10); rect(300, 484, 68, 10); rect(300, 474, 68, 10); rect(300, 464, 68, 10); rect(300, 454, 68, 10); rect(300, 444, 68, 10); fill(110, 110, 110); textSize(25); text("DETECTIVES CO.", 300, 295); //] //lamppost //[ //pole strokeWeight(1); stroke(138, 138, 138); fill(115, 115, 115); quad(50, 500, 70, 500, 62, 450, 58, 450); rect(59.5, 400, 4, 100); quad(55, 340, 65, 340, 62, 330, 58, 330); //light for (var k = 0; k < 20; k++) { noStroke(); fill(255, 242, 0, k * 2); ellipse(59.5, 345, k, k); } for (var k = 0; k < 167; k++) { noStroke(); fill(255, 238, 0, k/100); ellipse(59.5, 345, k, k); } //] rain(); } function insideBuilding() { background(204, 204, 204); fill(99, 99, 99); rect(300, 550, 600, 100); } function character() { } var stick = { x: 400, y: 500, w: 20, h: 4, }; var blocks = []; function Block(x, y) { this.x = x; this.y = y; this.w = 50; this.h = 50; } Block.prototype = { display: function() { rectMode(CENTER); fill(89, 57, 40); rect(this.x, this.y, this.w, this.h); for (var h = 0; h < this.w - 1; h += 5) { fill(7, 102, 10, random(150, 200)); rect(this.x + (h * 1) - 22, this.y - this.h/2 + 8, 5, 15); } } }; for (var i = 0; i < 300; i++) { blocks.push(new Block(random(25, 575), -100 * i)); } function textBubble(txt, x, y, w, h) { fill(255, 255, 255); rect(x, y, w, h, 20); triangle(x - w/2, y + h/4, x - w/2 - w/50, y + h/2 + 10, x - w/2 + w/12, y + h/2); fill(0, 0, 0); textSize(15); text(txt, x, y); } /Scenes & draw function/ function menu() { _background(); fill(255, 255, 255); textSize(50); text("The Mystery", 300, 150); btn(175, 500, 200, 50, "How", "scene", "how"); btn(425, 500, 200, 50, "Play", "scene", "selectChar"); } function selectChar() { _background(); fill(255, 255, 255); textSize(40); text("Select Your Character", 300, 150); btn(150, 350, 100, 100, "James", "char", 1); btn(300, 350, 100, 100, "Donald", "char", 2); btn(450, 350, 100, 100, "Jane", "char", 3); player1(150, 350); player2(300, 350); player3(450, 350); for (var j = 0; j < 4; j++) { fill(0, 0, 0); ellipse((j * 150) - 10, 340, 5, 5); ellipse((j * 150) + 10, 340, 5, 5); } } function play() { switch (level) { case 1: _background(); player.display(); player.update(); if (collide(player, door)) { level = 2; resetPlayerPos(25, 475); } break; case 2: insideBuilding(); chiefDetective.display(); chiefDetective.update(); player.display(); player.update(); textPrompt.display(); textPrompt.update(); if (player.x >= 575) { level = 3; player.x = 25; } break; case 3: insideBuilding(); securityGuard.display(); securityGuard.update(); player.display(); player.update(); if (player.x >= 575) { level = 4; player.x = 25; securityGuard.x = 30; } break; case 4: insideBuilding(); securityGuard.display(); securityGuard.update(); player.display(); player.update(); fill(71, 52, 31); rect(stick.x, stick.y, stick.w, stick.h); if (collide(player, stick)) { level = 4.5; } break; case 4.5: background(0, 0, 0); fill(255, 255, 255); textSize(30); text("Here are the suspects' stories...", 300, 300); if (clicked) { level = 5; } break; case 5: background(0, 0, 0); //[ noFill(); strokeWeight(3); stroke(255, 255, 255); for (var k = 0; k < 4; k++) { for (var l = 0; l < 4; l++) { rect(100 + k * width/3, 100 + l * height/3, 200, 200); } } suspects(1, 50, 100); suspects(2, 50, 300); suspects(3, 50, 500); textSize(20); fill(255, 255, 255); text("Gerald", 130, 100); text("Tom", 130, 300); text("Johnny", 130, 500); textBubble("I was just around the\ncorner. I never saw or\nheard anything.", 300, 100, 180, 80); textBubble("I knew nothing of the\nwhole thing until now.", 500, 100, 180, 60); textBubble("I was getting out of\nmy car in the parking\nlot.", 300, 300, 180, 80); textBubble("I thought I heard a\nsmashing noise. I'm\nnot sure.", 500, 300, 180, 80); textBubble("I was walking behind\nthe museum when I\nheard a yell.", 300, 500, 180, 80); textBubble("I couldn't see the\nfront, so did not see\nthe thief going\nthrough the broken\nwindow.", 500, 500, 180, 120); if (clicked) { level = 6; } //] story board break; case 6: background(0, 0, 0); fill(255, 255, 255); textSize(60); text("Who broke in?", 300, 100); textSize(20); text("Here are the three suspects:", 300, 210); btn(100, 400, 150, 200, "Gerald", "who", false); btn(300, 400, 150, 200, "Tom", "who", false); btn(500, 400, 150, 200, "Johnny", "who", true); for (var i = 0; i < 4; i++) { suspects(i, -100 + i * 200, 400); } btn(300, 550, 100, 50, "Back", "level", 5); break; case 7: background(0, 0, 0); //ground noStroke(); fill(112, 112, 112); rect(300, 550, 600, 100); player.display(); player.update(); suspect.display(); suspect.update(); if (player.x >= 575) { level = 8; player.x = 25; suspect.x = 100; } break; case 8: background(18, 227, 255); //ground noStroke(); fill(112, 112, 112); rect(300, 550, 600, 100); for (var i = 0; i < blocks.length; i++) { blocks[i].display(); blocks[i].y += 5; if (collide(player, blocks[i])) { //scene = "lose"; } } player.display(); player.update(); suspect.display(); suspect.update(); if (player.x >= 575) { level = 9; player.x = 25; player.y = 100; } break; case 9: noStroke(); background(0, 225, 255); //ground fill(82, 43, 9); rect(100, 150, 200, 50); player.display(); player.update(); zeppelin.display(); zeppelin.update(); fill(0, 0, 0); textSize(40); text("He's trying to escape!\nStop him!", 300, 300); if (collide(zeppelin, player)) { scene = "win"; } if (zeppelin.x > 600) { scene = "lose"; } break; } } function how() { _background(); fill(255, 255, 255); textSize(60); text("HOW", 300, 100); textSize(30); text("Use the arrow keys or WASD to\nmove.", 300, 300); btn(175, 450, 200, 50, "Menu", "scene", "menu"); btn(425, 450, 200, 50, "Play", "scene", "selectChar"); } function win() { background(235, 235, 235); for (var j = 0; j < 25; j++) { noStroke(); fill(255, 255, 0, j); ellipse(300, 300, j * 80, j * 8); } player.x = 300; player.y = 300; player.eyeX = 0; player.eyeY = -12; player.display(); chiefDetective.x = 230; chiefDetective.y = 300; chiefDetective.display(); fill(0, 0, 0); arc(230, 293, 30, 10, 0, 180); fill(0, 0, 0); arc(300, 292, 30, 10, 0, 180); textSize(100); fill(255, 255, 255); text("You won!", 300, 150); fill(0, 0, 0); text("You won!", 305, 155); btn(300, 450, 200, 50, "Replay", "scene","menu"); } function lose() { _background(); fill(255, 255, 255); textSize(50); text("You let the criminal\nescape! :(", 300, 300); resetGame(); btn(300, 450, 200, 50, "Replay", "scene","menu"); } var scenes = { menu: menu, how: how, play: play, win: win, lose: lose, selectChar: selectChar, }; function draw() { try { scenes[scene](); } catch (er) { println(er); } fill(255, 255, 255); textSize(15); text(round(this.__frameRate), 20, 585); clicked = false; } DeKhan.loopDetect(draw);
Folds	9,12,15,46,48,119,121,127,129,150,152,302,304,487,489,766,768,1096
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIPb2eq7Cww
Votes	32
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"5619687392067584","title":"Contest: Mysteries","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841874658
Updated	5 months ago, 1722841874658
Source Deleted	unknown