Viewing Program

Program Data

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

Title	Pop the Lock!
ID	4589974477996032
Created	Unknown
Updated	9 years ago, 1478119565436
Code	//big thanks to DY for his font! https://www.khanacademy.org/computer-programming/dys-myfont-api-fun-font/4513812157300736 /*Pop the Lock! to play: click on the lock to change position. try to ckick when the marker is on the yellow dot * * * Subscribe for more awsome programs + early access & more cool benefits! * http://bit.ly/2dR9Wuw * * It's not to often I make a game that's so hard it makes me mad, but if any, this is it :D * my high score: 14 :) / var startLevel = 1; var Char = function(id, len, render) { this.id = id; this.width = len; this.draw = render; }; var currentMyText = { font: undefined, fill: color(0, 0, 0), size: 30, weight: 3, xAlign: LEFT, yAlign: BASELINE, trailSpace: 2, leading: 33 }; var MyFont = function(naturalHeight, parts, characterInfo) { this.naturalHeight = naturalHeight; this.naturalHeightHalf = naturalHeight / 2; this.parts = parts; this.characterInfo = characterInfo; }; var funFont = new MyFont( 25, { horizontalLine: function(w, y) { line(0, y, w, y); }, verticalLine: function(x, h) { h = h ? h : funFont.naturalHeight; line(x, -h / 2, x, h / 2); }, leftLine: function() { funFont.parts.verticalLine(0); }, topLine: function(w) { funFont.parts.horizontalLine(w, -funFont.naturalHeightHalf); }, bottomLine: function(w) { funFont.parts.horizontalLine(w, funFont.naturalHeightHalf); }, bigO: function(w) { ellipse(8, 0, w, funFont.naturalHeight); }, period: function() { ellipse(0, funFont.naturalHeightHalf, 1, 1); } }, [ new Char("placeholder", 16, function() { strokeWeight(2); point(0, -funFont.naturalHeightHalf); point(0, 0); point(0, funFont.naturalHeightHalf); point(this.width / 2, funFont.naturalHeightHalf); point(this.width, -funFont.naturalHeightHalf); point(this.width, 0); point(this.width, funFont.naturalHeightHalf); point(this.width / 2, -funFont.naturalHeightHalf); }), new Char(" ", 2, function(b) { }), new Char(":", 2, function(b) { ellipse(0, -3, 1, 1); funFont.parts.period(); }), new Char("-", 10, function(b) { funFont.parts.horizontalLine(this.width); }), new Char("+", 10, function(b) { funFont.parts.horizontalLine(this.width); line(5, -5, 5, 5); }), new Char("0", 16, function(b) { funFont.parts.bigO(this.width); line(3, funFont.naturalHeightHalf - 4, 13, -funFont.naturalHeightHalf + 4); }), new Char("1", 13, function(b) { funFont.parts.verticalLine(this.width / 2); funFont.parts.bottomLine(this.width); line(this.width / 2, -funFont.naturalHeightHalf, 1, -funFont.naturalHeightHalf + 3); }), new Char("2", 13, function(b) { arc(6.5, -6, 13, funFont.naturalHeightHalf, -180, 35); line(this.width - 2, -1, 0, funFont.naturalHeightHalf); funFont.parts.bottomLine(this.width); }), new Char("3", 13, function(b) { arc(this.width / 2, -6.25, 12, 12, -180, 90); arc(this.width / 2, 6.5, 14, 13, -90, 160); }), new Char("4", 13, function(b) { line(0, 3, 1, -funFont.naturalHeightHalf); funFont.parts.horizontalLine(this.width, 3); funFont.parts.verticalLine(this.width - 2); }), new Char("5", 12, function(b) { line(1, -funFont.naturalHeightHalf, this.width, -funFont.naturalHeightHalf); line(1, -funFont.naturalHeightHalf, 1, -1); line(6, -2, 1, -1); arc(this.width / 2, 5.5, 13, 14, -90, 160); }), new Char("6", 13, function(b) { arc(this.width / 2, -4.5, 13, 15, -180, -20); line(0, -4, 0, 4); ellipse(this.width / 2, 5.5, 13, 14); }), new Char("7", 13, function(b) { funFont.parts.topLine(this.width); arc(this.width 1.4, funFont.naturalHeightHalf, this.width * 2, funFont.naturalHeight * 2.1, -180, -115); }), new Char("8", 13, function(b) { ellipse(this.width / 2, -6.5, 12, 13); ellipse(this.width / 2, 6.5, 14, 13); }), new Char("9", 13, function(b) { arc(this.width / 2, 4.5, 13, 15, 0, 160); line(this.width, -4, this.width, 4); ellipse(this.width / 2, -5.5, 13, 14); }), new Char("A", 14, function(b) { arc(7, 0, 14, 26, -180, 0); line(0, 0, 0, funFont.naturalHeightHalf); funFont.parts.horizontalLine(this.width, 2); line(14, 0, 14, funFont.naturalHeightHalf); }), new Char("B", 11, function(b) { funFont.parts.leftLine(); arc(0, -7.5, 23, 12, -90, 90); arc(0, 6.5, 25, 14, -90, 90); }), new Char("C", 15, function(b) { arc(8 + b / 2, 0, 17, 26, 50, 310); }), new Char("D", 13, function(b) { funFont.parts.leftLine(); arc(0, 0.5, 26, 26, -90, 90); }), new Char("E", 12, function(b) { funFont.parts.leftLine(); funFont.parts.topLine(this.width); funFont.parts.horizontalLine(10); funFont.parts.bottomLine(this.width); }), new Char("F", 12, function(b) { funFont.parts.leftLine(); funFont.parts.topLine(this.width); funFont.parts.horizontalLine(10); }), new Char("G", 16, function(b) { arc(8, 0, this.width, funFont.naturalHeight, 10, 320); line(this.width - 6, 2, this.width, 2); }), new Char("H", 14, function(b) { funFont.parts.leftLine(); funFont.parts.horizontalLine(this.width); funFont.parts.verticalLine(14); }), new Char("I", 1, function(b) { funFont.parts.verticalLine(1); }), new Char("J", 10, function(b) { line(this.width, -funFont.naturalHeightHalf, this.width, 8); arc(this.width / 2, 8, this.width, 10, 0, 180); }), new Char("K", 12, function(b) { funFont.parts.verticalLine(); line(0, 3, this.width, -funFont.naturalHeightHalf); line(4, 0, this.width, funFont.naturalHeightHalf); }), new Char("L", 12, function(b) { funFont.parts.verticalLine(); funFont.parts.bottomLine(this.width); }), new Char("M", 14, function(b) { funFont.parts.verticalLine(); line(0, -funFont.naturalHeightHalf, this.width / 2, 5); line(this.width, -funFont.naturalHeightHalf, this.width / 2, 5); funFont.parts.verticalLine(this.width); }), new Char("N", 12, function(b) { funFont.parts.leftLine(); line(0, -funFont.naturalHeightHalf, 12, funFont.naturalHeightHalf); funFont.parts.verticalLine(12); }), new Char("O", 16, function(b) { funFont.parts.bigO(this.width); }), new Char("P", 12, function(b) { funFont.parts.leftLine(); arc(0, -4.5, 25, 16, -90, 90); }), new Char("Q", 16, function(b) { funFont.parts.bigO(this.width); line(10, 6, 15, 13); }), new Char("R", 12, function(b) { funFont.parts.verticalLine(); arc(0, -4.5, 25, 16, -90, 90); line(6, 3.5, 12, 13); }), new Char("S", 13, function(b) { arc(this.width / 2, -6.5, 13, 13, 90, 340); arc(this.width / 2, 6.5, 14, 13, -90, 160); }), new Char("T", 14, function(b) { funFont.parts.topLine(this.width); funFont.parts.verticalLine(7); }), new Char("U", 14, function(b) { arc(7, 3, 14, 20, 0, 180); line(0, -funFont.naturalHeightHalf, 0, 3); line(14, -funFont.naturalHeightHalf, 14, 3); }), new Char("V", 16, function(b) { line(0, -funFont.naturalHeightHalf, this.width / 2, funFont.naturalHeightHalf); line(this.width, -funFont.naturalHeightHalf, this.width / 2, funFont.naturalHeightHalf); }), new Char("W", 16, function(b) { line(0, -funFont.naturalHeightHalf, 3, funFont.naturalHeightHalf); line(3, funFont.naturalHeightHalf, this.width / 2, -5); line(this.width - 3, funFont.naturalHeightHalf, this.width / 2, -5); line(this.width - 3, funFont.naturalHeightHalf, this.width, -funFont.naturalHeightHalf); }), new Char("X", 12, function(b) { line(0, -funFont.naturalHeightHalf, 12, funFont.naturalHeightHalf); line(0, funFont.naturalHeightHalf, 12, -funFont.naturalHeightHalf); }), new Char("Y", 16, function(b) { line(0, -funFont.naturalHeightHalf, this.width / 2, 2); line(this.width, -funFont.naturalHeightHalf, this.width / 2, 2); line(this.width / 2, funFont.naturalHeightHalf, this.width / 2, 2); }), new Char("Z", 14, function(b) { funFont.parts.topLine(this.width); line(0, funFont.naturalHeightHalf, this.width, -funFont.naturalHeightHalf); funFont.parts.bottomLine(this.width); }) ] ); scale(width/400,height/400); var myTextFont = function(f) { if (typeof f === "string") { textFont(createFont(f, 0), 0); currentMyText.font = undefined; } else { currentMyText.font = f; } }; var myTextFill = function(r, g, b, a) { fill(r, g, b, a); currentMyText.fill = color(r, g, b, a); }; var myTextSize = function(tS) { textSize(tS); currentMyText.size = tS; }; var myTextWeight = function(weight) { currentMyText.weight = weight; }; var myTextAlign = function(align, yAlign) { textAlign(align, yAlign); currentMyText.xAlign = align; currentMyText.yAlign = yAlign; }; var myTextTrailSpace = function(trailSpace) { currentMyText.trailSpace = trailSpace; }; var myTextLeading = function(leading) { textLeading(leading); currentMyText.leading = leading; }; var myText = function(t, x, y, width, height) { if (currentMyText.font) { var onLine = 0; pushStyle(); pushMatrix(); translate(x, y); scale(currentMyText.size / 30); var paragraphWidth = 0; for (var c = 0; c < t.length; c++) { var characterString = t[c]; if (characterString === "\n") { break; } var character = currentMyText.font.characterInfo[0]; for (var cI = 0; cI < currentMyText.font.characterInfo.length; cI++) { var currentCharacter = currentMyText.font.characterInfo[cI]; if (currentCharacter.id === characterString) { character = currentCharacter; break; } } paragraphWidth += character.width + currentMyText.trailSpace + currentMyText.weight; } switch (currentMyText.xAlign) { case CENTER: translate(-paragraphWidth / 2, 0); break; case RIGHT: translate(-paragraphWidth, 0); break; } for (var c = 0; c < t.length; c++) { var characterString = t[c]; if (characterString === "\n") { popMatrix(); popStyle(); myText(t.substring(c + 1), x, y + currentMyText.leading); return; } strokeWeight(1); noFill(); stroke(currentMyText.fill); strokeWeight(currentMyText.weight); strokeCap(ROUND); var character = currentMyText.font.characterInfo[0]; for (var cI = 0; cI < currentMyText.font.characterInfo.length; cI++) { var currentCharacter = currentMyText.font.characterInfo[cI]; if (currentCharacter.id === characterString) { character = currentCharacter; break; } } character.draw(currentMyText.weight); translate(character.width + currentMyText.trailSpace + currentMyText.weight, 0); } popMatrix(); popStyle(); } else { text(t, x, y); } }; var tau = (cos(PI) < 0) ? TWO_PI : 360; /* KA silliness / var angleBetween = function(c, a, b) { / Normalize wrt to a, then make minimal, positive angle measures. / for (b = (b - a) % tau; b < 0; b += tau) {} for (c = (c - a) % tau; c < 0; c += tau) {} / Is c between zero and b? / return (b > tau / 2) ? (c > b) : (c < b); }; var colors = [ [1,9,color(33, 204, 155),color(0, 48, 69)], [10,19,color(106, 0, 168),color(0, 48, 69)], [20,29,color(255, 99, 15),color(69, 32, 0)], [30,39,color(0, 220, 224),color(69, 38, 0)] ]; var Lock = function(l) { this.scene = 0; this.level = l; this.paused = false; this.direction = 1; this.rotate = 0; this.goal = round(random(50, 270)); this.score = this.level; this.speed = 2; this.break = false; this.true = false; this.dead = false; this.color = color(33, 204, 155); this.color2 = color(0, 48, 69); // for(var i = 0; i < colors.length; i++){ if(this.level >= colors[i][0]&&this.level <= colors[i][1]){ this.color = colors[i][2]; this.color2 = colors[i][3]; } } /// this.animation = { unlock: false, time: 0, topY: 0, x: -100, rotation: 0, }; }; Lock.prototype.animate = function() { if (this.animation.in) { if (this.animation.x < 200) { this.animation.x += 7.5; } else { this.scene++; this.animation.in = false; } } if (this.paused && this.animation.topY > -55) { this.animation.time++; this.animation.topY += this.animation.time > 2.5 ? (this.animation.time > 15 ? -10 : 0) : 5; if (this.animation.time > 20 && this.scene < 3) { this.scene++; } } else if (this.animation.out) { this.animation.x += 7.5; if (this.animation.x > 500) { this.scene++; } } if (this.animation.break) { var ignore = false; if(this.paused){ this.animation.break = false; ignore = true; } if(!ignore){ this.direction = 0; this.animation.rotation += this.animation.time < 6 ? -3 : this.animation.time < 12 ? 3 : 0; this.animation.time++; this.color = color(255, 0, 115); if (this.animation.time > 24) { this.animation.break = false; this.break = true; this.animation.time = 0; this.paused = false; for(var i = 0; i < colors.length; i++){ if(this.level >= colors[i][0]&&this.level <= colors[i][1]){ this.color = colors[i][2]; this.color2 = colors[i][3]; } } } }else{ for(var i = 0; i < colors.length; i++){ if(this.level >= colors[i][0]&&this.level <= colors[i][1]){ this.color = colors[i][2]; this.color2 = colors[i][3]; } } } } }; Lock.prototype.display = function() { background(this.color); pushMatrix(); translate(this.animation.x, 250); rotate(this.animation.rotation); //top lock pushMatrix(); strokeCap(SQUARE); translate(0, this.animation.topY); stroke(115, 115, 115, 180); strokeWeight(30); noFill(); arc(0, -130, 90, 75, 180, 360); line(-45, -130, -45, -80); line(45, -130, 45, -80); fill(115, 115, 115, 180); noStroke(); arc(-45, -80, 30, 30, 0, 180); arc(45, -80, 30, 30, 0, 180); popMatrix(); //bottom lock noStroke(); noFill(); stroke(this.color2); strokeWeight(35); ellipse(0, 0, 170, 170); //goal pushMatrix(); rotate(this.goal); noStroke(); fill(255, 187, 0); ellipse(0, -85, 20, 20); popMatrix(); //marker pushMatrix(); rotate(this.rotate); stroke(255, 0, 89); strokeCap(ROUND); strokeWeight(9); line(0, -75, 0, -95); popMatrix(); //score myTextFont(funFont); myTextAlign(CENTER, CENTER); fill(209, 255, 241); myTextFill(209, 255, 241); myTextSize(70); myTextWeight(6); myText("" + this.score, 7.5, 0); popMatrix(); myTextAlign(LEFT, BASELINE); myTextSize(30); myTextWeight(6); myText("LEVEL: " + this.level, 20, 40); this.animate(); }; Lock.prototype.update = function() { switch (this.scene) { case 0: this.animation.in = true; break; case 1: if (mouseIsPressed) { this.scene++; } break; case 2: if (!this.paused) { this.rotate += this.speed this.direction; } if (this.score <= 0) { this.unlock(); } break; case 3: this.animation.out = true; break; case 4: this.dead = true; break; } if (!(angleBetween(this.rotate, this.goal + 11, this.goal - 11)) && this.true && !this.paused) { this.animation.break = true; } this.true = (angleBetween(this.rotate, this.goal + 11, this.goal - 11)); if (this.break) { this.scene = 1; this.direction = 1; this.rotate = 0; this.break = false; this.goal = this.rotate + random(30, 90) * this.direction; this.score = this.level; } }; Lock.prototype.click = function() { if (angleBetween(this.rotate, this.goal + 9, this.goal - 9)) { //this is what's not working.. this.score--; if (this.score > 0) { this.direction = -1; this.goal = this.rotate + round(random(40, 180) this.direction); this.true = false; } } else if (this.score === this.level) {} else if (!this.paused) { this.animation.break = true; } }; Lock.prototype.unlock = function() { this.score = 0; this.animation.unlock = true; this.paused = true; }; var lock = new Lock(startLevel); var Intro = function(name, endFunc, phrase, backgroundColor) { this.name = name; this.t = ""; this.time = 0; this.background = backgroundColor; this.endFunc = endFunc; this.f = phrase; this.key = round(random(0, this.f.length - 1)); }; Intro.prototype.display = function() { pushMatrix(); resetMatrix(); noStroke(); var time = this.time; rectMode(CENTER); textAlign(LEFT, CENTER); textSize(35); fill(255, 255, 255); text(this.t, width / 2 - textWidth(this.name) / 2 - 5, height / 2); this.t += round(time / 10) * 20 > round((time - 1) / 10) * 20 && time > 60 ? this.name[this.t.length] ? this.name[this.t.length] : "" : ""; fill(abs(sin(time * 7.5) * 255)); rect(width / 2 - textWidth(this.name) / 2 + textWidth(this.t) + (width / 400 * 2), height / 2, 15, 35); rectMode(CORNER); fill(92, 92, 92, this.t.length === this.name.length ? (time - this.name.length * 15) * 2 : 0); textAlign(CENTER, CENTER); textSize(25); text(this.f[this.key], width / 2, height / 2 + height / 8); fill(red(this.background), green(this.background), blue(this.background), this.t.length === this.name.length ? (time - this.name.length * 20 - 80) * 2 : 0); rect(0, 0, width, height); this.time++; if ((time - this.name.length * 20) * 2 > 500 \|\| mouseIsPressed) { this.endFunc(); println("https://www.khanacademy.org/profile/thegreyleaf/projects"); } popMatrix(); }; var scene = 0; var intro = new Intro("- Negative Kelvin -", function() { scene++; }, [ "var Cake = False;", "Simple is Complex", "The Lamb Wins", "Starbound >> Terraria", "Innovative Animations", "Programming == Pro Gameing", "Objects are Everything", "Learn it on Lynda", "Khan vs Quizlet", "Time Travel is Possible", "This is a String", "K A A A P", "#FreeWithCredit", "XDLAWL", "votes++;" ], color(0, 0, 0)); var draw = function() { background(0, 0, 0); switch (scene) { case 0: background(0, 0, 0); intro.display(); break; case 1: //nomal code lock.update(); lock.display(); if (lock.dead) { lock = new Lock(lock.level + 1); } break; default: } }; mousePressed = function() { lock.click(); };
Folds	19,28,30,35,38,60,61,291,297,304,305,308,309,312,313,315,316,320,321,323,324,327,328,402,406,412
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKiy69GTCAw
Votes	867
Spin-Offs	64
Type
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	- Negative Kelvin -
Author Name	thegreyleaf
Author ID	kaid_932581022592050181245345
Author Profile Access	COACH

Archive Data

Added	1 years ago, 1707881046165
Updated	7 months ago, 1744820562933
Source Deleted	unknown