Viewing Program

Program Data

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

Title	Unblock it! \| A Game by ARC ft xacer
ID	5815549577084928
Created	4 years ago, 1613998829727
Updated	4 years ago, 1614126768866
Code	/** Ladies, gents, and Jent, I present to you: $$\ $$\ $$\ $$ \| $$ \| $$ \| $$\ $$\ $$$$$$$\ $$$$$$$\ $$ \| $$$$$$\ $$$$$$$\ $$ \| $$\ $$ \| $$ \|$$ __$$\ $$ __$$\ $$ \|$$ __$$\ $$ _____\|$$ \| $$ \| $$ \| $$ \|$$ \| $$ \|$$ \| $$ \|$$ \|$$ / $$ \|$$ / $$$$$$ / $$ \| $$ \|$$ \| $$ \|$$ \| $$ \|$$ \|$$ \| $$ \|$$ \| $$ _$$< \$$$$$$ \|$$ \| $$ \|$$$$$$$ \|$$ \|\$$$$$$ \|\$$$$$$$\ $$ \| \$$\ \______/ \__\| \__\|\_______/ \__\| \______/ \_______\|\__\| \__\| $$\ $$\ $$\ \__\| $$ \| $$ \| $$\ $$$$$$\ $$ \| $$ \|\_$$ _\| $$ \| $$ \| $$ \| \__\| $$ \| $$ \|$$\ $$ \| \$$$$ \|$$\ \__\| \____/ \__\| This is my biggest game yet with a custom made font, 25 levels, dozens of acheivements/skins to earn, and 4 thousand lines of code! This was a collaboration with @xacer who made the base engine/physics for the blocks, everything else was done by A Random Coder, including the font, level design, graphics, shop, acheivements, and more. @______________________IMPORTANT_PLEASE_READ_______________________________ The coins you earn each level will NOT be added to your overall coins until you move on to the next level @______________________IMPORTANT_PLEASE_READ_______________________________ @SUBSCRIBE_HERE! @ARC: https://www.khanacademy.org/computer-programming/s/5433664836812800 @xacer: https://www.khanacademy.org/computer-programming/s/6668371993051136 Thanks to Platformer King for the confetti Object! / 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 metIpseMecum = (0 \|\| arguments).callee; / Given source code, return a function in the global scope. / var conjureFunctionFrom = function (source) { / Copied from Element118 delag() function. / return Object.constructor('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); }, }; })(); draw = DeKhan.loopDetect(function() { var leaders = [ {name: "oly sese", score: 4580}, {name: "nedelmaier21", score: 5686}, {name: "Explosion", score: 5229}, {name: "AS91801", score: 6520}, {name: "Ethan Kunnuji", score: 6558}, ], confettiColors = [color(255, 220, 0), color(200, 50, 50)]; var soundOn = true; leaders.sort(function(a, b){return b.score-a.score;}); var FrameCount = 0; frameRate(60); function Text (txt, x, y, s, clr) { var xOff = 0, yOff = 0; noStroke(); fill(clr); for (var i = 0; i < txt.length; i++) { switch (txt[i].toLowerCase()) { case 'a': noFill(); stroke(clr); strokeWeight(15); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s0.63, s0.9); beginShape(); vertex(5, 52); vertex(0, 25); vertex(15, 0); vertex(35, 5); vertex(45, 20); vertex(50, 47); vertex(40, 50); vertex(38, 35); vertex(1, 35); endShape(); xOff += 50s; popMatrix(); break; case 'b': noFill(); stroke(clr); strokeWeight(10); strokeCap(ROUND); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 50); vertex(25, 40); vertex(30, 25); vertex(0, 25); vertex(25, 20); vertex(30, 10); vertex(0, 0); endShape(CLOSE); xOff += 55s; popMatrix(); break; case 'c': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(30, 0); vertex(20, 5); vertex(5, 15); vertex(0, 25); vertex(5, 45); vertex(30, 50); endShape(); xOff += 45s; popMatrix(); break; case 'd': noFill(); stroke(clr); strokeWeight(12); strokeCap(ROUND); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 50); vertex(20, 40); vertex(30, 30); vertex(25, 10); endShape(CLOSE); xOff += 45s; popMatrix(); break; case 'e': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(30, 0); vertex(0, 5); vertex(0, 25); vertex(25, 20); vertex(0, 26); vertex(3, 50); vertex(30, 45); endShape(); xOff += 45s; popMatrix(); break; case 'f': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(30, 0); vertex(0, 5); vertex(0, 25); vertex(25, 20); vertex(0, 26); vertex(3, 50); endShape(); xOff += 45s; popMatrix(); break; case 'g': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(35, 10); vertex(30, 0); vertex(15, 0); vertex(0, 10); vertex(3, 40); vertex(10, 50); vertex(35, 47); vertex(33, 30); vertex(20, 33); endShape(); xOff += 50s; popMatrix(); break; case 'h': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(7, 50); vertex(7.2, 25); vertex(24, 20); vertex(27.5, 0); vertex(28, 50); endShape(); xOff += 45s; popMatrix(); break; case 'i': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(30, 0); vertex(15, 3); vertex(18, 47); vertex(0, 50); vertex(30, 45); endShape(); xOff += 45s; popMatrix(); break; case 'j': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(30, 0); vertex(15, 3); vertex(20, 40); vertex(15, 50); vertex(5, 50); vertex(3, 40); endShape(); xOff += 45s; popMatrix(); break; case 'k': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 25); vertex(30, 0); vertex(5, 25); vertex(32, 50); vertex(3, 24); vertex(6, 52); endShape(); xOff += 45s; popMatrix(); break; case 'l': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 50); vertex(30, 45); endShape(); xOff += 35s; popMatrix(); break; case 'm': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 50); vertex(5, 13); vertex(20, 26); vertex(35, 5); vertex(45, 50); endShape(); xOff += 60s; popMatrix(); break; case 'n': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 50); vertex(5, 13); vertex(25, 38); vertex(30, 0); endShape(); xOff += 45s; popMatrix(); break; case 'o': noFill(); stroke(clr); strokeWeight(11); strokeCap(ROUND); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(20, 0); vertex(0, 20); vertex(5, 40); vertex(20, 50); vertex(35, 30); vertex(35, 5); endShape(CLOSE); xOff += 55s; popMatrix(); break; case 'p': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 50); vertex(0, 0); vertex(20, 5); vertex(25, 20); vertex(5, 30); endShape(); xOff += 45s; popMatrix(); break; case 'q': noFill(); stroke(clr); strokeWeight(11); strokeCap(ROUND); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(20, 0); vertex(0, 20); vertex(5, 40); vertex(20, 50); vertex(35, 30); vertex(35, 5); endShape(CLOSE); strokeCap(SQUARE); line(20, 30, 40, 50); xOff += 55s; popMatrix(); break; case 'r': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(5, 50); vertex(0, 0); vertex(20, 5); vertex(25, 20); vertex(10, 30); vertex(30, 50); endShape(); xOff += 45s; popMatrix(); break; case 's': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(40, 0); vertex(0, 10); vertex(5, 20); vertex(35, 25); vertex(35, 35); vertex(0, 50); endShape(); xOff += 50s; popMatrix(); break; case 't': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(42, 0); vertex(21, 3); vertex(20, 47); endShape(); xOff += 55s; popMatrix(); break; case 'u': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(10, 40); vertex(20, 50); vertex(30, 50); vertex(40, 30); vertex(40, 0); endShape(); xOff += 55s; popMatrix(); break; case 'v': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 0); vertex(24, 45); vertex(40, 3); endShape(); xOff += 55s; popMatrix(); break; case 'w': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(14, 45); vertex(27, 19); vertex(34, 45); vertex(50, 0); endShape(); xOff += 65s; popMatrix(); break; case 'x': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(0, 0, 30, 47); line(0, 50, 40, 7); xOff += 55s; popMatrix(); break; case 'y': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(20, 30); vertex(30, 0); vertex(12, 50); endShape(); xOff += 45s; popMatrix(); break; case 'z': noFill(); stroke(clr); strokeWeight(11); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(33, 10); vertex(0, 40); vertex(40, 50); endShape(); xOff += 55s; popMatrix(); break; case '!': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(0, -5, 5, 35); line(5, 40, 7, 50); xOff += 25s; popMatrix(); break; case '?': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(5, 35); vertex(2.5, 23); vertex(20, 20); vertex(15, 0); vertex(-5, -5); endShape(); line(5, 40, 7, 50); xOff += 40s; popMatrix(); break; case '.': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(5, 40, 7, 50); xOff += 25s; popMatrix(); break; case ':': noFill(); stroke(clr); strokeWeight(12); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(5, 35, 7, 45); line(5, 5, 7, 15); xOff += 25s; popMatrix(); break; case '/': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(25, 0, 0, 50); xOff += 45s; popMatrix(); break; case '-': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); line(25, 29, 0, 32); xOff += 35s; popMatrix(); break; case ',': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff-10s, y+yOff+10s); scale(s, s); beginShape(); vertex(5, 31); vertex(7, 45); vertex(-3, 54); endShape(); xOff += 25s; popMatrix(); break; case '0': noFill(); stroke(clr); strokeWeight(11); strokeCap(ROUND); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(20, 0); vertex(8, 10); vertex(0, 24); vertex(5, 40); vertex(20, 50); vertex(35, 30); vertex(35, 5); endShape(CLOSE); strokeWeight(7); line(35, 5, 5, 40); xOff += 55s; popMatrix(); break; case '1': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 10); vertex(15, 0); vertex(10, 48); vertex(0, 50); vertex(10, 48); vertex(25, 46); endShape(); xOff += 45s; popMatrix(); break; case '2': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 10); vertex(15, 0); vertex(30, 5); vertex(30, 15); vertex(5, 45); vertex(35, 50); endShape(); xOff += 45s; popMatrix(); break; case '3': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 10); vertex(15, 0); vertex(30, 5); vertex(30, 15); vertex(15, 25); vertex(25, 30); vertex(30, 40); vertex(10, 50); vertex(0, 45); endShape(); xOff += 50s; popMatrix(); break; case '4': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(5, 5); vertex(0, 30); vertex(30, 25); vertex(30, 0); vertex(30, 50); endShape(); xOff += 45s; popMatrix(); break; case '5': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(30, 0); vertex(0, 5); vertex(5, 25); vertex(25, 25); vertex(30, 35); vertex(20, 45); vertex(0, 50); endShape(); xOff += 45s; popMatrix(); break; case '6': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(5, 25); vertex(25, 25); vertex(30, 35); vertex(20, 45); vertex(10, 50); vertex(0, 30); vertex(25, 0); endShape(); xOff += 40s; popMatrix(); break; case '7': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(0, 5); vertex(30, 0); vertex(15, 50); endShape(); line(10, 25, 33, 24); xOff += 45s; popMatrix(); break; case '8': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(5, 25); vertex(25, 25); vertex(30, 35); vertex(20, 45); vertex(10, 50); vertex(0, 30); vertex(15, 25); vertex(30, 10); vertex(15, 0); vertex(10, 0); vertex(0, 20); vertex(15, 25); endShape(); xOff += 45s; popMatrix(); break; case '9': noFill(); stroke(clr); strokeWeight(10); strokeCap(SQUARE); pushMatrix(); translate(x+xOff, y+yOff); scale(s, s); beginShape(); vertex(30, 50); vertex(30, 15); vertex(15, 25); vertex(30, 10); vertex(15, 0); vertex(10, 0); vertex(0, 20); vertex(17, 25); endShape(); xOff += 45s; popMatrix(); break; case ' ': xOff += 20s; break; case '\n': xOff = 0; yOff += 70s; break; } } } function TextWidth (txt, s) { var xOff = 0, maxOff = 0; for (var i = 0; i < txt.length; i++) { switch (txt[i].toLowerCase()) { case 'a': xOff += 50s; break; case 'b': xOff += 55s; break; case 'c': xOff += 45s; break; case 'd': xOff += 45s; break; case 'e': xOff += 45s; break; case 'f': xOff += 45s; break; case 'g': xOff += 50s; break; case 'h': xOff += 45s; break; case 'i': xOff += 45s; break; case 'j': xOff += 45s; break; case 'k': xOff += 45s; break; case 'l': xOff += 35s; break; case 'm': xOff += 60s; break; case 'n': xOff += 45s; break; case 'o': xOff += 55s; break; case 'p': xOff += 45s; break; case 'q': xOff += 55s; break; case 'r': xOff += 45s; break; case 's': xOff += 50s; break; case 't': xOff += 55s; break; case 'u': xOff += 55s; break; case 'v': xOff += 55s; break; case 'w': xOff += 65s; break; case 'x': xOff += 55s; break; case 'y': xOff += 45s; break; case 'z': xOff += 55s; break; case '!': xOff += 25s; break; case '?': xOff += 40s; break; case '.': xOff += 25s; break; case ':': xOff += 25s; break; case '/': xOff += 45s; break; case '-': xOff += 35s; break; case ',': xOff += 25s; break; case '0': xOff += 55s; break; case '1': xOff += 45s; break; case '2': xOff += 45s; break; case '3': xOff += 50s; break; case '4': xOff += 45s; break; case '5': xOff += 45s; break; case '6': xOff += 40s; break; case '7': xOff += 45s; break; case '8': xOff += 45s; break; case '9': xOff += 45s; break; case ' ': xOff += 20s; break; case '\n': maxOff = max(xOff, maxOff); xOff = 0; break; } } maxOff = max(xOff, maxOff); return maxOff; } function CenterText (txt, x, y, s, clr) { Text(txt, x-TextWidth(txt, s)/2, y, s, clr); } function shadowText (txt, x, y, s, m, b, o, oy, r) { o = o===undefined?5:o; oy = oy \|\| o; b = b \|\| 0; Text(txt, x+o, y+oy, s, b); Text(txt, x, y, s, m); } function CenterShadowText (txt, x, y, s, m, b, o, oy, r) { o = o===undefined?5:o; oy = oy \|\| o; b = b \|\| 0; CenterText(txt, x+o, y+oy, s, b); CenterText(txt, x, y, s, m); } textAlign(CENTER, CENTER); noiseSeed(0); var images = { woodTile: function() { var r = 182, g = 129, b = 76; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, woodenBackground: function() { background(0, 0); for (var i = 0; i < (width); i += 150) { pushMatrix(); translate(i+75, height/2); rotate(-90); imageMode(CENTER); image(images.woodTile, 0, 0, height+50, 150); imageMode(CORNER); popMatrix(); } return get(); }, orangeTile: function() { background(0, 0); noStroke(); var r = 69, g = 117, b = 157; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, titleSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("unblock it!", 20, 40, 1, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, levelCompleteSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("level complete!", 25, 50, 0.7, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, leaderboardSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("leaderboard", 45, 40, 0.8, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, shopSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("shop", 145, 30, 1.2, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, settingsSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("settings", 55, 40, 1, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, pausedSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("paused", 120, 40, 1, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, acheivementsSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("achievements", 20, 40, 0.8, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, creditsSign: function() { background(255); for (var i = -48; i < 200; i += 100) { image(images.woodTile, -25, i, 650, 100); } shadowText("credits", 85, 40, 1, color(50, 100, 200), color(0, 200)); noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 10, 130, 500, 120, 495, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(500, 60, 500, 65, 450, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 10, 130, 500, 120, 495, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(); }, star_filled: function() { background(0, 0); image(getImage("cute/Star"), 0, -50); return get(0, 0, 110, 110); }, star_empty: function() { background(0, 0); image(getImage("cute/Star"), 0, -50); filter(GRAY); return get(0, 0, 110, 110); }, tutorialImg: function() { background(0, 0); noStroke(); fill(0, 150); rect(45, 65, 510, 90, 10); rect(45, 350, 510, 150, 10); CenterShadowText("Nice Job!", 300, 100, 0.5); CenterShadowText("Click anywhere to continue", 300, 470, 0.2, 255, 0, 2); shadowText("This here is you star meter. The more\n moves you take, the more it shrinks.\nComplete a level in less moves to get\n more coins and more XP!", 65, 375, 0.3); strokeCap(ROUND); stroke(0); strokeWeight(10); arc(500, 500, 50, 75, -100, 90); line(500, 525, 500, 537); line(515, 540, 500, 537); stroke(255); strokeWeight(5); arc(500, 500, 50, 75, -100, 90); line(500, 525, 500, 537); line(515, 540, 500, 537); return get(); }, acheiveBoxUnlocked: function() { background(255); for (var i = -48; i < 500; i += 100) { image(images.woodTile, -25, i, 650, 100); } noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 20, 400, 395, 390, 400, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(400, 60, 400, 65, 350, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 20, 400, 395, 390, 400, 5); popMatrix(); } image(titleSignTexture, 0, 0); return get(0, 0, 450, 450); }, acheiveBoxLocked: function() { background(255); for (var i = -48; i < 500; i += 100) { image(images.woodTile, -25, i, 650, 100); } noStroke(); fill(255, 20); rect(0, 0, width, height); var titleSignTexture = get(); background(0); noStroke(); fill(255); quad(0, 0, 20, 400, 395, 390, 400, 5); fill(0); triangle(300, 0, 310, 0, 305, 30); triangle(400, 60, 400, 65, 350, 62.5); var titleSignShape = get(); titleSignTexture.mask(titleSignShape); background(0, 0); fill(0, 4); for (var i = 0; i < 360; i+= 5) { pushMatrix(); translate(5+sin(i)15, 10+cos(i)15); quad(0, 0, 20, 400, 395, 390, 400, 5); popMatrix(); } image(titleSignTexture, 0, 0); fill(0, 100); quad(0, 0, 20, 400, 395, 390, 400, 5); return get(0, 0, 450, 450); }, woodTileSkin1: function() { var r = 79, g = 62, b = 79; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin1: function() { background(0, 0); noStroke(); var r = 241, g = 245, b = 130; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin2: function() { color(217, 39, 39); var r = 217, g = 39, b = 36; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin2: function() { color(245, 223, 27); background(0, 0); noStroke(); var r = 245, g = 117, b = 27; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin3: function() { color(70, 120, 39); var r = 70, g = 120, b = 39; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin3: function() { color(158, 116, 38); background(0, 0); noStroke(); var r = 158, g = 116, b = 38; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin4: function() { color(68, 74, 194); var r = 68, g = 74, b = 194; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin4: function() { color(120, 208, 255); background(0, 0); noStroke(); var r = 120, g = 208, b = 255; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin5: function() { color(255, 153, 18); var r = 255, g = 153, b = 18; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin5: function() { color(255, 242, 191); background(0, 0); noStroke(); var r = 255, g = 242, b = 191; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin6: function() { color(244, 252, 50); var r = 244, g = 252, b = 50; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin6: function() { color(206, 255, 115); background(0, 0); noStroke(); var r = 206, g = 255, b = 115; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin7: function() { color(66, 43, 32); var r = 135, g = 133, b = 130; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin7: function() { color(135, 133, 130); background(0, 0); noStroke(); var r = 66, g = 43, b = 32; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin8: function() { color(31, 29, 31); var r = 31, g = 29, b = 31; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin8: function() { color(232, 218, 232); background(0, 0); noStroke(); var r = 232, g = 218, b = 232; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin9: function() { color(64, 92, 235); var r = 64, g = 92, b = 235; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin9: function() { color(235, 35, 35); background(0, 0); noStroke(); var r = 235, g = 35, b = 35; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, woodTileSkin10: function() { color(135, 23, 163); var r = 135, g = 23, b = 136; background(0, 0); noStroke(); fill(186, 152, 93); for (var i = 0; i < 200; i++) { var n = noise(i/50+111)3-0.4; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var woodTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var woodShape = get(); woodTexture.mask(woodShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(woodTexture, 3, 3); return get(0, 0, 205, 80); }, orangeTileSkin10: function() { color(215, 219, 109); background(0, 0); noStroke(); var r = 215, g = 219, b = 109; for (var i = 0; i < 200; i++) { var n = noise(i/50+111)2; fill(rn, gn, bn); rect(0, i, (width-200), 1); } for (var i = 0; i < 200; i+= noise(i)10+10) { var n = noise(i/50+128)6-1; fill(0, 50); triangle(0, i, n40, i+2.5, 0, i+5); triangle(200, 200-i, 200-n40, 200-i+2.5, 2000, 200-i+5); } var orangeTexture = get(); background(0); fill(255); rect(0, 0, 200, 75, 10); var orangeShape = get(); orangeTexture.mask(orangeShape); background(255); for (var i = 0; i <= 85; i++) { fill(lerpColor(color(r+50, g+50, b+50), lerpColor(color(r,g,b), color(0), 0.5), i/85)); rect(0, i, 210, 1, 5); } image(orangeTexture, 5, 5); return get(0, 0, 210, 85); }, }; var mouseIs = ARROW, scene = 'load', Settings = {soundOn: true}; var curLoad = 0; function mouseInRect (x, y, w, h) { return mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; } function mouseInCircle (x, y, s) { return dist(mouseX, mouseY, x, y) <= s/2; } function mouseInRoundRect (x, y, w, h, r) { return mouseInRect(x, y+r, w, h-r2) \|\| mouseInRect(x+r, y, w-r2, h) \|\| mouseInCircle(x+r, y+r, r2) \|\| mouseInCircle(x+w-r, y+r, r2) \|\| mouseInCircle(x+r, y+h-r, r2) \|\| mouseInCircle(x+w-r, y+h-r, r2); } function Smooth (p, d, t) { return (d-p) / t; } function rndm(a) { return a[floor(random(a.length))]; } function Bounce (pos, des, speed, bounciness) { this.pos = pos; this.des = des; this.speed = speed / 10; this.bounciness = bounciness \|\| 1; this.vel = Smooth(pos, des, 50); } Bounce.prototype.move = function() { this.vel += (this.pos < this.des? this.bounciness: -this.bounciness) + (this.vel < 0? this.speed: -this.speed); if (Math.abs(this.pos - this.des) < 0.05 && this.vel < this.speed * 5) { this.pos = this.des; this.vel = 0; } else { this.pos += this.vel; } }; function drawIcon (x, y, icon, c) { translate(x, y); noStroke(); fill(c); switch (icon) { case 'play': triangle(-20, -40, -20, 40, 40, 0); break; case 'shop': translate(-3, 0); noFill(); stroke(c); strokeWeight(3); strokeCap(ROUND); quad(-20, -15, -10, 10, 20, 10, 20, -15); line(-23, -23, -20, -15); line(-23, -23, -28, -23); line(-10, 10, -7, 17); line(-7, 17, 20, 17); ellipse(-5, 22, 5, 5); ellipse(16, 22, 5, 5); line(-10, 10, -10, -15); line(0, 10, 0, -15); line(10, 10, 10, -15); line(20, 2, -12, 2); line(20, -6, -14, -6); translate(3, 0); break; case 'settings': noFill(); stroke(c); strokeWeight(5); ellipse(0, 0, 25, 25); strokeWeight(5); strokeCap(SQUARE); for (var i = 0; i < 360; i+= 40) { line(sin(i)13, cos(i)13, sin(i)20, cos(i)20); } break; case 'acheivements': arc(0, -20, 40, 40, 0, 180); rect(-3, 0, 6, 20); arc(0, 25, 20, 20, 180, 360); noFill(); stroke(c); strokeWeight(3); ellipse(15, -10, 20, 15); ellipse(-15, -10, 20, 15); break; case 'leaderboard': rect(-5, 0, 10, 20); rect(-20, -10, 10, 30); rect(10, -20, 10, 40); break; case 'credits': textSize(30); text("C", 0, -1); noFill(); stroke(c); strokeWeight(5); ellipse(0, 0, 40, 40); break; case 'next level': rect(-60, -10, 80, 20); triangle(20, -30, 20, 30, 60, 0); break; case 'back': case 'left': rect(-10, -10, 50, 20); triangle(-10, -20, -10, 20, -40, 0); break; case 'right': rect(-40, -10, 50, 20); triangle(10, -20, 10, 20, 40, 0); break; case 'home': rect(-20, 0, 15, 20); rect(5, 0, 15, 20); rect(-20, -6, 40, 6); triangle(-30, -5, 0, -25, 30, -5); break; case 'home': rect(-20, 0, 15, 20); rect(5, 0, 15, 20); rect(-20, -6, 40, 6); triangle(-30, -5, 0, -25, 30, -5); break; case 'pause': rect(-20, -20, 10, 40); rect(10, -20, 10, 40); break; case 'sound on': translate(-5, 0); rect(-50, -20, 31, 40); quad(-20, -20, 10, -40, 10, 40, -20, 20); noFill(); stroke(c); strokeWeight(5); arc(20, 0, 20, 20, -60, 60); arc(25, 0, 50, 50, -60, 60); arc(30, 0, 80, 80, -60, 60); translate(5, 0); break; case 'sound off': translate(-5, 0); rect(-50, -20, 31, 40); quad(-20, -20, 10, -40, 10, 40, -20, 20); noFill(); stroke(c); strokeWeight(5); line(20, -20, 60, 20); line(20, 20, 60, -20); translate(5, 0); break; } translate(-x, -y); } var buttons = []; var GOLDEN_RATIO = 1.61803399; var lvlCompBounce = new Bounce(50, 0, 10, 3); var curSkin = { img1: images.woodTile, img2: images.orangeTile }; var skinsOwned = [true, false, false, false, false, false, false, false, false, false, false, ]; var skinEquipped = 0; function Button (txt, x, y, w, next) { this.txt = txt.toLowerCase(); this.x = x; this.y = y; this.w = w; this.h = w/GOLDEN_RATIO; this.size = 1; this.s = 5; this.r = min(this.w, this.h)/2; this.next = next; this.speed = 50; this.bw = new Bounce(this.speed, 0, 10, 3); this.clr = color(50, 100, 200); this.ow = 0; this.buy = txt === 'equipped!'; buttons.push(this); } Button.prototype.draw = function() { this.over = mouseInRoundRect(this.x+this.w/2-this.w/2this.size, this.y+this.h/2-this.h/2this.size, this.wthis.size, this.hthis.size, this.rthis.size)&&this.txt!=='equipped!'&&!this.expensive; mouseIs = this.over?HAND:mouseIs; this.size += Smooth(this.size, this.over?1.2:1, this.s); this.bw.des = this.over? this.speed2: this.speed; this.bw.move(); this.ow += Smooth(this.ow, this.over?this.w:0, this.over?5:2); translate(this.x+this.w/2, this.y+this.h/2); this.size = this.bw.pos/this.speed0.2+0.5; scale(this.size); noStroke(); fill(lerpColor(this.clr, 0, 0.5)); rect(-this.w/2, -this.h/2+5, this.w, this.h, this.r); fill(this.clr); rect(-this.w/2, -this.h/2, this.w, this.h, this.r); fill(255, 75); this.ww = this.bw.pos/this.speedthis.w-this.w; rectMode(CENTER); rect(0, 0, this.ow, this.h, this.r); rectMode(CORNER); textSize(50-this.txt.length1.5); drawIcon(0, 3, this.txt, color(0, 150)); drawIcon(0, 0, this.txt, 255); if (this.buy) { CenterShadowText(this.txt, 0, -5+this.txt.length0.3, 0.5-this.txt.length0.03, 255, 0, 2, 3); if (this.expensive) { this.clr = color(200, 0, 0); } else if (this.canBuy) { this.clr = color(0, 200, 50); } else { this.clr = color(50, 100, 200); } } scale(1/this.size); translate(-this.x-this.w/2, -this.y-this.h/2); }; var playBtn = new Button("Play", 200, 300, 200, "game"); var shopBtn = new Button("Shop", 130, 400, 120, "shop"); var acheiveBtn = new Button("Acheivements", 360, 400, 120, "acheivements"); var creditsBtn = new Button("Credits", 410, 330, 120, "credits"); var leadBtn = new Button("Leaderboard", 80, 330, 120, "leaderboard"); var settingsBtn = new Button("Settings", 240, 430, 120, "settings"); var nextLvlBtn = new Button("next level", 200, 450, 200, "game"); var nextLvlHomeBtn = new Button("home", 90, 475, 120, "menu"); var nextLvlShopBtn = new Button("shop", 390, 475, 120, "shop"); var backHomeBtn = new Button("back", 20, 510, 120, "menu"); var pauseBtn = new Button("pause", 470, 10, 120, "paused"); var pausePlayBtn = new Button("Play", 100, 300, 200, "game"); var pauseHomeBtn = new Button("home", 300, 300, 200, "menu"); var acheiveLeftBtn = new Button("left", 0, 300, 120, "left"); var acheiveRightBtn = new Button("right", 480, 300, 120, "right"); var shopLeftBtn = new Button("left", 0, 300, 120, "left"); var shopRightBtn = new Button("right", 480, 300, 120, "right"); var buyBtn = new Button("equipped!", 225, 505, 150, "buy"); var soundBtn = new Button("sound on", 200, 400, 200, "sound"); var gridSize = 6; var grid = []; var cars = []; function updateAllCars () { for (var i = 0; i < cars.length; i ++) { cars[i].setGrid(); cars[i].drawShadow(); } for (var i = 0; i < cars.length; i ++) { cars[i].draw(); cars[i].move(); } } var colors = [ color(255, 0, 0), color(71, 193, 230), color(90, 204, 107), color(194, 93, 191), color(222, 162, 71) ]; function getGrid (x, y) { return grid[x + y gridSize]; } function setGrid (x, y, value) { grid[x + y * gridSize] = value; } function initializeEmptyGrid () { for (var i = 0; i < gridSize; i ++) { for (var j = 0; j < gridSize; j ++) { setGrid(i, j, -1); } } } var carSelected = -1; function selectCar (id) { carSelected = id; } function resetSelection () { carSelected = -1; } var confetti = []; var Confetti = function(el) { this.x = random(el.x, el.x); this.y = el.y + 20; this.z = random(0, 1); this.r = 0; this.flip = 0; this.color = el.star?color(255, 220, 0):rndm(confettiColors); this.xVel = random(-3, 3); this.yVel = random(-20, -10); this.rVel = random(-3, 3); this.flipVel = random(-3, 3); this.gravity = random(0.5, 1); }; Confetti.new = function(el) { var obj = Object.create(Confetti.prototype); Confetti.apply(obj, arguments); return obj; }; Confetti.prototype.update = function() { this.x += this.xVel; this.y += this.yVel; this.r += this.rVel; this.flip += this.flipVel; this.yVel += this.gravity; }; Confetti.prototype.display = function() { this.update(); pushMatrix(); translate(this.x, this.y); rotate(this.r); noStroke(); fill(this.color); rect(0, 0, 15 * sin(this.flip), 10 * cos(this.flip * 3)); popMatrix(); }; function Car (sx, sy, orientation, length) { this.x = sx; this.y = sy; this.o = orientation; this.length = length; this.color = colors[this.length - 1]; this.id = cars.length; if (this.id === 0) { this.color = colors[0]; } cars[this.id] = this; } pushMatrix(); scale(width/600, height/600); // { smooth(); textFont(createFont("arial black Bold Italic")); textAlign(CENTER, CENTER); function glowyText (txt, x, y, clr, glow) { for (var i = 0; i < 360; i += 12) { for (var j = 12; j >= 0; j--) { fill(clr, glow-j); text(txt, x+sin(i)jj/4, y+cos(i)jj/4); } } fill(clr); text(txt, x, y); } background(0, 0); noStroke(); fill(10); for (var i = 0; i < 600; i += 50) { for (var j = 0; j < 600; j += 50) { if ((i+j)%4===0) { rect(j, i, 50, 50); } } } noFill(); strokeWeight(20); strokeCap(SQUARE); var mainClr = color(255, 220, 230); for (var k = 0; k < 3; k++) { for (var i = 0; i < 360; i += 12) { for (var j = 12; j >= 0; j--) { stroke(mainClr, 11-j); arc(300+sin(i)jj/4, 300+cos(i)jj/4, 100+k100, 100+k100, 180, 360); } } } textSize(50); glowyText("A RANDOM CODER", 300, 350, mainClr, 11); textSize(30); glowyText("Presents...", 300, 400, color(255, 255, 200), 11); var txtImg = get(); // } Intro Image popMatrix(); var glowX = 0, glowY = 350, glowS = 15, bckA = 0; function intro () { background(0); image(txtImg, 0, 0); pushMatrix(); scale(width/600, height/600); noFill(); strokeWeight(20); for (var i = 0; i < 150; i++) { stroke(0, iglowS/2); ellipse(glowX, glowY, i10, i10); } glowX += Smooth(glowX, 300, 25); glowS = 300-glowX+noise(frameCount/5)3; if (glowX > 299.05) { bckA += Smooth(bckA, 255, 20); } noStroke(); fill(0, bckA); rect(0, 0, 600, 600); if (bckA > 244.99) { scene = 'intro2'; } popMatrix(); } var o = 500, intro2Timer = 0; function intro2 () { background(31, 31, 207); textFont(createFont('courier')); textAlign(CENTER, CENTER); textSize(150); fill(0); text("xacer", 350+o+5, 300+5); fill(255); text("xacer", 350+o, 300); textSize(30); fill(0); text("a collaboration with", 250-o+2, 250+2); fill(255); text("a collaboration with", 250-o, 250); o = lerp(o, 0, 0.05); if (intro2Timer > 150) { scene = 'menu'; } ++intro2Timer; } var levelCompleted = false; var levelDone = false; var level = 0; var pLevelImg; var moves = 0; var tutorialPart = 1; var canDrag = false; var startDrag = {x: null, y: null}; Car.prototype = { setGrid: function () { // x-axis if (!this.o) { for (var x = Math.floor(this.x); x < Math.ceil(this.x + this.length); x ++) { setGrid(x, this.y, this.id); } } // y-axis else { for (var y = Math.floor(this.y); y < Math.ceil(this.y + this.length); y ++) { setGrid(this.x, y, this.id); } } }, drawShadow: function() { var sx = this.x * (width-200) / gridSize+100; var sy = this.y * (width-200) / gridSize+100; var sw = this.o ? (width-200) / gridSize : (width-200) / gridSize * this.length; var sh = this.o ? (width-200) / gridSize * this.length : (width-200) / gridSize; noStroke(); fill(0, 5); for (var i = 0; i < 360; i += 10) { rect(sx+5+sin(i)10, sy+5+cos(i)10, sw-10, sh-10, 5); } }, draw: function () { var sx = this.x * (width-200) / gridSize+100; var sy = this.y * (width-200) / gridSize+100; var sw = this.o ? (width-200) / gridSize : (width-200) / gridSize * this.length; var sh = this.o ? (width-200) / gridSize * this.length : (width-200) / gridSize; if (this.color === colors[0]) { image(curSkin.img2, sx + 5, sy + 5, sw - 10, sh - 10); } else { if (sw > sh) { image(curSkin.img1, sx + 5, sy + 5, sw - 10, sh - 10); } else { pushMatrix(); translate(sx+sw/2, sy+sh/2); rotate(-90); imageMode(CENTER); image(curSkin.img1, 0, 0, sh - 10, sw - 10); imageMode(CORNER); popMatrix(); } } fill(255, 8); for (var i = 15; i > 0; i--) { rect(sx+5, sy+5, sw-10, i); } }, done: false, move: function () { if (carSelected < 0) { var sx = this.x * (width-200) / gridSize + 5+100; var sy = this.y * (width-200) / gridSize + 5+100; var sw = (this.o ? (width-200) / gridSize : (width-200) / gridSize * this.length) - 10; var sh = (this.o ? (width-200) / gridSize * this.length : (width-200) / gridSize) - 10; var over = mouseX > sx && mouseX < sx + sw && mouseY > sy && mouseY < sy + sh&&!(tutorialPart===2&&this.id===0)&&!(tutorialPart===4&&this.id===1); mouseIs = over&&canDrag? 'GRAB': mouseIs; if (over && mouseIsPressed&&canDrag) { selectCar(this.id); startDrag.x = this.x; startDrag.y = this.y; } } mouseIs = carSelected === this.id? 'GRABBING': mouseIs; if (carSelected === this.id) { if (!this.o) { var dx = mouseX - pmouseX; var px = this.x; this.x += dx * gridSize / (width-200); this.x = this.id > 0 ? constrain(this.x, 0, gridSize - this.length) : Math.max(this.x, 0); if (mouseX - pmouseX > 0) { var gridX = Math.floor(this.x + this.length); if (gridX < gridSize && getGrid(gridX, this.y) !== -1 && getGrid(gridX, this.y) !== this.id) { this.x = px; } } else { var gridX = Math.floor(this.x); if (getGrid(gridX, this.y) !== -1 && getGrid(gridX, this.y) !== this.id) { this.x = px; } } } else { var dy = mouseY - pmouseY; var py = this.y; this.y += dy * gridSize / (width-200); this.y = constrain(this.y, 0, gridSize - this.length); if (dy > 0) { var gridY = Math.floor(this.y + this.length); if (getGrid(this.x, gridY) !== -1 && getGrid(this.x, gridY) !== this.id) { this.y = py; } } else { var gridY = Math.floor(this.y); if (getGrid(this.x, gridY) !== -1 && getGrid(this.x, gridY) !== this.id) { this.y = py; } } } } else { if (!this.o) { var x = Math.round(this.x); this.x += (x - this.x) / 5; if (Math.abs(x - this.x) < 0.001) { this.x = x; } } else { var y = Math.round(this.y); this.y += (y - this.y) / 5; if (Math.abs(y - this.y) < 0.001) { this.y = y; } } } if (this.id === 0 && this.x >= gridSize&&!this.done&&!mouseIsPressed) { this.done = true; //levelCompleted = true; } if (this.done) { this.x += Smooth(this.x, 10, 10); if (this.x > 9.1) { this.done = false; //levelCompleted = true; for (var i = 0; i < cars.length; ++i) { cars[i].draw(); } pLevelImg = get(); scene = 'nextLevel'; levelDone = true; } } if (tutorialPart === 2 && this.id === 1 && level === 0) { tutorialPart = this.y !== 3? 2:3; if (this.y === 3) { for(var j = 0; j < 10; j++) { confetti.push(Confetti.new({x: mouseX, y: mouseY})); } } } } }; function addCar (x, y, o, l) { var obj = Object.create(Car.prototype); Car.apply(obj, arguments); } // x, y, orientation, length // orientation = 0 for horizontal and 1 for vertical var levels = [ { leastMoves: 2, data: [ [0, 2, 0, 2], [3, 1, 1, 3] ] }, { leastMoves: 5, data: [ [1, 2, 0, 2], [0, 0, 0, 2], [0, 1, 1, 2], [0, 3, 1, 3], [3, 2, 1, 3], [3, 5, 0, 2], [4, 0, 0, 2], [4, 1, 1, 2], [5, 1, 1, 2] ] }, { leastMoves: 11, data: [ [0, 2, 0, 2], [0, 3, 1, 2], [1, 5, 0, 3], [4, 4, 1, 2], [5, 3, 1, 3], [2, 0, 1, 3], [3, 0, 0, 3], [3, 3, 0, 2] ] }, { leastMoves: 7, data: [ [0, 2, 0, 2], [0, 0, 0, 2], [1, 1, 0, 2], [3, 0, 1, 3], [4, 0, 0, 2], [4, 1, 1, 2], [2, 2, 1, 2], [0, 4, 1, 2], [1, 4, 1, 2], [2, 5, 0, 2], [3, 4, 0, 2] ] }, { leastMoves: 9, data: [ [1, 2, 0, 2], [0, 4, 1, 2], [2, 0, 0, 2], [2, 3, 1, 2], [3, 3, 1, 3], [4, 3, 0, 2], [4, 5, 0, 2], [5, 0, 1, 3], ] }, { leastMoves: 9, data: [ [1, 2, 0, 2], [0, 1, 1, 3], [1, 3, 1, 2], [2, 3, 1, 2], [2, 5, 0, 2], [3, 3, 0, 3], [2, 0, 0, 3], [3, 1, 1, 2], [4, 1, 1, 2], [5, 0, 1, 3], ], }, { leastMoves: 7, data: [ [1, 2, 0, 2], [0, 3, 0, 2], [1, 4, 1, 2], [2, 3, 1, 3], [3, 3, 1, 2], [4, 3, 0, 2], [4, 5, 0, 2], [2, 0, 0, 2], [3, 1, 0, 2], [5, 0, 1, 3] ], }, { leastMoves: 11, data: [ [1, 2, 0, 2], [0, 1, 0, 2], [2, 0, 1, 2], [3, 0, 0, 2], [5, 0, 1, 3], [4, 1, 1, 2], [1, 3, 1, 3], [2, 5, 0, 2], [4, 5, 0, 2], [4, 3, 1, 2], ], }, { leastMoves: 20, data: [ [0, 2, 0, 2], [0, 4, 1, 2], [1, 3, 1, 2], [1, 5, 0, 2], [2, 4, 0, 2], [2, 0, 1, 3], [3, 0, 1, 3], [4, 2, 1, 3], [5, 1, 1, 2], [5, 3, 1, 2], ], }, { leastMoves: 19, data: [ [0, 2, 0, 2], [0, 3, 0, 2], [1, 4, 1, 2], [2, 3, 1, 3], [3, 1, 1, 3], [4, 1, 1, 3], [5, 1, 1, 2], [3, 4, 0, 2], ], }, { leastMoves: 35, data: [ [2, 2, 0, 2], [1, 0, 1, 3], [0, 3, 0, 2], [0, 4, 1, 2], [1, 5, 0, 3], [3, 3, 1, 2], [4, 1, 1, 3], [5, 1, 1, 3], [4, 4, 0, 2], ], }, { leastMoves: 5, data: [ [0, 2, 0, 2], [1, 0, 0, 2], [2, 1, 1, 2], [1, 3, 0, 2], [3, 2, 1, 2], [4, 1, 1, 2], ], }, { leastMoves: 5, data: [ [2, 2, 0, 2], [0, 0, 1, 2], [1, 0, 0, 2], [3, 0, 0, 2], [0, 4, 0, 2], [2, 3, 1, 2], [3, 4, 0, 2], [4, 1, 1, 2], ], }, { leastMoves: 20, data: [ [0, 2, 0, 2], [1, 0, 1, 2], [2, 1, 0, 2], [4, 0, 1, 2], [5, 0, 1, 2], [2, 2, 1, 2], [3, 2, 1, 2], [4, 2, 1, 2], [5, 2, 1, 2], [0, 3, 0, 2], [2, 4, 1, 2], [3, 4, 1, 2], ], }, { leastMoves: 6, data: [ [1, 2, 0, 2], [2, 0, 1, 2], [3, 0, 0, 2], [3, 1, 1, 2], [4, 1, 1, 2], [0, 4, 0, 2], [3, 4, 0, 2], ], }, { leastMoves: 4, data: [ [2, 2, 0, 2], [2, 0, 1, 2], [3, 0, 1, 2], [4, 0, 1, 2], [1, 2, 1, 2], [1, 4, 0, 2], [3, 4, 0, 2], [4, 2, 1, 2], ], }, { leastMoves: 5, data: [ [2, 2, 0, 2], [4, 0, 1, 3], [0, 4, 1, 2], [2, 4, 0, 3], [4, 3, 0, 2], [4, 5, 0, 2], ], }, { leastMoves: 5, data: [ [0, 2, 0, 2], [4, 0, 0, 2], [2, 2, 1, 2], [3, 1, 1, 3], [2, 4, 0, 3], [5, 2, 1, 2], ], }, { leastMoves: 4, data: [ [0, 2, 0, 2], [1, 0, 1, 2], [2, 1, 1, 3], [5, 0, 1, 3], [3, 4, 0, 2], [4, 5, 0, 2], ], }, { leastMoves: 20, data: [ [2, 2, 0, 2], [0, 0, 0, 2], [0, 1, 0, 2], [0, 2, 1, 2], [1, 2, 1, 2], [1, 4, 1, 2], [2, 0, 1, 2], [2, 3, 0, 2], [3, 4, 1, 2], [4, 4, 0, 2], [4, 1, 1, 2], [5, 0, 1, 3], ], }, { leastMoves: 4, data: [ [0, 2, 0, 2], [0, 4, 0, 2], [2, 4, 0, 2], [2, 1, 0, 2], [2, 2, 1, 2], [4, 1, 1, 2], ], }, { leastMoves: 6, data: [ [1, 2, 0, 2], [1, 0, 0, 2], [3, 0, 0, 2], [4, 1, 1, 2], [3, 2, 1, 2], [4, 3, 1, 2], ], }, { leastMoves: 4, data: [ [2, 2, 0, 2], [2, 0, 1, 2], [3, 0, 1, 2], [4, 0, 1, 2], [1, 2, 1, 2], [1, 4, 0, 2], [3, 4, 0, 2], [4, 2, 1, 2], ], }, { leastMoves: 5, data: [ [2, 2, 0, 2], [0, 4, 1, 2], [4, 0, 1, 3], [2, 4, 0, 3], [4, 3, 0, 2], [4, 5, 0, 2], ], }, { leastMoves: 35, data: [ [3, 2, 0, 2], [1, 4, 1, 2], [1, 3, 0, 2], [2, 0, 1, 3], [3, 3, 1, 3], [4, 3, 1, 2], [4, 5, 0, 2], [4, 0, 1, 2], [5, 1, 1, 3], ], }, ]; function setLevel (l) { cars.length = 0; for (var i = 0; i < levels[l].data.length; i ++) { addCar.apply(null, levels[l].data[i]); } } var coins = 0; var XP = 0; var star3, star2; var trans = {}; var acheiveI = 0; var acheiveX = 0; var acheivements = []; var acheiveTitles = ["3 stars!", "Good Start", "First Experience", "Small Fortune", "First Purchase", "I like puzzles", "Not my first rodeo", "Big spender", "Mr. Money Bags", "Nose to the grindstone", "now ur just flexing", "Emperor", "XP hoarder", "puzzle master"]; var acheiveDesc = ["complete a level in the\n shortest number of\n moves possible", "Complete 5 levels", "Get 1000 XP", "Get 500 coins", "Buy something from\n the shop", "Get to level 25", "Get 10k XP", "buy 5 things from\n the shop", "Earn 2000 coins", "Reach level 50", "buy everything in\n the shop", "Earn 10k coins", "acquire 20k XP", "beat all the levels"]; var acheiveNotifs = []; var skinsBought = 0; function acheiveNotif (title) { this.title = title; this.x = 300; this.y = -100; this.w = 75; this.h = 75; this.iA = 255; this.auA = 0; this.co = 0; this.co2 = 0; this.cA = 255; this.tA = 0; this.shown = false; this.shrink = false; this.leave = false; this.done = false; this.con = false; } acheiveNotif.prototype.draw = function() { strokeWeight(5); stroke(255); rect(this.x-this.w/2, this.y, this.w, this.h, 2); image(images.woodTile, this.x-this.w/2, this.y, this.w, this.h); this.y += Smooth(this.y, this.leave?-100:50, 10); drawIcon(this.x, this.y+this.h/2, "acheivements", color(255, this.iA)); if (this.y > 49.5) { this.iA += Smooth(this.iA, this.shrink?255:0, 5); this.w += Smooth(this.w, this.shrink?75:400, 5); } if (this.w > 399.5) { if (!this.con) { this.con = true; for (var i = 0; i < 80; ++i) { confetti.push(Confetti.new({x: this.x, y: this.y})); } } this.auA += Smooth(this.auA, this.co2 > 19.99999?0:255, 5); if (this.auA >= 0.5) { CenterShadowText("achievement unlocked!", this.x+30, this.y+this.h/2-5, 0.3, color(255, this.auA), color(0, this.auA), 2, 3); } stroke(50, 200, 100, this.cA); strokeWeight(10); beginShape(); vertex(this.x-175, this.y+this.h/2); vertex(this.x-175+this.co, this.y+this.h/2+this.co); vertex(this.x-175+this.co+this.co2, this.y+this.h/2+this.co-this.co22); endShape(); this.co += Smooth(this.co, 20, 5); if (this.co > 19.5) { this.co2 += Smooth(this.co2, 20, 5); } } if (this.co2 > 19.99999) { this.cA += Smooth(this.cA, 0, 5); } if (this.cA < 0.5) { this.tA += Smooth(this.tA, this.shown?0:255, 5); if (this.tA >= 0.5) { CenterShadowText(this.title, this.x, this.y+this.h/2-7, 0.4, color(255, this.tA), color(0, this.tA), 2, 3); } } if (this.tA > 254.9999999) { this.shown = true; } if (this.tA < 5 && this.shown) { this.shrink = true; } if (this.w < 75.5 && this.shrink) { this.leave = true; } if (this.y < -90 && this.leave) { this.done = true; } }; function Acheivement (x, i) { this.title = acheiveTitles[i]; this.desc = acheiveDesc[i]; this.x = x; this.y = 350; this.w = 400; this.h = 350; this.unlocked = false; this.unClr = 255; this.s = 1; this.i = i; acheivements.push(this); } Acheivement.prototype.check = function() { var c; switch (this.title) { case '3 stars!': c = scene === 'nextLevel' && star3; break; case 'Good Start': c = level >= 5; break; case 'First Experience': c = XP >= 1000; break; case 'Small Fortune': c = coins >= 500; break; case 'First Purchase': c = skinsBought >= 1; break; case 'I like puzzles': c = level >= 10; break; case 'Not my first rodeo': c = XP >= 10000; break; case 'Big spender': c = skinsBought >= 5; break; case 'Mr. Money Bags': c = coins >= 2000; break; case 'Nose to the grindstone': c = level >= 20; break; case 'now ur just flexing': c = skinsBought >= 10; break; case 'Emperor': c = coins >= 10000; break; case 'XP hoarder': c = XP >= 20000; break; case 'puzzle master': c = scene === 'win'; break; } if (c && !this.unlocked) { this.unlocked = true; acheiveNotifs.push(new acheiveNotif(this.title)); } }; Acheivement.prototype.drawBox = function() { if (this.x + acheiveX > width + 200 \|\| this.x + acheiveX < -200) { return; } this.s += Smooth(this.s, this.i === acheiveI? 1: 0.5, 10); pushMatrix(); translate(this.x, this.y); scale(this.s); imageMode(CENTER); image(this.unlocked?images.acheiveBoxUnlocked:images.acheiveBoxLocked, 25, 25, this.w, this.h); imageMode(CORNER); CenterShadowText(this.title, 0, -this.h0.3, 0.5-this.title.length0.01, this.unlocked?this.unClr:200, 0, 2, 3); CenterShadowText(this.desc, 0, this.h0.1, 0.3, this.unlocked?this.unClr:200, 0, 2, 3); if (this.unlocked) { CenterShadowText("Unlocked!", 0, 130, 0.3, color(255, 220, 0), 2, 3); translate(-10, 0); strokeCap(ROUND); stroke(0); strokeWeight(15); beginShape(); vertex(-20, -20); vertex(0, 0); vertex(50, -50); endShape(); stroke(71, 199, 59); strokeWeight(10); beginShape(); vertex(-20, -20); vertex(0, 0); vertex(50, -50); endShape(); translate(10, 0); } else { noStroke(); fill(50); rectMode(CENTER); rect(0, -this.h0.03, 50, 50); rectMode(CORNER); noFill(); stroke(50); strokeWeight(10); arc(0, -this.h0.03-24, 40, 40, 180, 360); fill(0); noStroke(); ellipse(0, -this.h0.04, 10, 10); rect(-3, -this.h0.04, 6, 15); CenterShadowText("Locked", 0, 130, 0.3, 200, 2, 3); } popMatrix(); }; for (var i = 0; i < acheiveTitles.length; i++) { new Acheivement(width/2+iwidth0.4, i); } var shopI = 0; var shopX = 0; var shopTiles = []; var shopTitles = ["Default", "Midnight", "carnival", "forest", "ocean", "dreamsicle", "lemon", "stone", "zebra", "patriotic", "royal", ]; function ShopTile (x, i) { this.x = x; this.i = i; this.title = shopTitles[i]; this.y = 350; this.w = 400; this.h = 350; this.s = 1; this.owned = false; this.price = i===0?0:i===10?600:300; shopTiles.push(this); } ShopTile.prototype.drawBox = function() { if (this.x + shopX > width + 200 \|\| this.x + shopX < -200) { return; } this.s += Smooth(this.s, this.i === shopI? 1: 0.5, 10); pushMatrix(); translate(this.x, this.y); scale(this.s); imageMode(CENTER); image(this.owned?images.acheiveBoxUnlocked:images.acheiveBoxLocked, 25, 25, this.w, this.h); imageMode(CORNER); CenterShadowText(this.title, 0, -this.h0.3, 0.5-this.title.length0.01, 255, 0, 2, 3); imageMode(CENTER); if (this.i === 0) { this.img1 = images.woodTile; this.img2 = images.orangeTile; pushMatrix(); translate(75, 30); rotate(-90); image(images.woodTile, 0, 0, 2050.8, 800.8); popMatrix(); image(images.orangeTile, -75, 30, 2050.6, 800.6); } else { var img1ID = "woodTileSkin" + this.i.toString(); this.img1 = images[img1ID]; var img2ID = "orangeTileSkin" + this.i.toString(); this.img2 = images[img2ID]; pushMatrix(); translate(75, 30); rotate(-90); image(this.img1, 0, 0, 2050.8, 800.8); popMatrix(); image(this.img2, -75, 30, 2050.6, 800.6); } imageMode(CORNER); popMatrix(); }; for (var i = 0; i < shopTitles.length; i++) { new ShopTile(width/2+iwidth0.4, i); } function menu () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(90, 90); translate(-30, 200); scale(1.17, 0.55); translate(-90, -90); noStroke(); fill(0, 130); rect(100, 100, 400, 400); fill(41, 24, 3); quad(95, 95, 505, 95, 500, 100, 100, 100); quad(95, 95, 100, 100, 100, 500, 95, 505); quad(500, 100, 505, 95, 505, 505, 500, 500); fill(94, 63, 24); quad(90, 90, 95, 95, 95, 505, 90, 510); quad(90, 90, 95, 95, 505, 95, 510, 90); quad(505, 95, 510, 90, 510, 510, 505, 505); fill(194, 150, 97); quad(90, 510, 100, 500, 500, 500, 510, 510); popMatrix(); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.titleSign, -255, -130); popMatrix(); noStroke(); playBtn.draw(); shopBtn.draw(); acheiveBtn.draw(); creditsBtn.draw(); leadBtn.draw(); settingsBtn.draw(); CenterShadowText("XP: " + XP.toString(), 200, 550, 0.4, color(200, 220, 255), 0, 2, 3); CenterShadowText("Coins: " + coins.toString(), 400, 550, 0.4, color(200, 220, 255), 0, 2, 3); } function drawHandIcon (x, y, s) { pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255); rect(-20, -30, 10, 63, 20, 20, 0, 50); for (var i = 0; i < 3; i++) { rect(-10+i10, -10+i3, 10, 43-i3, 20, 20, i>1?50:0, 0); } stroke(255); strokeCap(ROUND); strokeWeight(10); line(-15, 25, -30, 15); line(-30, 15, -35, 14); popMatrix(); } var totalXPg = 0; var totalXP = 0; function game () { background(255); image(images.woodenBackground, 0, 0); canDrag = !(tutorialPart === 1 \|\| tutorialPart === 3); noStroke(); fill(0, 130); rect(100, 100, 400, 400); rect(500, 234, 100, 65); triangle(510, 244, 510, 259, 530, 251); triangle(510, 275, 510, 290, 530, 282); initializeEmptyGrid(); fill(41, 24, 3); quad(95, 95, 505, 95, 500, 100, 100, 100); quad(95, 95, 100, 100, 100, 500, 95, 505); quad(500, 100, 500, 234, 505, 229, 505, 95); quad(500, 234, 505, 229, 600, 229, 600, 234); quad(500, 500, 505, 505, 505, 304, 500, 299); fill(94, 63, 24); quad(90, 90, 95, 95, 95, 505, 90, 510); quad(90, 90, 95, 95, 505, 95, 510, 90); quad(505, 505, 510, 510, 510, 309, 505, 304); quad(505, 95, 510, 90, 510, 224, 505, 229); quad(505, 229, 510, 224, 600, 224, 600, 229); fill(179, 132, 74); quad(90, 510, 100, 500, 500, 500, 510, 510); quad(500, 299, 600, 299, 600, 309, 510, 309); updateAllCars(); shadowText("Moves: "+moves.toString(), 20, 542, 0.5); shadowText("XP: "+XP.toString(), 20, 20, 0.4); shadowText("Level: "+(level+1).toString(), 10, 290, 0.2, 255, 0, 2, 3); CenterShadowText("Coins: "+coins.toString(), 300, 20, 0.4); stroke(255); strokeWeight(2); fill(0, 150); rect(242.5, 532.5, 315, 42.5); var leastMoves = levels[level].leastMoves, n = 300/leastMoves/2, w = max(leastMoves2-moves/2, 0); star3 = moves<=leastMoves; star2 = moves<=leastMoves2; noStroke(); totalXPg = max(wn, 10); for (var i = 0; i < totalXPg; ++i) { fill(lerpColor(color(100, 80, 30), color(255, 200, 50), i/(300))); rect(250+i, 540, 1, 30); } imageMode(CENTER); image(star3?images.star_filled:images.star_empty, 500, 555, 99, 99); image(star2?images.star_filled:images.star_empty, 400, 555, 77, 77); image(images.star_filled, 300, 555, 77, 77); imageMode(CORNER); if (level > 0) { pauseBtn.draw(); } if (tutorialPart === 1) { noStroke(); fill(0, 100); rect(0, 0, width, height); //rect(45, 65, 510, 120, 10); CenterShadowText("Welcome to Unblock it!", 300, 100, 0.5); CenterShadowText("Click anywhere to continue", 300, 150, 0.2, 255, 0, 2); } if (tutorialPart===2) { noStroke(); fill(0, 150); rect(45, 65, 510, 140, 10); CenterShadowText("start off by dragging that\n wooden block all the way\n to the bottom", 300, 100, 0.4); drawHandIcon(350, 425+sin(FrameCount5)50, 1); } if (tutorialPart===3) { image(images.tutorialImg, 0, 0); } if (tutorialPart===4) { noStroke(); fill(0, 150); rect(45, 65, 510, 140, 10); CenterShadowText(" now finish the level by\ndragging that blue block\n all the way to the end!", 300, 100, 0.4); drawHandIcon(375+sin(FrameCount2)200, 300, 1); } if (levelCompleted) { tutorialPart = 5; } if (!mouseIsPressed) { resetSelection(); } if (levelCompleted) { levelCompleted = false; setLevel(++level); } } nextLvlBtn.bw.pos = -50; nextLvlHomeBtn.bw.pos = -50; nextLvlShopBtn.bw.pos = -50; var doneConfetti = false; var star3Bounce = new Bounce(50, 0, 10, 3), star2Bounce = new Bounce(50, 0, 10, 3), star1Bounce = new Bounce(50, 0, 10, 3), nextTxtBounce = new Bounce(50, 0, 10, 3); var con1 = false, con2 = false, con3 = false; var totalCoins = 0; var dispCoins = 0; var dispXP = 0; function nextLevel () { if (!trans.active) { totalXP = totalXPg; } background(255); image(pLevelImg, 0, 0); lvlCompBounce.move(); lvlCompBounce.des = 200; pushMatrix(); translate(300, 200); scale(lvlCompBounce.pos/200); image(images.levelCompleteSign, -255, -130); popMatrix(); if (!doneConfetti) { doneConfetti = true; if (soundOn) { playSound(getSound("retro/jump2")); } for(var j = 0; j < 80; j++) { confetti.push(Confetti.new({x: 50, y: 200})); confetti.push(Confetti.new({x: 550, y: 200})); } } totalCoins = star3?150:star2?100:50; if (lvlCompBounce.pos === lvlCompBounce.des) { nextLvlBtn.draw(); nextLvlHomeBtn.draw(); nextLvlShopBtn.draw(); star1Bounce.move(); star1Bounce.des = 200; star2Bounce.des = 200; star3Bounce.des = 200; nextTxtBounce.des = 200; imageMode(CENTER); image(images.star_filled, 220, 270, 110star1Bounce.pos/200, 110star1Bounce.pos/200); if (star2Bounce.pos===star2Bounce.des) { if (!con2 && star2) { con2 = true; for(var j = 0; j < 10; j++) { confetti.push(Confetti.new({x: 300, y: 270, star: true})); } } star3Bounce.move(); image(star3?images.star_filled:images.star_empty, 380, 270, 110star3Bounce.pos/200, 110star3Bounce.pos/200); } if (star1Bounce.pos===star1Bounce.des) { if (!con1) { con1 = true; for(var j = 0; j < 10; j++) { confetti.push(Confetti.new({x: 220, y: 270, star: true})); } } star2Bounce.move(); image(star2?images.star_filled:images.star_empty, 300, 270, 170star2Bounce.pos/200, 170star2Bounce.pos/200); } if (star3Bounce.pos===star3Bounce.des) { if (!con3 && star3) { con3 = true; for(var j = 0; j < 10; j++) { confetti.push(Confetti.new({x: 380, y: 270, star: true})); } } nextTxtBounce.move(); CenterShadowText("Coins: "+(coins+dispCoins).toString(), 300, 350, 0.5nextTxtBounce.pos/200, color(255), color(0)); CenterShadowText("XP: "+(XP+dispXP).toString(), 300, 400, 0.5nextTxtBounce.pos/200, color(255), color(0)); if (nextTxtBounce.pos === nextTxtBounce.des) { if (dispCoins < totalCoins) { dispCoins += floor(totalCoins/20); } dispCoins = min(dispCoins, totalCoins); if (dispXP < totalXP) { dispXP += floor(totalXP/20); } dispXP = floor(min(dispXP, totalXP)); } } imageMode(CORNER); } } function shop () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.shopSign, -255, -170); popMatrix(); backHomeBtn.draw(); CenterShadowText("Coins: "+coins.toString(), 480, 550, 0.3, 255, 0, 2, 3); translate(shopX, 0); for (var i = 0; i < shopTiles.length; ++i) { if (i !== shopI) { shopTiles[i].drawBox(); } } shopTiles[shopI].drawBox(); translate(-shopX, 0); shopX += Smooth(shopX, shopI-width0.4, 10); if (shopI < shopTiles.length-1) { shopRightBtn.draw(); } if (shopI > 0) { shopLeftBtn.draw(); } buyBtn.draw(); var curTile = shopTiles[shopI]; if (skinEquipped === shopI) { buyBtn.txt = 'equipped!'; buyBtn.expensive = false; buyBtn.canBuy = false; } else if (skinsOwned[shopI]) { buyBtn.txt = 'equip'; buyBtn.expensive = false; buyBtn.canBuy = false; } else if (coins >= curTile.price) { buyBtn.txt = "buy: "+curTile.price.toString(); buyBtn.canBuy = true; buyBtn.expensive = false; } else { buyBtn.txt = "buy: "+curTile.price.toString(); buyBtn.canBuy = false; buyBtn.expensive = true; } } function leaderboard () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.leaderboardSign, -255, -170); popMatrix(); for (var i = 0; i < leaders.length; ++i) { shadowText((i+1).toString()+". "+leaders[i].name, 50, 250+i50, 0.5, 255, 0, 2, 3); } shadowText("name", 85, 210, 0.35, 255, 0, 2, 3); shadowText("xp", 455, 210, 0.35, 255, 0, 2, 3); for (var i = 0; i < leaders.length; ++i) { CenterShadowText(leaders[i].score.toString(), 475, 250+i50, 0.5, 255, 0, 2, 3); } backHomeBtn.draw(); } function win () { background(255); image(images.woodenBackground, 0, 0); CenterShadowText("YOU WIN!", 300, 100, 1); CenterShadowText("thanks for playing!", 300, 175, 0.5); CenterShadowText("Total XP: "+XP.toString(), 300, 400, 0.5); } function settings () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.settingsSign, -255, -170); popMatrix(); backHomeBtn.draw(); soundBtn.draw(); CenterShadowText("sound: "+(soundOn?"on":"off"), 300, 275, 1); } function paused () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.pausedSign, -255, -170); popMatrix(); pausePlayBtn.draw(); pauseHomeBtn.draw(); } function Acheivements () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.acheivementsSign, -255, -170); popMatrix(); backHomeBtn.draw(); translate(acheiveX, 0); for (var i = 0; i < acheivements.length; ++i) { if (i !== acheiveI) { acheivements[i].drawBox(); } } acheivements[acheiveI].drawBox(); translate(-acheiveX, 0); acheiveX += Smooth(acheiveX, acheiveI-width0.4, 10); if (acheiveI < acheivements.length-1) { acheiveRightBtn.draw(); } if (acheiveI > 0) { acheiveLeftBtn.draw(); } } function credits () { background(255); image(images.woodenBackground, 0, 0); pushMatrix(); translate(300, 200); rotate(sin(FrameCount7)5); image(images.creditsSign, -255, -170); popMatrix(); backHomeBtn.draw(); CenterShadowText("This game was brought to you by:", 300, 200, 0.3, 255, 0, 2, 3); CenterShadowText("You can subscribe to either one of us\n by going to the Tips and Thanks!", 300, 480, 0.25, 255, 0, 2, 3); CenterShadowText("A Random Coder", 300, 275, 0.7, color(255, 220, 0), 0, 2, 3); CenterShadowText("and", 300, 350, 0.5, color(255), 0, 2, 3); CenterShadowText("xacer", 300, 420, 0.7, color(50, 100, 200), 0, 2, 3); } function load () { var imageArray = Object.keys(images); var totalImages = imageArray.length; var curImg = imageArray[curLoad]; var percentDone = floor((curLoad/Object.keys(images).length)100); images[curImg] = images[curImg](); curLoad ++; background(0); if (curLoad > 1) { image(images.woodenBackground, 0, 0); } fill(255); textSize(50); shadowText("Loading...", 110, 100, 1); shadowText(percentDone.toString()+"/100", 170, 200, 1); noStroke(); fill(255); rect(100, 365, percentDone4, 30); noFill(); stroke(255); strokeWeight(10); rect(85, 350, 430, 60); if (curLoad === totalImages) { scene = "intro"; for (var i = 0; i < shopTiles.length; ++i) { shopTiles[i].drawBox(); } image(images.woodenBackground, 0, 0); } } setLevel(level); if (level > 0) { tutorialPart = 5; } var scenes = { load: load, menu: menu, game: game, nextLevel: nextLevel, shop: shop, leaderboard: leaderboard, settings: settings, acheivements: Acheivements, credits: credits, paused: paused, win: win, intro: intro, intro2: intro2 }; trans = { active: false, next: null, x: 0, dir: 1, init: false, run: function() { if (this.active) { if (!this.init) { this.init = true; scenes[this.next](); this.nextImg = get(); scenes[scene](); this.curImg = get(); } image(this.curImg, this.x, 0); image(this.nextImg, this.dirwidth+this.x, 0); this.x += Smooth(this.x, (width+10)-this.dir, 10); if (abs(this.x - width-this.dir)<1) { this.x = 0; for (var i = 0; i < buttons.length; ++i) { buttons[i].over = false; buttons[i].bw.pos = 50; buttons[i].ow = 0; } if (this.next === 'win') { for (var i = 0; i < 100; ++i) { confetti.push(Confetti.new({x: 300, y:0})); } } if (this.next === 'game') { nextLvlBtn.bw.pos = -50; nextLvlHomeBtn.bw.pos = -50; nextLvlShopBtn.bw.pos = -50; doneConfetti = false; lvlCompBounce.pos = 0; star1Bounce.pos = 0; star2Bounce.pos = 0; star3Bounce.pos = 0; nextTxtBounce.pos = 0; con1 = false; con2 = false; con3 = false; dispCoins = 0; dispXP = 0; } this.init = false; this.active = false; scene = this.next; } } } }; mouseOut = function () { mouseIsPressed = false; }; mouseClicked = function () { for (var i = 0; i < buttons.length; ++i) { var b = buttons[i]; if (b.over) { if (b.next === 'sound') { soundOn = !soundOn; b.txt = b.txt === 'sound on'? 'sound off': 'sound on'; return; } if (b.next === 'buy') { if (b.canBuy) { skinEquipped = shopI; skinsOwned[shopI] = true; coins -= shopTiles[shopI].price; b.canBuy = false; ++skinsBought; } else if (b.txt === 'equip') { skinEquipped = shopI; } return; } if (b.next === "left") { b.over = false; if (scene === 'acheivements') { acheiveI --; } else if (scene === 'shop') { shopI --; } return; } if (b.next === "right") { b.over = false; if (scene === 'acheivements') { acheiveI ++; } else if (scene === 'shop') { shopI ++; } return; } if (b.txt === 'back' \|\| b.txt === 'home') { trans.dir = -1; } else { trans.dir = 1; } if (b.txt === "play" && levelDone) { trans.next = "nextLevel"; trans.active = true; return; } if (b.txt === "next level") { if (level === 24) { trans.active = true; trans.next = 'win'; return; } levelCompleted = true; trans.active = true; moves = 0; XP += floor(totalXP); levelDone = false; game(); coins += totalCoins; scenes[scene](); } trans.next = b.next; trans.active = true; return; } } if (scene === 'game' && tutorialPart === 1) { tutorialPart = 2; } if (scene === 'game' && tutorialPart === 3) { tutorialPart = 4; } }; mouseReleased = function () { if (carSelected >= 0 && scene === 'game') { if (startDrag.x !== round(cars[carSelected].x) \|\| startDrag.y !== round(cars[carSelected].y)) { ++moves; } if (soundOn) { playSound(getSound("rpg/step-heavy")); } } }; draw = function () { curSkin.img1 = shopTiles[skinEquipped].img1; curSkin.img2 = shopTiles[skinEquipped].img2; if (!trans.active) { scenes[scene](); ++FrameCount; } for(var i = confetti.length - 1; i > -1; i--) { confetti[i].display(); if (confetti[i].y >= height 2) { confetti.splice(i, 1); } } trans.run(); for (var i = acheiveNotifs.length-1; i >= 0; --i) { acheiveNotifs[i].draw(); if (acheiveNotifs[i].done) { acheiveNotifs.splice(i, 1); } } for (var i = acheivements.length-1; i >= 0; --i) { acheivements[i].check(); } cursor(mouseIs); mouseIs = ARROW; //background(255); }; keyPressed = function() { if (keyCode === 75) { noLoop(); pushMatrix(); translate(220, 180); rotate(-30); CenterShadowText("Game by ARC and xacer!", 0, 0, 0.5, color(255, 220, 0)); popMatrix(); } }; });
Folds	36,105
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN214qaqCgw
Votes	422
Spin-Offs	8
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	A Random Coder
Author Name	ARandomCoder123
Author ID	kaid_1173743019606462635001282
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739449435821
Updated	4 months ago, 1744828356610
Source Deleted	unknown