Viewing Program

Program Data

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

Title	The Error Game
ID	5431669467774976
Created	10 years ago, 1445960040039
Updated	8 years ago, 1504195036789
Code	/** * OVER 200 VOTES??!!! COOL HOPPER UNLOCKED, AT THE TOP OF THE HOT LIST??!!! MIND BLOWN!!!! Thank you all so much. * * There is a settings button on the main menu where you can select the language you'd like to practice. Any suggestions for improvements are welcome! * * Peter Collingridge made an awesome spin-off of this! Check that out, too! * */ var scene = 0; var drawSmiley = false; var lives; var mode = "ProcessingJS"; var btn1 = { stroke: null, strokeWeight: null, rounded: false, fillColor: color(255, 0, 0), x: 10, y: 270, width: 380, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " P l a y G a m e !" }; var btn2 = { stroke: null, strokeWeight: null, rounded: false, fillColor: color(255, 0, 0), x: 10, y: 310, width: 380, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " I n s t r u c t i o n s" }; var btn3 = { stroke: null, strokeWeight: null, rounded: false, fillColor: color(255, 0, 0), x: 10, y: 360, width: 380, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " B a c k" }; var btn4 = { stroke: color(0, 0, 0), strokeWeight: null, rounded: true, fillColor: color(78, 179, 45), x: 75, y: 353, width: 311, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " Correct! Next Level" }; var btn5 = { stroke: null, strokeWeight: null, rounded: false, fillColor: color(255, 0, 0), x: 10, y: 350, width: 380, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " S e t t i n g s" }; var btn6 = { stroke: color(0, 0, 0), strokeWeight: null, rounded: false, fillColor: color(77, 77, 77), x: 210, y: 40, width: 30, height: 30, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: null }; var btn7 = { stroke: color(0, 0, 0), strokeWeight: null, rounded: false, fillColor: color(77, 77, 77), x: 110, y: 72, width: 30, height: 30, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: null }; var btn8 = { stroke: color(0, 0, 0), strokeWeight: null, rounded: false, fillColor: color(77, 77, 77), x: 110, y: 108, width: 30, height: 30, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: null }; var btn9 = { stroke: null, strokeWeight: null, rounded: false, fillColor: color(255, 0, 0), x: 10, y: 360, width: 380, height: 35, textFillColor: color(255, 255, 255), buttonTextSize: 20, buttonText: " B a c k" }; var drawButton = function(btn) { strokeWeight(btn.strokeWeight); stroke(btn.stroke); fill(btn.fillColor); if (btn.rounded === true) { rect(btn.x, btn.y, btn.width, btn.height, 100); } else { rect(btn.x, btn.y, btn.width, btn.height); } fill(btn.textFillColor); textFont(createFont('sans-serif')); textSize(btn.buttonTextSize); text(btn.buttonText, btn.x + 35, btn.y + (btn.height - 10)); }; var isMouseInsideButton = function(btn) { return (mouseX >= btn.x && mouseX <= (btn.x+btn.width) && mouseY >= btn.y && mouseY <= (btn.y+btn.height)); }; var drawSmileyAndButton = function() { fill(255, 255, 0); ellipse(35, 370, 50, 50); fill(0, 0, 0); ellipse(25, 360, 5, 5); ellipse(45, 360, 5, 5); noFill(); stroke(0, 0, 0); arc(33, 368, 25, 25, 18, 100); drawButton(btn4); }; var drawMenu = function() { background(0, 0, 0); textFont(createFont("Impact")); textSize(35); fill(255, 255, 255); text("The", 15, 45); text("The", 335, 45); text("Game", 305, 255); text("Game", 15, 255); textSize(75); fill(255, 0, 0); text("ERROR!", 90, 165); drawButton(btn1); drawButton(btn2); drawButton(btn5); }; var drawHelpScreen = function() { background(0, 0, 0); fill(255, 0, 0); textFont(createFont('sans-serif')); textSize(25); text("Oh Noes! A hacker has damaged\nsome software vital to Khan Aca-\ndemy's online service! The staff\nneed your help to repair the pro-\ngramming and bring the server\nback online! Use your programm-\ning skills to fix the code on each\nof the levels. Some will require fix-\ning regular JavaScript, others will\nrequire HTML or SQL. Click on\nlines that need fixing. Good luck!", 10, 45); drawButton(btn3); }; var drawSettingsScreen = function() { background(0, 0, 0); fill(255, 0, 0); textSize(30); text("ProcessingJS\nHTML\nSQL", 15, 65); drawButton(btn6); drawButton(btn7); drawButton(btn8); drawButton(btn9); if (mode === "ProcessingJS") { btn6.fillColor = color(255, 255, 255); btn7.fillColor = color(77, 77, 77); btn8.fillColor = color(77, 77, 77); } }; var drawLevel1JS = function() { background(0, 0, 0); fill(255, 255, 255); textSize(35); text("Level 1", 150, 45); textSize(20); fill(0, 0, 255); text("var", 20, 100); text("function", 215, 100); text("if ", 65, 130); fill(102, 0, 255); text("doSomething", 60, 100); fill(255, 255, 255); text("=", 190, 100); text("()", 290, 100); text("{", 315, 100); text("(mouseIsDragged)", 85, 130); text("{", 260, 130); text("ellipse(mouseX, mouseY, 10, 10);", 90, 160); text("}", 65, 190); text("};", 20, 220); text("1", 5, 100); text("2", 5, 130); text("3", 5, 160); text("4", 5, 190); text("5", 5, 220); text("Lives:", 280, 30); text(lives, 345, 30); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel2JS = function() { background(0, 0, 0); fill(255, 255, 255); textSize(35); text("Level 2", 150, 45); textSize(20); fill(0, 0, 255); text("if", 20, 100); text("if", 40, 130); text("else", 60, 250); fill(255, 255, 255); text("(mouseIsPressed)", 37, 100); text("(mouseX <= 45)", 55, 130); text("background(255, 0, 0);", 58, 160); text("background(0, 0, 0);", 61, 280); text("fill(0, 0, 0);", 58, 190); text('text("YOU CHOSE LEFT.", 200, 200);', 58, 220); text("{", 210, 100); text("};", 20, 340); text("{", 210, 130); text("}", 45, 250); text("}", 45, 310); text("{", 105, 250); text("1", 5, 100); text("2", 5, 130); text("3", 5, 160); text("4", 5, 190); text("5", 5, 220); text("6", 5, 250); text("7", 5, 280); text("8", 5, 310); text("9", 5, 340); text("Lives:", 280, 30); text(lives, 345, 30); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel3JS = function() { background(0, 0, 0); fill(255, 255, 255); textSize(35); text("Level 3 (credit to VMC)", 24, 65); textSize(20); fill(0, 0, 255); text("var", 20, 100); text("var", 20, 280); text("function", 150, 280); fill(102, 0, 255); text("draw", 60, 280); fill(255, 255, 255); text("qwe", 64, 100); text("=", 120, 100); text("[", 150, 100); text('[1, "a"],', 75, 130); text('[2, "b"],', 75, 160); text('[3, "c"]', 75, 190); text("]", 25, 220); text("=", 120, 280); text("()", 225, 280); text("{", 255, 280); text("println(qwe[1][0]);", 60, 310); text("};", 25, 340); text("1", 5, 100); text("2", 5, 130); text("3", 5, 160); text("4", 5, 190); text("5", 5, 220); text("6", 5, 250); text("7", 5, 280); text("8", 5, 310); text("9", 5, 340); text("Lives:", 280, 30); text(lives, 345, 30); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel4JS = function() { background(0, 0, 0); fill(255, 255, 255); textSize(25); text("Level 4 (credit to ρ€ɲǥµɨɲ9541)", 24, 45); textSize(20); fill(0, 0, 255); text("var", 20, 75); text("var", 20, 100); text("var", 20, 125); text("function", 230, 125); text("0", 150, 75); text("0", 205, 100); text("var", 20, 200); text("function", 145, 200); text("if", 63, 225); text("0.02", 155, 325); fill(102, 0, 255); text("mouseClicked", 60, 125); text("draw", 60, 200); fill(255, 255, 255); text("score", 64, 75); text("=", 125, 75); text(";", 164, 75); text("highScore", 64, 100); text("=", 175, 100); text(";", 221, 100); text("=", 200, 125); text("()", 305, 125); text("{", 330, 125); text("score++;", 65, 150); text("};", 25, 175); text("=", 115, 200); text("()", 220, 200); text("{", 245, 200); text("(score > highScore)", 80, 225); text("{", 265, 225); text("highScore", 83, 250); text("=", 185, 250); text("floor(score);", 210, 250); text("}", 65, 275); text("print", 65, 300); text('(floor(score) + ", " + highScore);', 109, 300); text("score", 65, 325); text("-=", 125, 325); text(";", 198, 325); text("};", 35, 350); text("1", 5, 75); text("2", 5, 100); text("3", 5, 125); text("4", 5, 150); text("5", 5, 175); text("6", 5, 200); text("7", 5, 225); text("8", 5, 250); text("9", 5, 275); text("10", 5, 300); text("11", 5, 325); text("12", 5, 350); text("Lives:", 280, 22); text(lives, 345, 22); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel5JS = function() { // All of this code comes from T#1B12P background(0, 0, 0); fill(255, 255, 255); textSize(30); text("Level 5 (credit to T#1B12P)", 20, 45); textSize(20); text("Lives:", 280, 18); text(lives, 345, 18); // The #'s split color options. var level = [ ["// This one is tricky..."], ["var", " isPrime = ", "function", "(n) {"], [" ", "var", " bound = sqrt(n);"], [" ", "for", " (", "var", " a = 2; a <= bound; a++) {"], [" ", "if", "(n % a === 0) {"], [" ", "return", " ", "false", ";"], [" }"], [" }"], [" ", "return", " ", "true", ";"], ["};"], [""], ["var", " number = 127;"], ["var", " prime = isPrime(number);"], ["if (prime == ", "true", ") {"], [" background(0, 255, 0);"], ["} else {"], [" background(255, 0, 0);"], ["}"] ]; // Loop through the entire level. for (var i = 0; i < level.length; i++) { // Line Position var ypos = 80 + 18 i; // Line Numbers fill(255); textSize(14); text(i + 1, 20, ypos); // Loop through the different segments of the line. var segs = level[i]; // The text position. var xpos = 40; for (var j = 0; j < segs.length; j++) { var seg = segs[j]; // The list of colored words: blue words and light blue words var blueWords = ["if", "var", "for", "while", "function", "return"]; var lightBlue = ["true", "false"]; // The .indexOf() function on an array returns -1 if the thing isn't in the array (since 0 is already used). // Here, I'm using it to find out of seg is one of the blue words. if (blueWords.indexOf(seg) !== -1) { fill(10, 10, 255); } else if (lightBlue.indexOf(seg) !== -1) { fill(180, 180, 255); } else { // Not a key word, so just fill white fill(255); } // Now we draw the word or segment at the specified position. text(seg, xpos, ypos); // We get the text width and move the x by that amount. Nothing hard. xpos += textWidth(seg); } } if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel6JS = function() { background(0, 0, 0); fill(255, 255, 255); textSize(25); text("Level 6 (credit to Dip Mahato)", 35, 45); textSize(20); fill(0, 0, 255); text("function", 145, 100); text("for", 100, 125); text("var", 140, 125); text("in", 185, 125); fill(137, 184, 125); text('"KEY"', 65, 100); fill(163, 157, 157); text("this", 210, 125); fill(255, 255, 255); text("({", 25, 75); text(":", 125, 100); text("()", 220, 100); text("{", 250, 100); text("(", 130, 125); text("i", 175, 125); text(")", 245, 125); text("{", 260, 125); text("println(i);", 135, 150); text("}", 100, 175); text("}", 70, 200); text("}.KEY();", 25, 225); text("1", 5, 75); text("2", 5, 100); text("3", 5, 125); text("4", 5, 150); text("5", 5, 175); text("6", 5, 200); text("7", 5, 225); text("Lives:", 280, 22); text(lives, 345, 22); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel7JS = function() { background(0, 0, 0); fill(255, 255, 255); text("More levels coming soon!", 90, 200); }; var drawLevel8JS = function() { }; var drawLevel9JS = function() { }; var drawLevel10JS = function() { }; var drawLevel1HTML = function() { background(0, 0, 0); fill(255, 255, 255); textSize(35); text("Level 1", 150, 45); textSize(20); fill(255, 255, 255); text("<DOCTYPE html>", 25, 100); text("<html>", 25, 130); text("<head>", 70, 160); text('<meta charset="utf-8">', 125, 190); text("<title>My Great Page</title>", 125, 220); text("</head>", 75, 250); text("<body>", 125, 280); text("</body>", 125, 310); text("</html>", 25, 340); text("1", 5, 100); text("2", 5, 130); text("3", 5, 160); text("4", 5, 190); text("5", 5, 220); text("6", 5, 250); text("7", 5, 280); text("8", 5, 310); text("9", 5, 340); text("Lives:", 280, 30); text(lives, 345, 30); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel2HTML = function() { background(0, 0, 0); fill(255, 255, 255); text("More levels coming soon!", 90, 200); }; var drawLevel1SQL = function() { background(0, 0, 0); fill(255, 255, 255); textSize(35); text("Level 1", 150, 45); textSize(20); fill(0, 0, 255); fill(255, 255, 255); text("CREATE", 20, 100); text("TABLE", 115, 100); text("arsenal", 193, 100); text("(", 275, 100); text("where", 73, 130); text("NUMERIC,", 140, 130); text("power", 75, 160); text(");", 30, 190); text("NUMERIC", 141, 160); text("INSERT", 35, 250); text("INTO", 118, 250); text("arsenal", 180, 250); text("VALUES", 257, 250); text("(1, 9);", 345, 250); text("SELECT", 35, 310); text("*", 130, 310); text("FROM", 155, 310); text("arsenal", 240, 310); text("1", 5, 100); text("2", 5, 130); text("3", 5, 160); text("4", 5, 190); text("5", 5, 220); text("6", 5, 250); text("7", 5, 280); text("8", 5, 310); text("Lives:", 280, 30); text(lives, 345, 30); if (drawSmiley) { drawSmileyAndButton(); } if (lives === 0) { scene = 0; lives = 3; } }; var drawLevel2SQL = function() { background(0, 0, 0); fill(255, 255, 255); text("More levels coming soon!", 90, 200); }; mouseClicked = function() { if (isMouseInsideButton(btn1) && scene === 0 && mode === "ProcessingJS") { scene += 3; } else if (isMouseInsideButton(btn1) && scene === 0 && mode === "HTML") { scene += 10; } else if (isMouseInsideButton(btn1) && scene === 0 && mode === "SQL") { scene += 12; } else if (isMouseInsideButton(btn2) && scene === 0) { scene += 2; } else if (isMouseInsideButton(btn3) && scene === 2) { scene -= 2; } else if (isMouseInsideButton(btn4) && drawSmiley === true) { scene++; drawSmiley = false; } else if (isMouseInsideButton(btn5) && scene === 0) { scene++; } else if (isMouseInsideButton(btn6) && scene === 1) { btn6.fillColor = color(255, 255, 255); btn7.fillColor = color(77, 77, 77); btn8.fillColor = color(77, 77, 77); mode = "ProcessingJS"; } else if (isMouseInsideButton(btn7) && scene === 1) { btn6.fillColor = color(77, 77, 77); btn7.fillColor = color(255, 255, 255); btn8.fillColor = color(77, 77, 77); mode = "HTML"; } else if (isMouseInsideButton(btn8) && scene === 1) { btn6.fillColor = color(77, 77, 77); btn7.fillColor = color(77, 77, 77); btn8.fillColor = color(255, 255, 255); mode = "SQL"; } else if (isMouseInsideButton(btn9) && scene === 1) { scene--; } if (scene === 3) { if (mouseIsPressed && mouseY <= 130 && mouseY >= 115) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; drawSmiley = false; } else if (mouseIsPressed && isMouseInsideButton(btn1)) { lives = 3; } else { lives--; } } if (scene === 4) { if (mouseIsPressed && mouseY <= 340 && mouseY >= 325) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else { lives--; } } if (scene === 5) { if (mouseIsPressed && mouseY <= 220 && mouseY >= 205) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else { lives--; } } if (scene === 6) { if (mouseIsPressed && mouseY <= 300 && mouseY >= 285) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else { lives--; } } if (scene === 7) { if (mouseIsPressed && mouseY <= 315 && mouseY >= 305) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else { lives--; } } if (scene === 8) { if (mouseIsPressed && mouseY <= 225 && mouseY >= 210) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else { lives--; } } if (scene === 10) { if (mouseIsPressed && mouseY <= 100 && mouseY >= 85) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else if (mouseIsPressed && isMouseInsideButton(btn1)) { lives = 3; } else { lives--; } } if (scene === 12) { if (mouseIsPressed && mouseY <= 130 && mouseY >= 115) { drawSmiley = true; } else if (mouseIsPressed && drawSmiley === true && isMouseInsideButton(btn4)) { scene++; } else if (mouseIsPressed && drawSmiley === false && isMouseInsideButton(btn4)) { lives = lives; } else if (mouseIsPressed && isMouseInsideButton(btn1)) { lives = 3; } else { lives--; } } }; draw = function() { if (scene === 0) { drawMenu(); } else if (scene === 1) { drawSettingsScreen(); } else if (scene === 2) { drawHelpScreen(); } else if (scene === 3) { drawLevel1JS(); } else if (scene === 4) { drawLevel2JS(); } else if (scene === 5) { drawLevel3JS(); } else if (scene === 6) { drawLevel4JS(); } else if (scene === 7) { drawLevel5JS(); } else if (scene === 8) { drawLevel6JS(); } else if (scene === 9) { drawLevel7JS(); } else if (scene === 10) { drawLevel1HTML(); } else if (scene === 11) { drawLevel2HTML(); } else if (scene === 12) { drawLevel1SQL(); } else if (scene === 13) { drawLevel2SQL(); } };
Folds	14,26,28,40,42,54,56,68,70,82,84,96,98,110,112,124,126,138,140,155,157,159,161,171,173,188,190,197,199,213,215,251,253,295,297,341,343,412,414,492,494,539,541,545,556,591,593,597,599,643,645,649
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjJsYLTCQw
Votes	233
Spin-Offs	12
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	brutsie
Author Name	thebruts
Author ID	kaid_319280552433113236609442
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381919374
Updated	10 months ago, 1739381924451
Source Deleted	unknown