Viewing Program

Program Data

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

Title	Fireboy & Watergirl [Codevember]
ID	6636163913433088
Created	5 years ago, 1605662274504
Updated	5 years ago, 1605799613995
Code	//Fireboy and Watergirl, created by Mango and Tachyon. Inspired by Oslo Albet's Fireboy and Watergirl: in the Forest Temple. /** * Thank you so much for all the support and great feedback down below. This is my first 1000 Kelvin, and though it isn't a solo program, I am still very proud that me and Mango's hard work actually payed off. This would have never become what it is, without her great talent for graphics and the two us working so well on it! Thank so muchhh! * (Graphics of a game is so essential. Your game can play badly and still get enough votes, just for the visuals) * @Instructions: * Head to the portal doors while solving puzzles along the way! Watch out for lava if you are watergirl, avoid water if you are fireboy. Acid kills both of them! Hold down buttons by standing on them. Hop on levers to turn them on or off. Good Luck! * * Controls: * Fireboy: Arrow Keys * Watergirl: WASD * Restart: R * @Credits * Graphics by Mango * Game Engine by Tachyon * Twiga Studios, for Creating Codevember (And also extending the deadline another day) * * @Judges: * Name: Mango and Tachyon (Collaboration Challenge) * Level: Advanced * Start Date: November 10th, 2020 * End Date: November 17th, 2020 * Released: November 17th, 5:18 PM PST * No code was taken from anybody else, however with the exception of the intersection function from Chris Hallberg and the Timeout function from KWC. The intersection function was ~heavily modified, fitted to its purpose in this game. The Timeout function is just for performance and is not essential. All other code was made from scratch in approximately a week. * * * 100+ Votes in a night?!!?!? wat */ var level = 0; size(600,500,P2D);//shhhh (when you spin-off it doesn't distort... btw this also works in a loop and with variables! Try it out. Just don't make annoying programs with it ok) //Level Design Tips <----{ / Character Types: @Static Blocks: '0': Regular Block '_': Slab or Empty Reservior '1': North-East Slope '2': North-West Slope '3': South-West Slope '4': South-East Slope @Reservoir Blocks: '>': Left End Piece '$': Water '&': Lava '~': Acid '<': Right End Piece @Player Blocks: 'f': Respawn Point of female (watergirl) 'm': Respawn Point of male (fireboy) 'F': Portal Entrance for male 'M': Portal Entrance for female 'c': Fire Diamond [NOT WORKING, but spawnable] 'o': Water Diamond [NOT WORKING, but spawnable] 'e': Earth Diamond [NOT WORKING, but spawnable] Interactables: '#': Pushable Box [NOT CREATED, NO TIME] @Pairing Blocks: 'r': Red Wire 'g': Green Wire 'b': Blue Wire 'w': White Wire @Stopper Blocks: 'x': Invisible Stopper 'X': Stopper Disguised as a Block ('0') @Recievers: '[': Left End Piece of Platform '=': Middle Piece of Platform ']': Right End Piece of Platform @Controllers: '%': Lever '.': Button / /* * Random Tip: "For a @Platform/@Reciever to function, set its circuit ID. To do this, place a @Pairing block to the LEFT of it (accessibility will be introduced further in the official game). Then, create a controller. Simply place a Lever, '%', the character depicting two 'hands' turning a handle, or a Button, '.', depicted as the insignificant dot it is. But wait! You're not done yet. You need to tell the engine which platform to sync to. Simply place another pairing block underneath the block. Now, when you step on that button, the platform moves. But you notice one thing wrong, it never stops! To fix this, place a @Stopper anywhere in the world. Then place a pairing block next to it to make sure it only stops a specific platform. The platform will then stop once it hits any side of the stopper. And that, is all you need to know when you are engineering your own levels. Remember, you must always use a pairing block on every controller, reciever and stopper." * / //} var levels = [ [ '0000000000000000000000000000000000000000', '0--------------------------------------0', '0--------------------------------------0', '0--------------------------------------0', '0--------------------------------------0', '0--------------------------------------0', '0--------------------------------------0', '0--------2001--------------------------0', '0---------3000>__----------20001-M--F--0', '0-.--------00000000000000000000000000000', '00r000-----00004-----------------------0', '000000-----304-------.-----------------0', '000R[]----------20000r000001-----------0', '000R[]--x-----200000000000001---.------0', '00000000r00000000000000000000000w00----0', '0----------------------------30000w[==]0', '0--------------------------------------0', '0--------------------------------------0', '0---------.----------------------------0', 'g[==]00000w00000001--------------------0', '0---------------300>______________0XXXX0', '0---------------------------------3wwww0', '0-----------------------------------3000', 'gx--------%--------------------------300', '0000000000g00001-----------------------0', '0-------------301----------------------0', '0--m-----------300000000>~~~~<0001-----0', '0----------------------304-------------0', '000000000000---------------------------0', '0-----------------------------------2000', '0--f--------------------------------0000', '0-----------------------------------0000', '000000000000000000>&&&<000>$$$<000000000', ], [ '0000000000000000000000000000000000000000', '0--------------------------------------0', '0--------------------------------------0', '0--------------------------------------0', '0---------------%-----------------M--F-0', '0[]w000000000000g000000000G[==]0000Xg000', '0-----30000000000000000000001--300000000', '0---------------3000000000000----3000000', '0---------------------300004-----------0',//the betrayal pit '0-----------------------301------------0', '0------------------------300000001-----0', '0-------------------------------301----0', '0--------------------------------301.-.0', '0---------------------------------30r0w0', '0XX>____4------------------------------0', '0w4-304--------------------------------0', '00---0----->0<-------------------------0', '00-__0------0--------------------------0', '00<4-0------0--------------------------0', '00---0------0------>0<-----------------0', '00---0------0-------0------------------0', '00---0------0-------0------>0<-------[]w', '00---0------0-------0-------0----------0', '00---0------0-------0-------0----------0', '00>~<0>~~~~<0>~~~~~<0>~~~~~<0>~~~~<----0', '000000000r[==]000r[==]000r[==]00000----0', '0f-------------------------------------0', '0--------------------------------------0', '0___-----------------------------------0', '0m-------------------------------------0', '0---.-.---------------------------200000', '0000w0r>~~~~~~~~~~~~~~~~~~~~~~~~~<000000', '0000000000XXXX0000XXXX000XXXX00000000000', '0000000000rrrr0000rrrr000rrrr00000000000', ], [ '0000000000000000000000000000000000000000', '0------------3>___________<4-----------0', '0--f--------------------------------m--0', '0______--------------------------------0', '0-------------------------->0<----200000', '0---------------------------0-----0>___0', '0----------------------->~~<0>~~~<0----0', '0.----------------------04--------3>___0', '0r00>$$$$$$$$<000r[====]0----------3>__0', '0------304------30------0-----%-0---0--0', '0>______0_______<0------0----3g00---0--0', '01-----<0>-------0____--0-------0---3>_0', '000000000000000000------0-%-----0----3>0', '0---------------30------00b04---0-----30', '0----------------0--____04------31-----0', '0----------------0------0------_001----0', '0---20[=]w00000000------0---------30---0', 'b[=]0-----------30------0-%--------b[=]0', '0---0------------0____--00w_-------0---0', '0---0------------0------04---------0---0', '0---0------------0------0-------_000---0', '0---0------------0------0----------0---0', '0---0------------0---___0-%--------0---0', '0---0>~~~<1---2000------00r4---2000G[=]0', 'G[=]3wXXXXg1-----0------0-----24-------0', '0----------31----0------0----24--------0', '0-----------31---0------0---24---------0', '0-----2001---31--3------4--24---21--xxx0', 'bXXX004--31---31----------24---24300bbb0', '0---------31---31--------24---24-------0', '0---------------31------24-------------0', '0-F--------------0XXXXXX0-----------M--0', '00000000000000000rrrrrrrr000000000000000' ], [ '----------------------------------------', '----------------------------------------', '----------------------------------------', '---------------------------------21-----', '------0001--2001--20---01--2001--00-----', '------0--0--0-----0-0-0-0--0--0--00-----', '------0--0--0-----0--0--0--0--0--00-----', '------0--0--0000--0-----0--0--0--00-----', '------0--0--0-----0-----0--0--0---------', '------0--0--0-----0-----0--0--0--21-----', '------0004--3004--0-----0--3004--34-----', '----------------------------------------', '----------------------------------------', '----------------------------------------', '000-0---0--0---0---0---0--0-00000-00000-', '0--0-0-0---00-00--0-0--00-0-0-----0---0-', '0-0---0----0-0-0-00000-0-00-0--00-0---0-', '0--0--0----0---0-0---0-0--0-0---0-0---0-', '000---0----0---0-0---0-0--0-00000-00000-', '----------------------------------------', '-----------------0--0-0-01--------------', '----------------0_0-010-00--------------', '----------------0-0-0-0-04--------------', '-----------------------------------------', '00000--0----0000-0---0-0---0-00000-0---0', '--0---0-0--0-----0---0--0-0--0---0-00--0', '--0--00000-0-----00000---0---0---0-0-0-0', '--0--0---0-0-----0---0---0---0---0-0--00', '--0--0---0--0000-0---0---0---00000-0---0', '----------------------------------------', '----------------------------------------', '----f------------------------------m----', '0000000000000000000000000000000000000000', ],//& ]; var setTimeout = function(time) { /CREDIT TO KWC/ this[["KAInfiniteLoopSetTimeout"]](time); this[["KAInfiniteLoopCount"]] = -Infinity; }; setTimeout(10000); //Global Variables <----{ var scene = 'menu'; var liquidCol = [color(60, 233, 42), color(246, 13, 26), color(53, 125, 134)]; var circuitCol = [color(163, 27, 39), color(61, 163, 27), color(27, 116, 163), color(162, 27, 165)]; var blockSize = 15; var bitmap = levels[level]; var doors = []; var controls = []; var stoppers = []; var blocks = []; var fireboy, watergirl, mapImage, shadows; var crystals = [0, 0, 0]; //} //Graphics by @Mango<----{ rectMode(CENTER); noStroke(); for (var i = 0; i < width + 5; i += 30) { for (var j = -8; j < height; j += 15) { pushMatrix(); translate(i, j); scale(0.88); fill(43, 46, 13); rect(0, 0, 36, 16); fill(38, 41, 8); rect(-17, 0, 1, 16); rect(16, 0, 1, 16); rect(0, -7, 36, 1); fill(30, 33, 2); rect(-18, 0, 1, 16); rect(17, 0, 1, 16); rect(0, -8, 36, 1); translate(0, 16); fill(43, 46, 13); rect(0, 0, 36, 16); fill(38, 41, 8); rect(0, 0, 4, 16); rect(0, -7, 36, 1); fill(30, 33, 2); rect(0, 0, 2, 16); rect(0, -8, 36, 1); popMatrix(); } } var backgroundImage = get(); var regBlock = function(t, s) { if (s) { strokeWeight(4); stroke(0); } else { noStroke(); } fill(114, 104, 55); rect(0, 0, 18, 18); fill(101, 92, 48); rect(t === 0 ? -8 : 7, 0, 1, 18); rect(0, -8, 18, 1); fill(94, 85, 45); rect(t === 0 ? -9 : 8, 0, 1, 18); rect(0, -9, 18, 1); }; var slopeBlock = function(t, t2, s, col) { pushMatrix(); switch (t) { case 1: scale(-1, 1); break; case 2: scale(1, -1); break; case 3: scale(-1, -1); break; } if (t2 === 1 && liquidCol[col] !== undefined) { fill(liquidCol[col]); noStroke(); rect(0, 2, blockSize + 2, 6); } noStroke(); if (s) { stroke(0); strokeWeight(4); } fill(114, 104, 55); triangle(9, 9, -9, -9, 9, -9); noStroke(); fill(101, 92, 48); if (t2 === 1) { rect(7, 0, 1, 15); } rect(0, -8, 17, 1); fill(94, 85, 45); if (t2 === 1) { rect(8, 0, 1, 18); rect(0, -9, 18, 1); noStroke(); fill(114, 104, 55); rect(0, -5, 18, 9); fill(101, 92, 48); rect(-8, -5, 1, 9); rect(7, -5, 1, 9); fill(94, 85, 45); rect(8, -5, 1, 9); rect(-9, -5, 1, 9); //if (s) { stroke(0); strokeWeight(2); line(0, 1, -9, 1); line(0, 1, 9, 9); //} } popMatrix(); }; var bodyPoints = [ [2, 9], [-5, 14], [2, 22], [-3, 7] ]; var bodyPoints2 = [ [2, 9], [-5, 14], [2, 22], [-3, 7] ]; var body = function(f, f2, s, c) { if (!s) { noStroke(); fill(c); } else { stroke(0); strokeWeight(5); } switch (f) { case 0: beginShape(); vertex(-4, 15); bezierVertex(-3, 19, -5, 2, -4, -7); vertex(6, -7); bezierVertex(6, -5, 7, -2, 6, 15); bezierVertex(2, 18, 5, 12, 1, 7); bezierVertex(-3, 9, 1, 19, -4, 15); endShape(); noFill(); if (!s) { strokeWeight(2); stroke(c); } bezier(-8, 3, -3, -12, 3, 5, -2, -10); bezier(8 + 2, 3, -3 + 8, -12, 3, 3, 2 + 2, -10); break; case 1: switch (f2) { case true: bodyPoints2 = [ [4, 5], [-5, 10], [2, 14], [-3, 3] ]; break; case false: bodyPoints2 = [ [-4, 2], [4, 13], [-5, 11], [4, 4] ]; break; } for (var i in bodyPoints) { bodyPoints[i][0] = lerp(bodyPoints[i][0], bodyPoints2[i][0], 0.1); bodyPoints[i][1] = lerp(bodyPoints[i][1], bodyPoints2[i][1], 0.1); } strokeWeight(6); stroke(0); line(0, -4, bodyPoints[0][0], bodyPoints[0][1]); strokeWeight(4); stroke(c); line(0, -4, bodyPoints[0][0], bodyPoints[0][1]); strokeWeight(6); stroke(0); line(bodyPoints[1][0], bodyPoints[1][1], 0, 10); strokeWeight(4); stroke(c); line(bodyPoints[1][0], bodyPoints[1][1], 0, 10); strokeWeight(6); stroke(0); line(0, -4, 0, 10); line(bodyPoints[2][0], bodyPoints[2][1], 0, 10); strokeWeight(4); stroke(c); line(0, -4, 0, 10); strokeWeight(4); stroke(c); line(bodyPoints[2][0], bodyPoints[2][1], 0, 10); strokeWeight(6); stroke(0); line(0, -4, bodyPoints[3][0], bodyPoints[3][1]); strokeWeight(4); stroke(c); line(0, -4, bodyPoints[3][0], bodyPoints[3][1]); break; } }; var headPoints = [ [4 + 3, -6], [8 + 3, -36], [-2 + 3, -24], [1 + 3, -42], [-7 + 3, -30], [-12 + 4, -43], [-16 + 3, -30], [4 + 3, -6], [-12 + 4, -43], [-9 + 3, -32], [-3 + 3, -30], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0] ]; var headPoints2 = [ [4 + 3, -6], [8 + 3, -36], [-2 + 3, -24], [1 + 3, -42], [-7 + 3, -30], [-12 + 4, -43], [-16 + 3, -30], [4 + 3, -6], [-12 + 4, -43], [-9 + 3, -32], [-3 + 3, -30], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0] ]; var headR = 0; var fireHead = function(f, f2, s, r) { if (!s) { noStroke(); fill(251, 13, 27); } else { stroke(0); strokeWeight(4); } switch (f) { case 0: switch (f2) { case 0: headPoints2 = [ [4 + 3, -6], [8 + 3, -36], [-2 + 3, -24], [1 + 3, -42], [-7 + 3, -30], [-12 + 4, -43], [-16 + 3, -30], [4 + 3, -6], [-12 + 4, -43], [-9 + 3, -32], [-3 + 3, -30], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20] ]; break; case 1: headPoints2 = [ [4 + 3, -6], [9 + 3, -34], [-2 + 3, -24], [0 + 3, -44], [-6 + 3, -29], [-10 + 4, -41], [-17 + 3, -33], [4 + 3, -6], [-10 + 4, -41], [-9 + 3, -32], [-3 + 3, -30], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20] ]; break; case 2: headPoints2 = [ [4 + 3, -6], [9 + 3, -36], [-2 + 3, -28], [0 + 3, -45], [-7 + 3, -30], [-8 + 4, -40], [-17 + 3, -35], [4 + 3, -6], [-8 + 4, -40], [-9 + 3, -32], [-3 + 3, -30], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20], [0, -20] ]; break; case 3: headPoints2 = [ [4 + 3, -6], [9 + 3, -36], [-2 + 3, -28], [-1 + 3, -45], [-7 + 3, -30], [-8 + 4, -40], [-19 + 3, -35], [4 + 3, -6], [-12 + 4, -36], [-12 + 3, -32], [-4 + 3, -29], [0 + 3, -40], [-1 + 3, -44], [-7 + 6, -47], [-3 + 3, -49], [1, -46], [-5 + 3, -59] ]; break; case 4: headPoints2 = [ [4 + 3, -6], [8 + 3, -35], [-2 + 3, -30], [-1 + 3, -45], [-3 + 3, -33], [-8 + 4, -40], [-18 + 3, -34], [4 + 3, -6], [-12 + 4, -36], [-15 + 3, -48], [-11 + 3, -44], [-1 + 3, -49], [-1 + 3, -44], [-7 + 6, -53], [-3 + 3, -53], [1, -51], [-5 + 3, -62] ]; break; case 5: headPoints2 = [ [4 + 3, -6], [8 + 3, -35], [0 + 3, -33], [-1 + 3, -42], [-4 + 3, -32], [-8 + 4, -40], [-19 + 3, -33], [4 + 3, -6], [-12 + 4, -36], [-10 + 3, -48], [-10 + 3, -48], [-1 + 3, -50], [-1 + 3, -47], [-7 + 6, -58], [-3 + 3, -51], [1, -51], [4 + 3, -62] ]; break; } for (var i in headPoints) { headPoints[i][0] = lerp(headPoints[i][0], headPoints2[i][0], 0.1); headPoints[i][1] = lerp(headPoints[i][1], headPoints2[i][1], 0.1); } beginShape(); vertex(headPoints[0][0], headPoints[0][1]); bezierVertex(17 + 3, -10, 12 + 3, -28, headPoints[1][0], headPoints[1][1]); bezierVertex(8 + 3, -28, 6 + 3, -29, headPoints[2][0], headPoints[2][1]); bezierVertex(7 + 3, -24, 5 + 3, -34, headPoints[3][0], headPoints[3][1]); bezierVertex(-1 + 3, -40, -1 + 3, -34, headPoints[4][0], headPoints[4][1]); bezierVertex(-9 + 3, -32, -3 + 3, -30, headPoints[5][0], headPoints[5][1]); bezierVertex(headPoints[9][0], headPoints[9][1], headPoints[10][0], headPoints[10][1], headPoints[8][0], headPoints[8][1]); bezierVertex(-11 + 3, -36, -14 + 3, -21, headPoints[6][0], headPoints[6][1]); bezierVertex(-23 + 3, -22, -12 + 3, 3, headPoints[7][0], headPoints[7][1]); endShape(); beginShape(); vertex(headPoints[11][0], headPoints[11][1]); bezierVertex(headPoints[12][0], headPoints[12][1], headPoints[13][0], headPoints[13][1], headPoints[14][0], headPoints[14][1]); bezierVertex(headPoints[15][0], headPoints[15][1], headPoints[16][0], headPoints[16][1], headPoints[11][0], headPoints[11][1]); endShape(); stroke(0); strokeWeight(1); fill(252, 206, 47); beginShape(); vertex(-10 + 3, -16); bezierVertex(0 + 3, -12, -2 + 3, -30, -11 + 3, -21); bezierVertex(-12 + 3, -17, -12 + 3, -18, -10 + 3, -16); endShape(CLOSE); beginShape(); vertex(5 + 3, -17); bezierVertex(-3 + 3, -12, 0 + 3, -24, 5 + 3, -20); endShape(CLOSE); point(3 + 2, -19); noFill(); strokeWeight(1.5); point(-7 + 3, -19); bezier(-8 + 3, -11, -4 + 3, -6, 4 + 3, -11, 1 + 3, -9); break; case 1: pushMatrix(); translate(0, -6); beginShape(); vertex(16, 0); bezierVertex(17 + 3, -10, 12 + 3, -26, 2, -26); bezierVertex(-29 + 9, -29, -20 + 3, -3, -14 + 3, 11); bezierVertex(-17 + 9, -16, -11 + 2, 0, -10 + 3, -1); bezierVertex(-9 + 3, -8, -11 + 3, 1, -3 + 3, -1); bezierVertex(7 + 3, 0, -2 + 8, -8, 11, 3); bezierVertex(13, -11, 16, -2, 16, 7); endShape(); stroke(0); strokeWeight(1); fill(252, 206, 47); beginShape(); vertex(-10 + 3, -19); bezierVertex(0 + 3, -18, -2 + 3, -30, -11 + 3, -23); bezierVertex(-12 + 3, -17, -12 + 3, -21, -10 + 3, -20); endShape(CLOSE); beginShape(); vertex(5 + 3, -21); bezierVertex(-3 + 3, -15, 0 + 3, -28, 5 + 3, -23); endShape(CLOSE); point(3 + 2, -22); noFill(); strokeWeight(1.5); point(-7 + 3, -22); bezier(-8 + 3, -11 - 3, -4 + 3, -6 - 3, 4 + 3, -11 - 3, 1 + 3, -9 - 3); popMatrix(); break; case 2: beginShape(); vertex(4 + 3, -4); bezierVertex(20 + 3, -11, 12 + 3, -28, 8 + 3, -33); bezierVertex(8 + 3, -28, 6 + 3, -29, -4 + 3, -16); bezierVertex(7 + 3, -24, 5 + 3, -34, 0 + 3, -36); bezierVertex(-1 + 3, -40, -1 + 3, -34, -5 + 3, -25); bezierVertex(-4 + 3, -32, -12 + 7, -26, -7 + 3, -44); bezierVertex(-11 + 3, -36, -14 + 3, -21, -17 + 3, -29); bezierVertex(-24 + 3, -13, -12 + 3, 3, 4 + 3, -4); endShape(); stroke(0); strokeWeight(1); fill(252, 206, 47); beginShape(); vertex(-11 + 3, -7); bezierVertex(1 + 3, -4, -2 + 3, -15, -11 + 3, -10); endShape(CLOSE); beginShape(); vertex(5 + 3, -7); bezierVertex(-3 + 3, -5, 0 + 3, -13, 5 + 3, -10); endShape(CLOSE); point(3 + 2, -9); noFill(); strokeWeight(1.5); point(-7 + 4, -8); bezier(-8 + 3, -12 + 6, -4 + 3, -7 + 6, 4 + 3, -11 + 6, 1 + 3, -9 + 7); break; } if (f === 3 \|\| f === 4) { switch (f2) { case 0: headPoints2 = [ [4 + 3, -6], [8 + 3, -36], [-2 + 3, -24], [1 + 3, -42], [-7 + 3, -30], [-12 + 4, -43], [-16 + 3, -30], [4 + 3, -6], [-12 + 4, -43], [-9 + 3, -32], [-3 + 3, -30], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0] ]; break; case 1: headPoints2 = [ [4 + 3, -6], [9 + 3, -34], [-2 + 3, -24], [0 + 3, -44], [-6 + 3, -29], [-10 + 4, -41], [-17 + 3, -33], [4 + 3, -6], [-10 + 4, -41], [-9 + 3, -32], [-3 + 3, -30], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0] ]; break; case 2: headPoints2 = [ [4 + 3, -6], [9 + 3, -36], [-2 + 3, -28], [0 + 3, -45], [-7 + 3, -30], [-8 + 4, -40], [-17 + 3, -35], [4 + 3, -6], [-8 + 4, -40], [-9 + 3, -32], [-3 + 3, -30], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0] ]; break; case 3: headPoints2 = [ [4 + 3, -6], [9 + 3, -36], [-2 + 3, -28], [-1 + 3, -45], [-7 + 3, -30], [-8 + 4, -40], [-19 + 3, -35], [4 + 3, -6], [-12 + 4, -36], [-12 + 3, -32], [-4 + 3, -29], [0 + 3, -40], [-1 + 3, -44], [-7 + 6, -47], [-3 + 3, -49], [1, -46], [-5 + 3, -59] ]; break; case 4: headPoints2 = [ [4 + 3, -6], [8 + 3, -35], [-2 + 3, -30], [-1 + 3, -45], [-3 + 3, -33], [-8 + 4, -40], [-18 + 3, -34], [4 + 3, -6], [-12 + 4, -36], [-15 + 3, -48], [-11 + 3, -44], [-1 + 3, -49], [-1 + 3, -44], [-7 + 6, -53], [-3 + 3, -53], [1, -51], [-5 + 3, -62] ]; break; case 5: headPoints2 = [ [4 + 3, -6], [8 + 3, -35], [0 + 3, -33], [-1 + 3, -42], [-4 + 3, -32], [-8 + 4, -40], [-19 + 3, -33], [4 + 3, -6], [-12 + 4, -36], [-10 + 3, -48], [-10 + 3, -48], [-1 + 3, -50], [-1 + 3, -47], [-7 + 6, -58], [-3 + 3, -51], [1, -51], [4 + 3, -62] ]; break; } for (var i in headPoints) { headPoints[i][0] = lerp(headPoints[i][0], headPoints2[i][0], 0.1); headPoints[i][1] = lerp(headPoints[i][1], headPoints2[i][1], 0.1); } pushMatrix(); rotate(r); if (f === 4) { scale(-1, 1); translate(4, 0); } pushMatrix(); translate(13, -12); rotate(-69); beginShape(); vertex(headPoints[0][0], headPoints[0][1]); bezierVertex(15 + 3, -16, 17 + -7, -35, headPoints[1][0], headPoints[1][1]); bezierVertex(8 + 3, -28, 6 + 3, -29, headPoints[2][0], headPoints[2][1]); bezierVertex(7 + 3, -24, 5 + 3, -34, headPoints[3][0], headPoints[3][1]); bezierVertex(-1 + 3, -40, -1 + 3, -34, headPoints[4][0], headPoints[4][1]); bezierVertex(-9 + 3, -32, -3 + 3, -30, headPoints[5][0], headPoints[5][1]); bezierVertex(headPoints[9][0], headPoints[9][1], headPoints[10][0], headPoints[10][1], headPoints[8][0], headPoints[8][1]); bezierVertex(-11 + 3, -36, -14 + 3, -21, headPoints[6][0], headPoints[6][1]); bezierVertex(-23 + 3, -60, -23 + 3, 6, headPoints[7][0], headPoints[7][1]); endShape(); beginShape(); vertex(headPoints[11][0], headPoints[11][1]); bezierVertex(headPoints[12][0], headPoints[12][1], headPoints[13][0], headPoints[13][1], headPoints[14][0], headPoints[14][1]); bezierVertex(headPoints[15][0], headPoints[15][1], headPoints[16][0], headPoints[16][1], headPoints[11][0], headPoints[11][1]); endShape(); popMatrix(); stroke(0); strokeWeight(1); fill(252, 206, 47); beginShape(); vertex(-10 + 8, -16); bezierVertex(5 + 8, -12, -2 + 8, -30, -11 + 8, -21); bezierVertex(-12 + 8, -17, -12 + 8, -18, -10 + 8, -16); endShape(CLOSE); noFill(); strokeWeight(1.5); point(-5 + 8, -19); bezier(-8 + 3, -14, -6 + 3, -10, -5 + 3, -9, -3 + 3, -9); popMatrix(); } }; var waterPoints = [ [-6, -8, 5, 0.5, -30, -8], [-7, -16, 2, 1, -30, -6], [3, -11, 7, 0.3, -30, -6], [10, -21, 3, 0.75, -30, -9] ]; var hairPoints = [ [-43, -27], [-26, -23], [-26, -44], [-20, -13] ]; var waterHead = function(f, f2, s, r) { if (!s) { noStroke(); fill(31, 181, 251); } else { stroke(0); strokeWeight(4); } switch (f) { case 0: bezier(-13, -4, 13, -14, -15, -35, -15, -2); strokeWeight(1.5); stroke(0); beginShape(); vertex(4 + 3, -4); bezierVertex(17 + 3, -11, 16 + 3, -28, 8 + 4, -33); bezierVertex(2 + 3, -41, -14 + 3, -38, -17 + 2, -29); bezierVertex(-25 + 3, -13, -10 + 3, 3, 4 + 3, -4); endShape(); noStroke(); fill(255, 255, 255, 60); for (var i in waterPoints) { ellipse(waterPoints[i][0], waterPoints[i][1], waterPoints[i][2], waterPoints[i][2]); waterPoints[i][1] -= waterPoints[i][3]; if (waterPoints[i][1] < waterPoints[i][4]) { waterPoints[i][1] = waterPoints[i][5]; } } stroke(0); strokeWeight(1); fill(127, 250, 251); beginShape(); vertex(-11, -16); bezierVertex(-16, -24, 0, -31, -3, -16); bezierVertex(-7, -17, -1, -17, -11, -16); endShape(CLOSE); beginShape(); vertex(3, -17); bezierVertex(-1, -24, 13, -31, 10, -16); bezierVertex(10, -17, 7, -18, 3, -17); endShape(CLOSE); noFill(); strokeWeight(1.5); point(-7, -20); point(7, -20); bezier(6, -11, 5, -7, -4, -8, -4, -8); fill(31, 181, 251); beginShape(); vertex(1, -48); bezierVertex(-4, -50, -14, -45, -10, -36); vertex(6, -36); bezierVertex(13, -46, 1, -47, 1, -49); endShape(); bezier(-4, -37, 13, -37, -9, -35, -5, -42); bezier(-4, -37, 13, -37, -9, -35, 1, -42); beginShape(); vertex(-4, -37); bezierVertex(-4, -30, -14, -25, -20, -28); bezierVertex(-16, -40, -6, -39, -4, -37); endShape(); beginShape(); vertex(-4, -37); bezierVertex(1, -20, 24, -29, 22, -27); bezierVertex(18, -23, 18, -45, -4, -37); endShape(); break; case 1: strokeWeight(1.5); stroke(0); beginShape(); vertex(4 + 3, -4); bezierVertex(17 + 3, -11, 16 + 3, -28, 8 + 4, -33); bezierVertex(2 + 3, -41, -14 + 3, -38, -17 + 2, -29); bezierVertex(-25 + 3, -13, -10 + 3, 3, 4 + 3, -4); endShape(); noStroke(); fill(255, 255, 255, 60); for (var i in waterPoints) { ellipse(waterPoints[i][0], waterPoints[i][1], waterPoints[i][2], waterPoints[i][2]); waterPoints[i][1] -= waterPoints[i][3]; if (waterPoints[i][1] < waterPoints[i][4]) { waterPoints[i][1] = waterPoints[i][5]; } } stroke(0); strokeWeight(1); fill(127, 250, 251); beginShape(); vertex(-11, -20); bezierVertex(-14, -27, -2, -34, -3, -20); bezierVertex(-7, -17, -2, -23, -11, -20); endShape(CLOSE); beginShape(); vertex(3, -20); bezierVertex(1, -26, 7, -31, 10, -23); bezierVertex(10, -17, 7, -24, 3, -20); endShape(CLOSE); noFill(); strokeWeight(1.5); point(-7, -24); point(6, -24); bezier(6, -17, 5, -12, -4, -11, -4, -13); fill(31, 181, 251); beginShape(); vertex(-4, -37); bezierVertex(-4, -30, -14, -31, -20, -32); bezierVertex(-16, -40, -6, -39, -4, -37); endShape(); beginShape(); vertex(-4, -37); bezierVertex(1, -25, 13, -37, 22, -27); bezierVertex(18, -30, 18, -47, -4, -37); endShape(); fill(26, 160, 222); beginShape(); vertex(-9, 0); vertex(-6, -8); bezierVertex(-9, -10, -1, -3, 6, -8); vertex(10, -2); endShape(); break; case 2: strokeWeight(1.5); stroke(0); beginShape(); vertex(4 + 3, -5 + 2); bezierVertex(17 + 3, -11 + 2, 16 + 3, -28 + 2, 8 + 4, -33 + 2); bezierVertex(2 + 3, -41 + 2, -14 + 3, -38 + 2, -17 + 2, -29 + 2); bezierVertex(-24 + 3, -13 + 2, -10 + 3, 1 + 2, 4 + 3, -5 + 2); endShape(); noStroke(); fill(255, 255, 255, 60); for (var i in waterPoints) { ellipse(waterPoints[i][0], waterPoints[i][1], waterPoints[i][2], waterPoints[i][2]); waterPoints[i][1] -= waterPoints[i][3]; if (waterPoints[i][1] < waterPoints[i][4]) { waterPoints[i][1] = waterPoints[i][5]; } } stroke(0); strokeWeight(1); fill(127, 250, 251); beginShape(); vertex(-11, -13); bezierVertex(-13, -19, -2, -28, -3, -13); bezierVertex(-7, -15, -10, -11, -11, -13); endShape(CLOSE); beginShape(); vertex(3, -13); bezierVertex(-1, -19, 13, -27, 10, -12); bezierVertex(10, -16, 1, -13, 3, -13); endShape(CLOSE); noFill(); strokeWeight(1.5); point(-7, -16); point(7, -16); bezier(8, -10, 6, -7, 0, -5, -1, -6); fill(31, 181, 251); beginShape(); vertex(-4, -37); bezierVertex(17, -54, 7, -55, -1, -77); bezierVertex(-1, -65, -15, -54, -4, -37); endShape(); beginShape(); vertex(-4, -37); bezierVertex(-4, -29, -14, -20, -20, -28); bezierVertex(-16, -40, -6, -39, -4, -37); endShape(); beginShape(); vertex(-4, -37); bezierVertex(-1, -16, 11, -29, 22, -27); bezierVertex(21, -26, 18, -45, -4, -37); endShape(); break; } if (f === 3 \|\| f === 4) { pushMatrix(); rotate(r); if (f === 4) { scale(-1, 1); } strokeWeight(1.5); stroke(0); beginShape(); vertex(4 + 3, -4); bezierVertex(17 + 3, -11, 16 + 3, -24, 8 + 4, -30); bezierVertex(2 + 3, -35, -14 + 3, -38, -17 + 2, -20); bezierVertex(-16 + 3, -37, -25 + 3, 1, 4 + 3, -4); endShape(); noStroke(); fill(255, 255, 255, 60); for (var i in waterPoints) { ellipse(waterPoints[i][0], waterPoints[i][1], waterPoints[i][2], waterPoints[i][2]); waterPoints[i][1] -= waterPoints[i][3]; if (waterPoints[i][1] < waterPoints[i][4]) { waterPoints[i][1] = waterPoints[i][5]; } } stroke(0); fill(127, 250, 251); beginShape(); vertex(3, -18); bezierVertex(2, -24, 16, -29, 10, -16); bezierVertex(5, -18, 7, -18, 3, -18); endShape(CLOSE); noFill(); strokeWeight(1.5); point(9, -20); bezier(3, -11, 7, -7, 13, -9, 9, -7); fill(31, 181, 251); beginShape(); vertex(hairPoints[0][0], hairPoints[0][1]); bezierVertex(hairPoints[3][1], hairPoints[3][0], -26, -25, -6, -32); bezierVertex(hairPoints[2][0], hairPoints[2][1], hairPoints[1][0], hairPoints[1][1], hairPoints[0][0], hairPoints[0][1]); endShape(); hairPoints[0][1] = -27 + sin(frameCount 10) * 5; hairPoints[1][1] = -27 + cos(frameCount * 10) * 5; hairPoints[2][1] = -44 + cos(frameCount * 10) * 2; hairPoints[3][1] = -13 + sin(frameCount * 10) * 7; beginShape(); vertex(10, -33); bezierVertex(6, -19, -7, -25, -19, -18); bezierVertex(-13, -35, -2, -40, 10, -33); endShape(); beginShape(); vertex(10, -33); bezierVertex(6, -24, 14, -23, 23, -24); bezierVertex(17, -30, 20, -36, 10, -33); endShape(); popMatrix(); } }; var frame1 = 0; var frame12 = false; var frame2 = 2; var dir1 = 1; var dir2 = 0; var diamond = function(c1, c2, c3, c4) { noStroke(); fill(c1, 10); for (var i = 40; i > 0; i -= 5) { ellipse(0, -1, i, i); } stroke(0, 100); strokeWeight(1); fill(c1); beginShape(); vertex(-8, -8); vertex(8, -8); vertex(10, -4); vertex(0, 8); vertex(-10, -4); endShape(CLOSE); fill(c2); beginShape(); vertex(1, -8); vertex(8, -8); vertex(10, -4); vertex(0, 8); vertex(4, -4); endShape(CLOSE); fill(c3); beginShape(); vertex(-8, -8); vertex(2, -8); vertex(1, -6); vertex(-4, -4); vertex(0, 8); vertex(-10, -4); endShape(CLOSE); fill(c4); beginShape(); vertex(-6, -5); vertex(-5, 0); vertex(-8, -5); vertex(-7, -7); vertex(-4, -6); endShape(); }; var door = function(c, s, d, bool) { scale(1.1); if (s) { strokeWeight(5); stroke(0); } else { noStroke(); } fill(114, 104, 55); rect(0, -21, 52, 61); fill(117, 108, 57); rect(0, -50, 52, 2); strokeWeight(2); stroke(0); fill(0, 0, 0); rect(0, -16, 36, 54); noStroke(); rectMode(CORNER); fill(114, 104, 55); rect(-17, -42, 34, d); fill(102, 92, 49); rect(-17, -42, 34, d / 15); rectMode(CENTER); if (c === 0) { pushMatrix(); translate(-3, -9); rotate(45); translate(0, 11); noFill(); for (var i = 5; i < 10; i++) { strokeWeight(i); stroke(251, 13, 27, d / 5); ellipse(0, -9 - 3, 10, 10); line(0, -17, 0, -24); line(0, -25, -4, -22); line(0, -25, 4, -22); } strokeWeight(1.5); stroke(251, 13, 27, d * 5); ellipse(0, -9 - 3, 10, 10); line(0, -17, 0, -24); line(0, -25, -4, -22); line(0, -25, 4, -22); popMatrix(); } else { noFill(); for (var i = 5; i < 10; i++) { strokeWeight(i); stroke(77, 211, 253, d / 5); ellipse(0, -14 - 3, 10, 10); line(0, -11, 0, -2); line(-5, -7, 5, -7); } strokeWeight(1.5); stroke(77, 211, 253, d * 5); ellipse(0, -14 - 3, 10, 10); line(0, -11, 0, -2); line(-5, -7, 5, -7); } if (bool) { fill(43, 43, 43); rect(-17, -42, 34, d / 15); } }; var liquidX = 0; var liquidX2 = 18; var liquidB = function(c, t, s) { if (s) { stroke(0); strokeWeight(4); } else { noStroke(); } fill(c); noStroke(); rect(0, -2, blockSize + 2, 6); switch (t) { case 0: strokeWeight(4); stroke(0); triangle(-9, -10, 0, 7, 4, 3); if (!s) { noStroke(); } slopeBlock(3, 1); fill(0, 0, 0); rect(5, 2, 7, 9); break; case 1: fill(0, 0, 0); rect(0, 2, 36, 9); break; case 2: strokeWeight(4); stroke(0); triangle(9, -10, 0, 7, -4, 3); if (!s) { noStroke(); } slopeBlock(2, 1); fill(0, 0, 0); rect(-5, 2, 9, 9); break; } fill(114, 104, 55); rect(0, 4, 38, 9); fill(101, 92, 48); rect(-8, 4, 1, 9); rect(7, 4, 1, 9); fill(94, 85, 45); rect(8, 4, 1, 9); rect(-9, 4, 1, 9); stroke(0); strokeWeight(2); if (s) { line(0, 10, blockSize, 10); } }; var slider = function(t, s, c) { if (s) { stroke(0); strokeWeight(4); } else { noStroke(); } switch (t) { case 0: fill(160); rect(0, 0, 17, 16); fill(0); rect(2, 0, 14, 12); fill(c, 200); rect(3, 0, 14, 10); fill(c); rect(4, 0, 14, 8); break; case 1: fill(160); rect(0, 0, 18, 16); fill(0); rect(0, 0, 18, 12); fill(c, 200); rect(0, 0, 18, 10); fill(c); rect(0, 0, 18, 8); break; case 2: fill(160); rect(-1, 0, 17, 16); fill(0); rect(-3, 0, 15, 12); fill(c, 200); rect(-3, 0, 14, 10); fill(c); rect(-4, 0, 14, 8); break; } }; var button = function(col) { strokeWeight(4); stroke(0); quad(-6, 0, 6, 0, 9, 9, -9, 9); noStroke(); fill(252, 180, 85); quad(-6, 0, 6, 0, 9, 9, -9, 9); fill(240, 192, 65); quad(-6, 4, 6, 4, 9, 9, -9, 9); stroke(0); strokeWeight(3); quad(-3, 2, 3, 2, 4, -2, -4, -2); noStroke(); fill(col); quad(-3, 2, 3, 2, 4, -2, -4, -2); fill(col, 10); quad(-3, 2, 3, 0, 4, -2, -4, -2); }; var lever = function(r, s, col) { if (s) { strokeWeight(2); stroke(0); } else { noStroke(); fill(0, 0, 0, 50); beginShape(); vertex(-17, 19); vertex(-23, 3); vertex(23, 3); vertex(17, 19); endShape(CLOSE); } fill(222, 177, 40); pushMatrix(); translate(0, 9); rotate(r); rect(0, -10, 4, 19); ellipse(0, -21, 10, 10); fill(0, 0, 0); ellipse(0, -21, 7, 7); fill(181, 181, 37); ellipse(0, -21, 5, 5); fill(196, 196, 63); ellipse(0, -20, 2, 2); stroke(0); noFill(); strokeWeight(1); arc(0, -20, 10, 10, 101, 154); popMatrix(); strokeWeight(s ? 3 : 2); fill(222, 177, 40); beginShape(); vertex(-14, 16); vertex(-18, 5); vertex(-7, 5); vertex(-5, 7); vertex(5, 7); vertex(7, 5); vertex(18, 5); vertex(14, 16); endShape(CLOSE); strokeWeight(1); fill(181, 181, 37); if (r !== 31) { fill(col); } quad(-10, 13, 10, 13, 7, 10, -7, 10); }; //} //Collisions <----{ function intersection(x1, y1, x2, y2, x3, y3, x4, y4) { /***\ Credit to Chris Hallberg from the Github Wiki. (Converted from p5.js to Processing.js) * https://github.com/processing/processing/wiki/Line-Collision-Detection \***/ // calculate the distance to intersection point var uA = ((x4 - x3) (y1 - y3) - (y4 - y3) * (x1 - x3)) / ((y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1)); var uB = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / ((y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1)); // if uA and uB are between 0-1, lines are colliding if (uA >= 0 && uA <= 1 && uB >= 0 && uB <= 1) { return new PVector(x1 + (uA * (x2 - x1)), y1 + (uA * (y2 - y1))); } return null; } function collide(x, y, w, h, cx, cy) { var cw = arguments[6] \|\| blockSize, ch = arguments[7] \|\| blockSize; return x + w / 2 > cx && x - w / 2 < cx + cw && y + h / 2 > cy && y - h / 2 < cy + ch; } //} //Input Handling <----{ var keys = {}; keyPressed = function() { keys[key.toString()] = true; keys[keyCode] = true; }; keyReleased = function() { keys[key.toString()] = false; keys[keyCode] = false; }; //} //Player Object <----{ var Player = function(gender) { this.type = gender; this.x = 0; this.y = 0; this.vx = 0; this.vy = 0; this.mass = 10; this.maxv = 5; this.acc = 1; this.slow = 1.5; //friction? this.gravity = 0.2; this.termV = 5; this.spawn = new PVector(0, 0); this.push = { RIGHT: false, LEFT: false, UP: false, DOWN: false, }; this.w = 7.5; this.h = 30; this.jumping = false; this.jT = 0; this.canJump = true; this.bDir = 0; this.hDir = 0; this.headR = 0; }; Player.prototype.display = function() { pushMatrix(); translate(this.x, this.y); translate(0, 4); scale(0.55); if (this.type === 'm') { body(this.bDir, frame1, true); body(this.bDir, frame1, false, color(204, 8, 20)); fireHead(this.hDir, frame2, true, this.headR); fireHead(this.hDir, frame2, false, this.headR); } else { body(this.bDir, frame1, true); body(this.bDir, frame1, false, color(26, 160, 222)); waterHead(this.hDir, frame2, true, this.headR); waterHead(this.hDir, frame2, false, this.headR); } popMatrix(); }; Player.prototype.move = function() { this.bDir = 0; this.hDir = 0; if (this.type === 'f') { if (abs(this.vx) < this.maxv) { if (keys.a \|\| this.push.LEFT) { this.vx -= this.acc; this.bDir = 1; this.hDir = 4; } if (keys.d \|\| this.push.RIGHT) { this.vx += this.acc; this.bDir = 1; this.hDir = 3; } } if (keys.w && this.canJump && !this.jumping) { this.jumping = true; } if (!keys.a && !keys.d) { if (this.vy < 0) { this.hDir = 1; this.bDir = 0; } else if (!this.canJump) { this.hDir = 2; this.bDir = 0; } } else { this.headR = keys.a ? lerp(this.headR, -this.vy * 10, 0.25) : lerp(this.headR, this.vy * 10, 0.25); } } else { if (abs(this.vx) < this.maxv) { if (keys[LEFT] \|\| this.push.LEFT) { this.vx -= this.acc; this.bDir = 1; this.hDir = 4; } if (keys[RIGHT] \|\| this.push.RIGHT) { this.vx += this.acc; this.bDir = 1; this.hDir = 3; } } if (keys[UP] && this.canJump && !this.jumping) { this.jumping = true; this.py = this.y; } if (!keys[LEFT] && !keys[RIGHT]) { if (this.vy < 0) { this.hDir = 1; this.bDir = 0; } else if (!this.canJump) { this.hDir = 2; this.bDir = 0; } } else { this.headR = keys[LEFT] ? lerp(this.headR, -this.vy * 10, 0.25) : lerp(this.headR, this.vy * 10, 0.25); } } this.vy = constrain(this.vy, -this.termV, this.termV); this.vy += this.gravity; if (this.jumping) { this.canJump = false; this.jT += 1; this.vy -= 1; if (this.jT > 4) { //five blocks this.jumping = false; this.jT = 0; } } else { this.jT = 0; } }; Player.prototype.update = function() { this.x += this.vx; this.y += this.vy; var b = !(this.push.RIGHT \|\| this.push.LEFT) && (this.vx < this.maxv \|\| (!keys.a \|\| !keys.d \|\| !keys[RIGHT] \|\| !keys[LEFT])) ? this.slow : 1; this.vx /= b; }; Player.prototype.collide = function(that) { if (that.type === '0' \|\| that.type === 'r' \|\| that.type === 'g' \|\| that.type === 'b' \|\| that.type === 'w' \|\| that.type === 'X' \|\| that.type === '=' \|\| that.type === '[' \|\| that.type === ']') { //block collisions if (collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y)) { var UP = (abs((this.y + this.h / 2) - that.y)) /* : Infinity/ ; var DOWN = abs((this.y - this.h / 2) - (that.y + blockSize)); var LEFT = abs((this.x + this.w / 2) - that.x); var RIGHT = abs((this.x - this.w / 2) - (that.x + blockSize)); var minx = min(LEFT, RIGHT); var miny = min(UP, DOWN); if (minx <= miny) { if (LEFT < RIGHT) { this.x = that.x - this.w / 2; } else { this.x = that.x + blockSize + this.w / 2; } } else { if (UP < DOWN) { this.y = that.y - this.h / 2; this.vx /= that.friction; this.vy = 0; this.canJump = true; } else { this.y = that.y + blockSize + this.h / 2; this.vx /= that.friction; this.vy = 0; this.canJump = false; } } } } else if (that.type === 'M' \|\| that.type === 'F') { if (collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y) && this.type === that.type.toLowerCase()) { that.open = true; } } else if (that.type === 'e' \|\| that.type === 'o' \|\| that.type === 'c') { if (collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y) && this.type === that.type.toLowerCase() && !that.taken) { that.taken = true; switch (that.type) { case 'e': crystals[0]++; break; case 'o': crystals[1]++; break; case 'c': crystals[2]++; break; } } } else if (that.type === '%' \|\| that.type === '.') { var h = map(that.timer, 0, blockSize 2, 0, blockSize / 2); var bool = that.type === '%' ? collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y + blockSize / 1.5, blockSize, blockSize / 4) : collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y + (blockSize - h), blockSize, h); if (bool) { var bh = that.type === '%' ? blockSize / 1.5 : blockSize - h; var UP = abs((this.y + this.h / 2) - (that.y + bh)); var DOWN = abs((this.y - this.h / 2) - (that.y + blockSize)); var LEFT = abs((this.x + this.w / 2) - that.x); var RIGHT = abs((this.x - this.w / 2) - (that.x + blockSize)); var minx = min(LEFT, RIGHT); var miny = min(UP, DOWN); if (minx <= miny) { if (LEFT < RIGHT) { this.x = that.x - this.w / 2; } else { this.x = that.x + blockSize + this.w / 2; } } else { if (UP < DOWN) { if (round(this.vy) !== 0 && that.type === '%') { that.rT = -that.rT; that.boolean = !that.boolean; } this.y = (that.y + bh) - this.h / 2; this.vy /= that.friction; this.vx /= that.friction; this.vy = 0; this.canJump = true; if ((this.type === 'f' && that.type === '&' \|\| this.type === 'm' && that.type === '$') \|\| that.type === '~') { this.reset(); } } else { this.y = that.y + blockSize + this.h / 2; this.vx /= that.friction; this.vy = 0; this.canJump = false; } } if (that.type === '.') { that.colliding = true; if (that.timer > 0) { that.timer -= 10; } } } } else if (that.type === '~' \|\| that.type === '$' \|\| that.type === '&' \|\| that.type === '_') { //slab collisions if (collide(round(this.x + this.vx), round(this.y + this.vy), this.w, this.h, that.x, that.y + blockSize / 2, blockSize, blockSize / 2)) { var UP = abs((this.y + this.h / 2) - (that.y + blockSize / 2)); var DOWN = abs((this.y - this.h / 2) - (that.y + blockSize)); var LEFT = abs((this.x + this.w / 2) - that.x); var RIGHT = abs((this.x - this.w / 2) - (that.x + blockSize)); var minx = min(LEFT, RIGHT); var miny = min(UP, DOWN); if (minx <= miny) { if (LEFT < RIGHT) { this.x = that.x - this.w / 2; } else { this.x = that.x + blockSize + this.w / 2; } } else { if (UP < DOWN) { this.y = (that.y + blockSize / 2) - this.h / 2; this.vy /= that.friction; this.vx /= that.friction; this.vy = 0; this.canJump = true; if ((this.type === 'f' && that.type === '&' \|\| this.type === 'm' && that.type === '$') \|\| that.type === '~') { this.reset(); } } else { this.y = that.y + blockSize + this.h / 2; this.vx /= that.friction; this.vy = 0; this.canJump = false; } } } } else if (that.type === '>' \|\| that.type === '<') { //modified slab var bottom = intersection(this.x, this.y, this.x, this.y - this.h / 2, that.x, that.y + blockSize, that.x + blockSize, that.y + blockSize); var top = (that.type === '>' ? 1 : -1) ? intersection(this.x, this.y, this.x, this.y + this.h / 2, that.x + blockSize, that.y + blockSize / 2, that.x + blockSize / 2, that.y + blockSize) : intersection(this.x, this.y, this.x, this.y + this.h / 2, that.x + blockSize, that.y + blockSize / 2, that.x + blockSize / 2, that.y + blockSize); var left = (that.type === '>' ? 1 : -1) ? intersection(this.x, this.y, this.x + this.w / 2, this.y, that.x, that.y, that.x, that.y + blockSize) : intersection(this.x, this.y, this.x + this.w / 2, this.y, that.x, that.y + blockSize / 2, that.x, that.y + blockSize); var right = (that.type === '>' ? 1 : -1) ? intersection(this.x, this.y, this.x - this.w / 2, this.y, that.x + blockSize, that.y + blockSize / 2, that.x + blockSize, that.y + blockSize) : intersection(this.x, this.y, this.x - this.w / 2, this.y, that.x + blockSize, that.y + blockSize, that.x + blockSize, that.y); var hypoint = (that.type === '>' ? 1 : -1) ? intersection(this.x, this.y, this.x - this.w / 2, this.y + this.h / 2, that.x + blockSize / 2, that.y + blockSize, that.x, that.y) : intersection(this.x, this.y, this.x + this.w / 2, this.y + this.h / 2, that.x + blockSize / 2, that.y + blockSize / 2, that.x + blockSize, that.y); if (hypoint) { this.x = that.type === '>' ? hypoint.x + this.w / 2 : (hypoint.x + this.w / 2) - this.w / 2; this.y = hypoint.y - this.h / 2; this.vx /= that.friction; this.vy /= that.friction; this.canJump = true; } else if (right) { this.x = that.x - this.w / 2; } else if (left) { this.x = that.x + blockSize + this.w / 2; } else if (top) { this.y = (that.y + blockSize / 2) - this.h / 2; this.vx /= that.friction; this.vy = 0; this.canJump = true; if ((this.type === 'f' && that.type === '&' \|\| this.type === 'm' && that.type === '$') \|\| that.type === '~') { this.reset(); } } else if (bottom) { this.y = that.y + blockSize + this.h / 2; this.vx /= that.friction; this.canJump = false; } } else if (that.type === '1' \|\| that.type === '2' \|\| that.type === '3' \|\| that.type === '4') { var canDetect = true; var w = +1, h = -1, w2 = -this.w / 2, h2 = blockSize + this.h / 2, bool = false; var hypoint, side1, side2; switch (that.type) { case '1': hypoint = intersection(that.x, that.y, that.x + blockSize, that.y + blockSize, this.x - this.w / 2, this.y + this.h / 2, this.x, this.y); side1 = intersection(that.x, that.y + blockSize, that.x + blockSize, that.y + blockSize, this.x, this.y - this.h / 2, this.x, this.y); side2 = intersection(that.x, that.y, that.x, that.y + blockSize, this.x + this.w / 2, this.y, this.x, this.y); break; case '2': hypoint = intersection(that.x, that.y + blockSize, that.x + blockSize, that.y, this.x + this.w / 2, this.y + this.h / 2, this.x, this.y); side1 = intersection(that.x, that.y + blockSize, that.x + blockSize, that.y + blockSize, this.x, this.y - this.h / 2, this.x, this.y); side2 = intersection(that.x + blockSize, that.y, that.x + blockSize, that.y + blockSize, this.x - this.w / 2, this.y, this.x, this.y); w = -1; h = -1; w2 = +blockSize + this.w / 2; h2 = blockSize + this.h / 2; break; case '3': hypoint = intersection(that.x, that.y, that.x + blockSize, that.y + blockSize, this.x + this.w / 2, this.y - this.h / 2, this.x, this.y); side1 = intersection(that.x, that.y, that.x + blockSize, that.y, this.x, this.y + this.h / 2, this.x, this.y); side2 = intersection(that.x + blockSize, that.y, that.x + blockSize, that.y + blockSize, this.x - this.w / 2, this.y, this.x, this.y); w = -1; h = 1; w2 = +blockSize + this.w / 2; h2 = -this.h / 2; bool = true; break; case '4': hypoint = intersection(that.x, that.y + blockSize, that.x + blockSize, that.y, this.x - this.w / 2, this.y - this.h / 2, this.x, this.y); side1 = intersection(that.x, that.y, that.x + blockSize, that.y, this.x, this.y + this.h / 2, this.x, this.y); side2 = intersection(that.x, that.y, that.x, that.y + blockSize, this.x + this.w / 2, this.y, this.x, this.y); w = 1; h = 1; w2 = -this.w / 2; h2 = -this.h / 2; bool = true; break; default: canDetect = false; break; } if (hypoint && canDetect) { this.x = hypoint.x + ((this.w) / 2 w); this.y = hypoint.y + ((this.h) / 2 * h); this.vx /= that.friction; this.vy = 0; this.jumping = false; this.canJump = !bool; } else if (side1 && canDetect) { this.y = that.y + h2; this.vx /= that.friction; this.canJump = bool; } else if (side2 && canDetect) { this.x = that.x + w2; } } }; Player.prototype.reset = function() { this.x = this.spawn.x; this.y = this.spawn.y; this.vx = 0; this.vy = 0; }; //} //Block Object <----{ var Block = function(type, x, y) { this.type = type; this.x = x blockSize; this.y = y * blockSize; this.py = this.y; this.px = this.x; this.friction = 1.05; this.liquid = arguments[3]; this.open = false; this.timer = this.type === 'F' \|\| this.type === 'M' ? 52 : 52; this.color = arguments[4]; this.boolean = false; this.stop = false; this.collided = false; this.r = 31; this.rT = 31; this.horizontal = arguments[5] \|\| false; }; Block.prototype.shadow = function() { pushMatrix(); translate(this.x + 7, this.y + 7); scale(0.88); switch (this.type) { case '#': rect(0, 8, blockSize * 2, blockSize * 2); break; case '0': regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; case 'X': regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; case 'r': case 'R': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; case 'g': case 'G': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; case 'b': case 'B': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; case 'w': case 'W': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 1); break; /case '=': slider(1, 1, this.color === 'g' ? color(181, 181, 37) : color(162, 27, 165)); break; case '[': slider(0, 1, this.color === 'g' ? color(181, 181, 37) : color(162, 27, 165)); break; case ']': slider(2, 1, this.color === 'g' ? color(181, 181, 37) : color(162, 27, 165)); break; case '.': if (this.timer < blockSize 2 && !this.boolean) { this.timer++; } var h = constrain(map(this.timer, 0, blockSize * 2, 0, blockSize / 2), 1, blockSize / 2); translate(0, (blockSize / 2 - h)); button(color(0)); break;/ case '1': slopeBlock(3, 0, 1); break; case '2': slopeBlock(2, 0, 1); break; case '3': slopeBlock(0, 0, 1); break; case '4': slopeBlock(1, 0, 1); break; case '~': liquidB(color(60, 233, 42), 1, 1); break; case '$': liquidB(color(53, 125, 134), 1, 1); break; case '&': liquidB(color(246, 13, 26), 1, 1); break; case '_': stroke(0, 0, 0); strokeWeight(4); rect(0, 4, 18, 9); break; case '>': slopeBlock(3, 1, 1); break; case '<': slopeBlock(2, 1, 1); break; } strokeWeight(1); popMatrix(); }; Block.prototype.display = function() { this.r = lerp(this.r, this.rT, 0.1); this.colliding = false; if (frameCount % 50 === 0) { this.open = false; } var index = -1; var cindex = -1; if (this.liquid === '~') { index = 0; } else if (this.liquid === '&') { index = 1; } else if (this.liquid === '$') { index = 2; } if (this.color === 'r' \|\| this.color === 'R') { cindex = 0; } else if (this.color === 'g' \|\| this.color === 'G') { cindex = 1; } else if (this.color.toLowerCase() === 'b' \|\| this.color.toLowerCase() === 'B') { cindex = 2; } else if (this.color.toLowerCase() === 'w' \|\| this.color.toLowerCase() === 'W') { cindex = 3; } stroke(97, 97, 97); fill(79, 79, 79); rectMode(CENTER); pushMatrix(); translate(this.x + 7, this.y + 7); scale(0.88); switch (this.type) { case 'o': if (!this.taken) { diamond(color(2, 204, 255), color(0, 165, 206), color(130, 230, 254), color(247, 255, 255)); } break; case 'c': if (!this.taken) { diamond(color(202, 0, 0), color(152, 0, 0), color(255, 0, 0), color(255, 139, 41)); } break; case 'e': if (!this.taken) { diamond(color(0, 201, 30), color(25, 150, 0), color(13, 255, 0), color(43, 255, 50)); } break; case '#': rect(0, 8, blockSize 2, blockSize * 2); break; case '0': regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case 'X': regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case 'r': case 'R': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case 'g': case 'G': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case 'b': case 'B': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case 'w': case 'W': this.color = this.type; regBlock(this.x / blockSize % 2 === 0 ? 1 : 0, 0); break; case '=': slider(1, 0, circuitCol[cindex]); break; case '[': slider(0, 0, circuitCol[cindex]); break; case ']': slider(2, 0, circuitCol[cindex]); break; case '.': if (this.timer < blockSize * 2 && !this.boolean) { this.timer++; } var h = constrain(map(this.timer, 0, blockSize * 2, 0, blockSize / 2), 1, blockSize / 2); translate(0, (blockSize / 2 - h)); button(circuitCol[cindex]); break; case '%': scale(0.8); lever(this.r, 1, circuitCol[cindex]); lever(this.r, undefined, circuitCol[cindex]); break; case '1': slopeBlock(3, 0); break; case '2': slopeBlock(2, 0); break; case '3': slopeBlock(0, 0); break; case '4': slopeBlock(1, 0); break; case 'M': scale(0.6); translate(10, 5); door(0, 1); door(0, 0, this.timer); break; case 'F': scale(0.6); translate(10, 5); door(1, 1); door(1, 0, this.timer); break; case '~': liquidB(liquidCol[0], 1, 0); break; case '$': liquidB(liquidCol[2], 1, 0); break; case '&': liquidB(liquidCol[1], 1, 0); break; case '_': noStroke(); fill(114, 104, 55); rect(0, 4, 18, 9); fill(101, 92, 48); rect(this.x / blockSize % 2 === 0 ? -8 : 7, 4, 1, 9); fill(94, 85, 45); rect(this.x / blockSize % 2 === 0 ? -9 : 8, 4, 1, 9); break; case '>': slopeBlock(3, 1, undefined, index); break; case '<': slopeBlock(2, 1, undefined, index); break; } strokeWeight(1); popMatrix(); rectMode(CENTER); if (this.type === 'M' \|\| this.type === 'F') { if (!this.open) { if (this.timer + 1 < 52) { this.timer++; } } else { if (this.timer - 1 > 0) { } } } }; Block.prototype.affect = function(that) { this.stop = this.boolean === false ? false : this.stop; if ((this.type === 'f' \|\| this.type === 'm') && this.type === that.type) { that.spawn.set(this.x + blockSize / 2, this.y + blockSize / 2); } that.collide(this); }; Block.prototype.clip = function(array) { if (this.type === '=' \|\| this.type === 'F' \|\| this.type === 'M' \|\| this.type === '.' \|\| this.type === '%' \|\| this.type === '[' \|\| this.type === ']' \|\| this.type === 'o' \|\| this.type === 'e' \|\| this.type === 'c') { var stop = false; for (var i = 0; i < stoppers.length; i++) { var obj = array[stoppers[i].index]; if ((stoppers[i].color.toLowerCase() === this.color \|\| stoppers[i].color.toUpperCase() === this.color) && (this.type === '=' \|\| this.type === '[' \|\| this.type === ']')) { if (collide(obj.x + blockSize / 2, obj.y + blockSize / 2, blockSize, blockSize + 1, this.x, this.y)) { stop = true; } } } var colliding = false; var collidingWith; for (var i = 0; i < controls.length; i++) { if ((controls[i].color.toLowerCase() === this.color \|\| controls[i].color.toUpperCase() === this.color) && (this.type === '=' \|\| this.type === '[' \|\| this.type === ']')) { if (stop) { array[controls[i].index].stop = stop; } if (array[controls[i].index].boolean \|\| array[controls[i].index].timer <= 0) { colliding = true; collidingWith = i; } } } if (colliding) { if (!array[controls[collidingWith].index].stop) { if (this.horizontal) { this.x++; } else { this.y++; } } } else { if (this.x > this.px) { this.x--; } if (this.y > this.py) { this.y--; } } if (this.type === '.') { this.boolean = this.colliding; } this.display(); } }; //} //Object Instances <----{ var loadMap = function() { controls = []; doors = []; stoppers = []; blocks = []; fireboy = new Player('m'); watergirl = new Player('f'); mapImage = undefined; shadows = undefined; for (var y = 0; y < bitmap.length; y++) { for (var x = 0; x < bitmap[y].length; x++) { if (bitmap[y][x] === '-') { continue; } //WAHHHHTTTTTTT (p.s. don't try to read this. Even I can't after all this. var liquid = (bitmap[y][x] === '>' \|\| bitmap[y][x] === '<') ? (bitmap[y][x] === '>' ? bitmap[y][x + 1] : bitmap[y][x - 1]) : void(0); var left = (bitmap[y][x] === '%' \|\| bitmap[y][x] === '.' \|\| bitmap[y][x] === 'x' \|\| bitmap[y][x] === 'X' \|\| bitmap[y][x] === '[' \|\| bitmap[y][x] === '=' \|\| bitmap[y][x] === ']') ? ((bitmap[y][constrain(x - 1, 0, bitmap[y].length)].toLowerCase() === 'r' \|\| bitmap[y][constrain(x - 1, 0, bitmap[y].length)].toLowerCase() === 'g' \|\| bitmap[y][constrain(x - 1, 0, bitmap[y].length)].toLowerCase() === 'b' \|\| bitmap[y][constrain(x - 1, 0, bitmap[y].length)].toLowerCase() === 'w') ? bitmap[y][constrain(x - 1, 0, bitmap[y].length)] : undefined) : undefined; var right = (bitmap[y][x] === '%' \|\| bitmap[y][x] === '.' \|\| bitmap[y][x] === 'x' \|\| bitmap[y][x] === 'X' \|\| bitmap[y][x] === '[' \|\| bitmap[y][x] === '=' \|\| bitmap[y][x] === ']') ? ((bitmap[y][constrain(x + 1, 0, bitmap[y].length)].toLowerCase() === 'r' \|\| bitmap[y][constrain(x + 1, 0, bitmap[y].length)].toLowerCase() === 'g' \|\| bitmap[y][constrain(x + 1, 0, bitmap[y].length)].toLowerCase() === 'b' \|\| bitmap[y][constrain(x + 1, 0, bitmap[y].length)].toLowerCase() === 'w') ? bitmap[y][constrain(x + 1, 0, bitmap[y].length)] : undefined) : undefined; var down = (bitmap[y][x] === '%' \|\| bitmap[y][x] === '.' \|\| bitmap[y][x] === 'x' \|\| bitmap[y][x] === 'X' \|\| bitmap[y][x] === '[' \|\| bitmap[y][x] === '=' \|\| bitmap[y][x] === ']') ? ((bitmap[constrain(y + 1, 0, bitmap.length)][x].toLowerCase() === 'r' \|\| bitmap[constrain(y + 1, 0, bitmap.length)][x].toLowerCase() === 'g' \|\| bitmap[constrain(y + 1, 0, bitmap.length)][x].toLowerCase() === 'b' \|\| bitmap[constrain(y + 1, 0, bitmap.length)][x].toLowerCase() === 'w') ? bitmap[constrain(y + 1, 0, bitmap.length)][x] : undefined) : undefined; var shading, horizontal = false; if (left) { shading = left \|\| ''; } else if (right) { shading = right \|\| ''; } else if (down) { shading = down \|\| ''; } else { shading = ''; } if (shading === 'R' \|\| shading === 'G' \|\| shading === 'B' \|\| shading === 'W') { horizontal = true; } if (bitmap[y][x] === '.' \|\| bitmap[y][x] === '%') { controls.push({ color: shading, index: blocks.length, inversed: horizontal }); } if (bitmap[y][x] === 'x' \|\| bitmap[y][x] === 'X') { stoppers.push({ color: shading, index: blocks.length, }); } blocks.push(new Block(bitmap[y][x], x, y, liquid, shading, horizontal)); } } background(1, 1, 1, 0); for (var i = 0; i < blocks.length; i++) { if (blocks[i].type !== '=' && blocks[i].type !== 'x' && blocks[i].type !== '[' && blocks[i].type !== ']' && blocks[i].type !== '.' && blocks[i].type !== '#' && blocks[i].type !== '%' && blocks[i].type !== 'F' && blocks[i].type !== 'M' && blocks[i].type !== 'o' && blocks[i].type !== 'c' && blocks[i].type !== 'e') { blocks[i].display(); } blocks[i].affect(fireboy); blocks[i].affect(watergirl); if (blocks[constrain(i - 1, 0, blocks.length - 1)].color !== '' && blocks[i].color === '') { if (blocks[i].type === '=' \|\| blocks[i].type === '[' \|\| blocks[i].type === ']') { blocks[i].color = blocks[constrain(i - 1, 0, blocks.length - 1)].color; blocks[i].horizontal = blocks[constrain(i - 1, 0, blocks.length - 1)].horizontal; } } doors[blocks[i].type === 'M' ? 0 : (blocks[i].type === 'F') ? 1 : void(0)] = i; } for (var i = blocks.length-1; i > 0; i--) { if (blocks[constrain(i + 1, 0, blocks.length - 1)].color !== '' && blocks[i].color === '') { if (blocks[i].type === '=' \|\| blocks[i].type === '[' \|\| blocks[i].type === ']') { blocks[i].color = blocks[constrain(i + 1, 0, blocks.length - 1)].color; blocks[i].horizontal = blocks[constrain(i + 1, 0, blocks.length - 1)].horizontal; } } } mapImage = get(); //take a picture of all the static items so you only need to draw what you need to. background(1, 1, 1, 0); for (var i = 0; i < blocks.length; i++) { blocks[i].shadow(); } shadows = get(); fireboy.reset(); watergirl.reset(); }; //} //Other Graphics <----{ background(0, 0); strokeWeight(4); stroke(38, 41, 8); for (var i = 0; i < width + 5; i += 100) { for (var j = -8; j < height; j += 50) { pushMatrix(); translate(i, j); fill(43, 46, 13); rect(0, 0, 100, 50); popMatrix(); } } noStroke(); fill(38, 41, 8); for (var i = 0; i < 1500; i++) { rect(random(width), random(height), 1, 16); rect(random(width), random(height), 16, 1); } for (var i = 50; i < width; i += 200) { for (var j = 70; j < height - 50; j += 105) { pushMatrix(); translate(i, j + abs(i - width / 2) / 20); rotate(-5 + i / 50); door(0, 0, 52); translate(100, 0); door(1, 0, 52); popMatrix(); } } noFill(); for (var i = 185; i < height; i += 105) { strokeWeight(10); stroke(0, 0, 0); arc(width / 2, i, 1000, 200, 180, 360); strokeWeight(7); stroke(84, 80, 51); arc(width / 2, i, 1000, 200, 180, 360); } strokeWeight(10); stroke(0, 0, 0); ellipse(width / 2, height, 1000, 200); strokeWeight(7); stroke(84, 80, 51); fill(107, 102, 69); ellipse(width / 2, height, 1000, 200); fill(84, 80, 51); ellipse(101, 467, 30, 10); ellipse(501, 467, 30, 10); var menuImage = get(); background(0, 0); textFont(createFont('impact'), 50); fill(0); for (var i = 0; i < 360; i += 5) { textSize(50); text('Fireboy', 135 + sin(i) * 5, 150 + cos(i) * 5); text('Watergirl', 315 + sin(i) * 5, 150 + cos(i) * 5); textSize(40); text('&', 288 + sin(i) * 5, 150 + cos(i) * 5); text('DEMO', 255 + sin(i) * 7, 196 + cos(i) * 7); textSize(20); } textSize(50); fill(231, 37, 25); text('Fireboy', 135, 150); fill(123, 208, 248); text('Watergirl', 315, 150); textSize(40); fill(249, 229, 101); text('&', 288, 150); text('DEMO', 255, 196); for (var i = 0; i < 50; i++) { textSize(50); fill(249, 229, 101, 5); text('Fireboy', 135 + random(-5, 5), 150 + random(-5, 5)); fill(135, 204, 232, 5); text('Watergirl', 315 + random(-5, 5), 150 + random(-5, 5)); textSize(40); fill(196, 177, 67, 10); text('&', 288 + random(-5, 5), 150 + random(-5, 5)); fill(227, 218, 164, 10); text('DEMO', 255 + random(-5, 5), 196 + random(-5, 5)); } var logoImage = get(); var buttonCollide; var playSize = 30; var playY = 300; var logoY = 600; var logoReached = false; var clicked = false; var blackTrans = 255; var button2 = function(x, y, w, h, t, s) { buttonCollide = mouseX > x - w / 2 && mouseX < x + w / 2 && mouseY > y - h / 2 && mouseY < y + h / 2; textSize(playSize); fill(0, 0, 0); for(var i = 0; i < 360; i += 5) { text(t, x + sin(i) * 5, y + cos(i) * 5); } fill(buttonCollide ? color(249, 229, 101) : color(227, 206, 86)); text(t, x, y); if(buttonCollide) { if(clicked) { scene = s; blackTrans = 255; } playSize = round(lerp(playSize, 60, 0.1)); } else { playSize = lerp(playSize, 30, 0.1); } if(!logoReached) { playSize = 0; } }; var mango = [- 900, 200]; var tachyon = [900, 400]; var mangoTachyonS = 30; var logoTo = false; var mtReached = false; var blackTrans = 255; //} //Drawing Functions <----{ draw = function() { if (keys.y) { scale(1+(1/6),1); translate(-50,0); } switch (scene) { case 'menu': image(menuImage, 0, 0); image(logoImage, 0, logoY); logoY = mtReached ? lerp(logoY, 0, 0.1) : logoY; logoReached = logoY < 1 ? true : logoReached; textSize(mangoTachyonS); for(var i = 0; i < 360; i += 5) { fill(0, 0, 0); text('Mango', mango[0] + sin(i) * 5, mango[1] + cos(i) * 5); text('Tachyon', tachyon[0] + sin(i) * 5, tachyon[1] + cos(i) * 5); } fill(230, 131, 25); text('Mango', mango[0], mango[1]); fill(94, 199, 122); text('Tachyon', tachyon[0], tachyon[1]); mango[0] = logoTo ? lerp(mango[0], 400, 0.1) : lerp(mango[0], width / 2, 0.1); mango[1] = logoTo ? lerp(mango[1], 175, 0.1) : lerp(mango[1], 200, 0.1); tachyon[0] = logoTo ? lerp(tachyon[0], 190, 0.1) : lerp(tachyon[0], width / 2, 0.1); tachyon[1] = logoTo ? lerp(tachyon[1], 175, 0.1) : lerp(tachyon[1], 400, 0.1); mangoTachyonS = logoTo ? lerp(mangoTachyonS, 30, 0.1) : lerp(mangoTachyonS, 70, 0.1); logoTo = mango[0] > width / 2 - 1 ? true : logoTo; mtReached = logoTo && mango[0] > 399 ? true : mtReached; noStroke(); fill(84, 80, 51); ellipse(101, 467, 30, 10); ellipse(501, 467, 30, 10); pushMatrix(); translate(100, 450); body(0, frame1, true); body(0, frame1, false, color(204, 8, 20)); fireHead(0, frame2, true, this.headR); fireHead(0, frame2, false, this.headR); popMatrix(); pushMatrix(); translate(500, 450); body(0, frame1, true); body(0, frame1, false, color(26, 160, 222)); waterHead(0, frame2, true, this.headR); waterHead(0, frame2, false, this.headR); popMatrix(); textAlign(CENTER, CENTER); button2(width / 2, 300, 60, 30, 'Play', 'load'); button2(width / 2, 400, 60, 30, 'Instructions', 'instructions'); break; case 'load': bitmap = levels[level]; loadMap(); scene = 'game'; if (level === levels.length-1) { println("This is just a demo! Want more? Subscribe to Tachyon and Mango to see when we release the official version! There is much more to add, and what you're seeing right now is just a glimpse of what's possible."); } background(0); break; case 'game': background(255, 255, 255); image(backgroundImage, 0, 0); image(shadows,0,0); for (var i = 0; i < blocks.length; i++) { blocks[i].affect(fireboy); blocks[i].affect(watergirl); blocks[i].clip(blocks); } image(mapImage, 0, 0); if (keys.r) { fireboy.reset(); watergirl.reset(); } fireboy.display(); fireboy.move(); fireboy.update(); watergirl.display(); watergirl.move(); watergirl.update(); for (var i = 0; i < blocks.length; i++) { if(blocks[i].type === '%' \|\| blocks[i].type === '$' \|\| blocks[i].type === '~' \|\| blocks[i].type === '&' \|\| blocks[i].type === '<' \|\| blocks[i].type === '>') { blocks[i].display(); } } if (doors.length === 2) { if (blocks[doors[0]].open && blocks[doors[1]].open) { level++; scene = 'load'; blackTrans = 255; } } break; case 'instructions': image(menuImage, 0, 0); noStroke(); fill(84, 80, 51); ellipse(101, 467, 30, 10); ellipse(501, 467, 30, 10); translate(100, 450); body(0, frame1, true); body(0, frame1, false, color(204, 8, 20)); fireHead(0, frame2, true, this.headR); fireHead(0, frame2, false, this.headR); resetMatrix(); translate(500, 450); body(0, frame1, true); body(0, frame1, false, color(26, 160, 222)); waterHead(0, frame2, true, this.headR); waterHead(0, frame2, false, this.headR); resetMatrix(); button2(width / 2, 450, 60, 30, 'Menu', 'menu'); fill(0); for(var i = 0; i < 360; i += 5) { textSize(20); text('Head to the portal doors while solving puzzles along the way! Watch out for lava if you are watergirl, water if you are fireboy. Acid kills both of them! Hold down buttons by standing on them. Hop on levers to turn them on or off. Good Luck!', 25 + sin(i) * 5, cos(i) * 5, width - 50, height); textSize(15); text('Arrow keys to move Fireboy', 125 + sin(i) * 5, 380 + cos(i) * 5); text('WASD to move Watergirl', 500 + sin(i) * 5, 380 + cos(i) * 5); } textSize(20); fill(231, 37, 25); text('Head to the portal doors while solving puzzles along the way! Watch out for lava if you are watergirl, water if you are fireboy. Acid kills both of them! Hold down buttons by standing on them. Hop on levers to turn them on or off. Good Luck!', 25, 0, width - 50, height); textSize(15); fill(249, 229, 101); text('Arrow keys to move Fireboy', 125, 380); text('WASD to move Watergirl', 500, 380); break; } if (frameCount % 5 === 0) { frame1 = frame1 ? false : true; } if (frameCount % 2.5 === 0) { frame2++; } if (frame2 > 5) { frame2 = 0; } fill(0, 0, 0, blackTrans); rect(width / 2, height / 2, width, height); blackTrans -= 5; //thumbnail code - press y if(keys[89]) { filter(BLUR, 1); } clicked = false; resetMatrix(); }; mouseClicked = function() { clicked = true; }; var restarts = (restarts + 1) \|\| 0; //sub page advertisting if (restarts < 1) { println('\nwOW check it out the creators of this game bOTH have sUBPAGES :OOOO you should totally subscribe to them:\n\nhttps://www.khanacademy.org/computer-programming/t/6154983451410432\n\nhttps://www.khanacademy.org/computer-programming/m/4592941919125504'); } //} //©Wetboy & Hotgirl by Mango and Tachyon. 2545 lines of code.
Folds	29,80,81,227,234,246,247,1432,1433,1454,1455,1465,1518,1591,1829,2155,2156,2239,2240,2369,2370,2545
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO2F5fHkCww
Votes	566
Spin-Offs	12
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	{"id":"5147103519784960","title":"Codevember 2020 (Joining Closed)","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Tachyon
Author Name	noyhcaT
Author ID	kaid_968695780196290173118051
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739460159877
Updated	8 months ago, 1744820764257
Source Deleted	unknown