Viewing Program

Program Data

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

Title	NIGHTMARE \| Full Release
ID	6155496759984128
Created	5 years ago, 1568699618376
Updated	4 years ago, 1602053202430
Code	// IMPORTANT!!! /*I'm inactive, sorry guys. I updated the last text so it removes the "real soon" part, haha. I didn't mean to lie or trick you, but a lot of things happened, and I'm also a lazy person./ /* This version is still semi complete, but since college has started, I can't guarantee that I can finish this, so I released whatever I had. Enjoy. I know I told people I'd release it 9/16 and to be fair it's already 17 here where I live, but I didn't mention which time zone (deliberately) I'm going to release in, and I'm sure it's still 16 somewhere in the world. :P / /* CREDIT FOR M. Gh. who made an annoying new project (without even TELLING ME!! O_O) on my account, and who also made some of the levels of the game. M.Gh is off right now unfortunately. Sorry guys :( (<- M wrote that)/ //Story in short: //Andy is a boy just like everybody else. But he has a problem: his mother is blind. One day, while he was arguing with his mother, he became dizzy and fainted, only to find himself alone in a nightmare... Now he has to overcome his fears if he wants to free himself and meet his mother again. //Really, the way the code is written and all the new stuff (setup, this.DUMMY, pjs.externals, etc.) is all KWC's style //but all stupid mistakes I made regarding these belongs to me //KWC's profile: https://www.khanacademy.org/profile/MKaelin368/ //Thanks to KWC for teaching me all this. setup = function(){ //Confirm defenition of "__env__.DUMMY" You can also learn what it means by copy-pasting the link below (make sure you copy the WHOLE link) //https://www.khanacademy.org/computer-programming/peppermint-falls-chalet-gingerbread-house-contest-entry/5061077834006528?qa_expand_key=kaencrypted_ed0f87f9ad677e7e7e436f0471c52e38_ffe390d971484cc9f0aef9f1de25c90eb30cb70852593be409c317166a9d8f5f90a86a774566ca4cfb5a2c84ef7287d09423ec6ec9494e36d7a4321abaa756a083eec39732f562f5dbb3ef1986ba5e83bf5059bdc80eb1c29604d54037cb81d037f02b2f1c8b7711d2145c1bcf56ceb6e793e24826979ad1f989e52f947470f4af1dfcc53b67a80d546cf2823967be78b7b5a83dabaeb5aa688611a0bc46b6975f25b182caaff565232678ba5134da5341c4745fd030cfc84a71abb2fe231816 if (!this.DUMMY) { this.DUMMY = this.draw \|\| function() {}; } this.draw = this.DUMMY; this.setup = this.DUMMY; /main program object/ this.program = null; this.program = {}; var SAVECODE = "Please change line number 587 to your current level. Sorry for any inconvenience"; this.program.main = function(pjs) { pjs.smooth(); /*Math and Degree modes/ var Math = pjs.Math, RAD_TO_DEG = 180 / Math.PI, //change from radians to degrees DEG_TO_RAD = Math.PI / 180, //change from degrees to radians /*MODE Constants/ CORNER = pjs.PConstants.CORNER, CENTER = pjs.PConstants.CENTER, /*Keyboard Constants/ LEFT = pjs.PConstants.LEFT, RIGHT = pjs.PConstants.RIGHT, UP = pjs.PConstants.UP, DOWN = pjs.PConstants.DOWN, /*Width and height/ width = pjs.width, height = pjs.height, /*Execution variables/ funcs = [], //array storing the funtions to be executed /*Main variables/ scene = "load", clicked = false, keys = {}, /*Fonts/ font = createFont("Times New Roman"), italic = createFont("Times New Roman Italic"), boldItalic = createFont("Times New Roman Bold Italic"), /*Transition animation/ trans = { active: false, //is the transition active? out: false, //is it fade in or out? fade: 255, //transperancy next: "", //the next scene func: null, //function to be run during the transition speed: 8 //speed of the animation }, /*Cosine Function/ cos = function(degrees) { return Math.cos(degrees * DEG_TO_RAD); }, /*Sine Function/ sin = function(degrees) { return Math.sin(degrees * DEG_TO_RAD); }, /*Lerp Function/ lerp = function(num1, num2, amount) { return (num2 - num1) * amount + num1; }, /*Constrain a number between two values/ constrain = function(value, min, max) { //return the maximum number if value hits or exceeds the limit if (value >= max) { return max; } else if (value <= min) { return min; } //same thing for the minimum else { return value; } //otherwise do nothing to the value }, /*Return the maximum of two numbers/ max = function(num1, num2) { if (num1 > num2) { return num1; } else { return num2; } }, /*Return the minimum of two numbers/ min = function(num1, num2) { if (num1 < num2) { return num1; } else { return num2; } }, /*Random Function/ //get random number between min inclusive and max exclusive (it basically replaces pjs.random) random = function(min, max) { var ans = pjs.random(min, max); //sadly, there is no easy way to add seed to Math.random so I used pjs.random instead //if somehow the answer is equal to max (or min, if max is somehow less than min), return min instead return (ans === (min < max ? max : min)) ? (min < max ? min : max): ans; }, /*****************Text Function*********************/ //Credit to Berg for this function, which was modified a little bit by me (I just removed the `new RegExp` part) //Profile: https://www.khanacademy.org/profile/Berg0of0Bergs //Credit to KWC for the new upper_case function upper_case = function(char) { return char >= 'A' && char <= 'Z'; }, Letter = function(letter, x, y, thickness) { pjs.noFill(); pjs.strokeWeight(thickness \|\| 3); //draw the letter switch (letter) { case "A": pjs.line(x + 2, 30 + y, x + 15, y); pjs.line(x + 28, 30 + y, x + 15, y); pjs.line(x + 5, 20 + y, x + 25, 20 + y); break; case "B": pjs.line(x + 7, y, x + 5, 30 + y); pjs.arc(x + 10, y + 6, 22, 14, -98, 90); pjs.arc(x + 10, y + 21, 32, 19, -97, 108); break; case "C": pjs.arc(x + 17, y + 15, 30, 29, 49, 308); break; case "D": pjs.line(x + 4, y, x + 4, 30 + y); pjs.arc(x + 10, y + 15, 36, 31, -126, 112); break; case "E": pjs.line(x + 6, y, x + 5, 30 + y); pjs.line(x + 5, 30 + y, x + 24, 30 + y); pjs.line(x + 5, 15 + y, x + 23, 15 + y); pjs.line(x + 6, y, x + 25, y); break; case "F": pjs.line(x + 4, y, x + 4, 30 + y); pjs.line(x + 4, 15 + y, x + 18, 15 + y); pjs.line(x + 4, y, x + 24, y); break; case "G": pjs.arc(x + 17, y + 15, 27, 30, 46, 301); pjs.line(x + 21, 17 + y, x + 27, 17 + y); pjs.line(x + 27, 25 + y, x + 27, 18 + y); break; case "H": pjs.line(x + 4, y, x + 4, 30 + y); pjs.line(x + 3, 15 + y, x + 28, 15 + y); pjs.line(x + 26, y, x + 26, 30 + y); break; case "I": pjs.line(x + 10, y, x + 10, 29 + y); pjs.line(x + 5, y, x + 15, y); pjs.line(x + 5, 30 + y, x + 15, 30 + y); break; case "J": pjs.bezier(x + 18, y, x + 37, 35 + y, x + 5, 38 + y, x + 7, 23 + y); pjs.line(x + 9, y, x + 28, y); break; case "K": pjs.line(x + 7, y, x + 7, 30 + y); pjs.line(x + 24, y, x + 9, 17 + y); pjs.line(x + 27, 30 + y, x + 7, 15 + y); break; case "L": pjs.line(x + 6, y, x + 6, 30 + y); pjs.line(x + 7, 30 + y, x + 26, 30 + y); break; case "M": pjs.line(x + 6, y, x + 3, 30 + y); pjs.line(x + 6, y, x + 15, 20 + y); pjs.line(x + 24, y, x + 15, 20 + y); pjs.line(x + 24, y, x + 27, 30 + y); break; case "N": pjs.line(x + 6, y, x + 6, 30 + y); pjs.line(x + 6, y, x + 24, 30 + y); pjs.line(x + 24, y, x + 24, 30 + y); break; case "O": pjs.ellipse(x + 15, y + 15, 25, 30); break; case "P": pjs.line(x + 6, y, x + 6, 30 + y); pjs.bezier(x + 5, 18 + y, x + 39, 25 + y, x + 35, -12 + y, x + 4, 2 + y); break; case "Q": pjs.ellipse(x + 15, y + 15, 27, 30); pjs.line(x + 18, y + 28, x + 30, 30 + y); break; case "R": pjs.line(x + 6, y, x + 5, 30 + y); pjs.arc(x + 8, y + 8, 38, 19, -98, 97); pjs.line(x + 26, 30 + y, x + 6, 16 + y); break; case "S": pjs.bezier(x + 25, 7 + y, x + 18, y - 11 , x - 17, 7 + y, x + 15, 16 + y); pjs.bezier(x + 1, 24 + y, x + 9, 44 + y, x + 40, 23 + y, x + 15, 16 + y); break; case "T": pjs.line(x + 10, y, x + 10, 30 + y); pjs.line(x - 1, y, x + 21, y); break; case "U": pjs.bezier(x + 4, 20 + y, x + 2, 36 + y, x + 28, 36 + y, x + 26, 20 + y); pjs.line(x + 4, y, x + 4, 20 + y); pjs.line(x + 26, y, x + 26, 20 + y); break; case "V": pjs.line(x + 2, y, x + 15, 30 + y); pjs.line(x + 28, y, x + 15, 30 + y); break; case "W": pjs.line(x + 2, y, x + 6, 30 + y); pjs.line(x + 15, 5 + y, x + 6, 30 + y); pjs.line(x + 15, 5 + y, x + 24, 30 + y); pjs.line(x + 28, y, x + 24, 30 + y); break; case "X": pjs.line(x + 4, y, x + 26, 30 + y); pjs.line(x + 26, y, x + 4, 30 + y); break; case "Y": pjs.line(x + 1, y, x + 15, 14 + y); pjs.line(x + 25, y, x + 9, 30 + y); break; case "Z": pjs.line(x + 4, y, x + 25, y); pjs.line(x + 5, 30 + y, x + 26, 30 + y); pjs.line(x + 26, y, x + 5, 30 + y); break; case "a": pjs.bezier(x + 16, 30 + y, x + -6, 35 + y, x + 1, 10 + y, x + 14, 17 + y); pjs.bezier(x + 16, 17 + y, x + 14, 29 + y, x + 17, 25 + y, x + 16, 32 + y); break; case "b": pjs.line(x + 4, y, x + 4, 29 + y); pjs.bezier(x + 5, 28 + y, x + 25, 40 + y, x + 12, -4 + y, x + 4, 20 + y); break; case "c": pjs.bezier(x + 16, 28 + y, x + -6, 41 + y, x + 2, 7 + y, x + 16, 18 + y); break; case "d": pjs.line(x + 16, y, x + 16, 29 + y); pjs.bezier(x + 16, 28 + y, x + -3, 36 + y, x + 2, 7 + y, x + 16, 18 + y); break; case "e": pjs.bezier(x + 4, 23 + y, x, 17 + y, x + 16, 10 + y, x + 18, 23 + y); pjs.bezier(x + 3, 23 + y, x + 2, 28 + y, x + 7, 33 + y, x + 17, 29 + y); pjs.line(x + 3, 23 + y, x + 18, 23 + y); break; case "f": pjs.line(x + 2, 7 + y, x + 2, 30 + y); pjs.line(x - 1, 16 + y, x + 7, 16 + y); pjs.arc(x + 5, y + 8, 6, 13, 180, 355); break; case "g": pjs.ellipse(x + 10, y + 22, 13, 17); pjs.bezier(x + 17, 15 + y, x + 22, 66 + y, x + -2, 47 + y, x + 3, 37 + y); break; case "h": pjs.line(x + 3, 2 + y, x + 3, 29 + y); pjs.bezier(x + 17, 30 + y, x + 20, 11 + y, x + 3, 7 + y, x + 3, 30 + y); break; case "i": pjs.line(x + 5, 20 + y, x + 5, 29 + y); pjs.ellipse(x + 5, y + 11, 1, 1); break; case "j": pjs.bezier(x + 5, 19 + y, x + 13, 33 + y, x + 1, 51 + y, x + -1, 35 + y); pjs.ellipse(x + 5, y + 10, 1, 1); break; case "k": pjs.line(x + 5, 2 + y, x + 5, 30 + y); pjs.line(x + 14, 5 + y, x + 7, 20 + y); pjs.line(x + 16, 30 + y, x + 7, 20 + y); break; case "l": pjs.line(x + 5, y, x + 5, 30 + y); break; case "m": pjs.line(x + 3, 14 + y, x + 3, 30 + y); pjs.bezier(x + 10, 30 + y, x + 10, 6 + y, x + 1, 18 + y, x + 3, 30 + y); pjs.bezier(x + 17, 30 + y, x + 20, 6 + y, x + 8, 18 + y, x + 10, 30 + y); break; case "n": pjs.line(x + 3, 17 + y, x + 3, 30 + y); pjs.bezier(x + 16, 30 + y, x + 20, 11 + y, x + 2, 11 + y, x + 4, 30 + y); break; case "o": pjs.ellipse(x + 10, y + 22, 14, 15); break; case "p": pjs.line(x + 4, 18 + y, x + 4, 44 + y); pjs.bezier(x + 4, 30 + y, x + 21, 38 + y, x + 24, 12 + y, x + 4, 18 + y); break; case "q": pjs.line(x + 17, 18 + y, x + 17, 44 + y); pjs.ellipse(x + 11, y + 23, 12, 15); break; case "r": pjs.line(x + 4, 18 + y, x + 4, 30 + y); pjs.bezier(x + 20, 19 + y, x + 16, 14 + y, x + 4, 13 + y, x + 4, 30 + y); break; case "s": pjs.bezier(x + 16, 18 + y, x + 12, 8 + y, x + -5, 20 + y, x + 10, 22 + y); pjs.bezier(x + 3, 28 + y, x + 6, 33 + y, x + 25, 28 + y, x + 10, 22 + y); break; case "t": pjs.line(x + 4, 2 + y, x + 4, 30 + y); pjs.line(x + 0, 13 + y, x + 10, 14 + y); break; case "u": pjs.bezier(x + 4, 16 + y, x + 3, 38 + y, x + 16, 31 + y, x + 16, 16 + y); pjs.line(x + 16, 16 + y, x + 16, 30 + y); break; case "v": pjs.line(x + 4, 15 + y, x + 10, 30 + y); pjs.line(x + 16, 15 + y, x + 10, 30 + y); break; case "w": pjs.line(x + 2, 15 + y, x + 6, 30 + y); pjs.line(x + 10, 15 + y, x + 6, 30 + y); pjs.line(x + 10, 15 + y, x + 14, 30 + y); pjs.line(x + 18, 15 + y, x + 14, 30 + y); break; case "x": pjs.line(x + 3, 15 + y, x + 17, 30 + y); pjs.line(x + 17, 15 + y, x + 3, 30 + y); break; case "y": pjs.bezier(x + 4, 18 + y, x, 36 + y, x + 21, 29 + y, x + 15, 17 + y); pjs.bezier(x + 15, 19 + y, x + 21, 45 + y, x + 5, 50 + y, x + 3, 39 + y); break; case "z": pjs.line(x + 4, 15 + y, x + 15, 15 + y); pjs.line(x + 5, 30 + y, x + 15, 30 + y); pjs.line(x + 16, 15 + y, x + 5, 30 + y); break; case ".": pjs.ellipse(x + 5, y + 30, 2, 2); break; case "!": pjs.line(x + 5, y, x + 4, 21 + y); pjs.ellipse(x + 4, y + 30, 2, 2); break; case "?": pjs.bezier(x + 6, 16 + y, x + 25, -8 + y, x + -1, -7 + y, x + 3, 4 + y); pjs.line(x + 6, 16 + y, x + 5, 25 + y); pjs.ellipse(x + 5, y + 30, 2, 2); break; case ",": pjs.line(x + 4, 26 + y, x + 2, 32 + y); break; case "'": pjs.line(x + 6, 2 + y, x + 4, 11 + y); break; case "/": pjs.line(x + 3, 30 + y, x + 17, y); break; case "-": pjs.line(x + 8, 19 + y, x + 2, 19 + y); break; case "_": pjs.line(x + 15, 31 + y, x - 1, 31 + y); break; case ":": ellipse(x + 5, y + 13, 2, 2); ellipse(x + 5, y + 29, 2, 2); break; case "0": ellipse(x + 10, y + 15, 17, 28); break; case "1": line(x + 7, y + 2, x + 7, y + 28); line(x + 7, y + 2, x + 3, y + 8); break; case "2": bezier(x + 5, y + 10, x + 7, y - 8, x + 31, y + 5, x + 4, y + 28); line(x + 4, y + 28, x + 18, y + 28); break; case "3": bezier(x + 4, y + 8, x + 10, y - 9, x + 27, y + 11, x + 11, y + 15); bezier(x + 4, y + 26, x + 10, y + 36, x + 27, y + 20, x + 11, y + 15); break; case "4": line(x + 15, y + 1, x + 15, y + 28); line(x + 15, y + 1, x + 2, y + 20); line(x + 19, y + 17, x + 2, y + 20); break; case "5": line(x + 4, y + 3, x + 15, y + 3); line(x + 4, y + 3, x + 5, y + 12); bezier(x + 4, y + 26, x + 16, y + 33, x + 22, y + 9, x + 5, y + 12); break; case "6": bezier(x + 9, y + 28, x - 6, y + 27, x + 1, y + 3, x + 14, y + 2); ellipse(x + 9, y + 20, 15, 16); break; case "7": line(x + 17, y + 2, x + 2, y + 3); line(x + 18, y + 2, x + 6, y + 28); break; case "8": ellipse(x + 10, y + 7, 12, 11); ellipse(x + 10, y + 20, 14, 16); break; case "9": ellipse(x + 9, y + 8, 13, 15); line(x + 11, y + 29, x + 16, y + 8); break; } }, Text = function(txt, x, y, size, color, thickness) { var t, //used later in splitting a sentence to an array containing the letters (even spaces) txtLine = txt.split("\n"), //make an array of multiple lines (if \n is not used, it'll return an array containing the whole sentence) space = 0, //space between words scaleTxt = size / 40, //amount of scale lineDis = 0, //distance between lines n = 0, l; //while loop variables pjs.stroke(color); pjs.pushMatrix(); pjs.translate(x, y); pjs.scale(scaleTxt); //loop through lines while (n < txtLine.length) { t = txtLine[n].split(""); //split them to arrays containing letters space = 0; //reset spacing l = 0; //reset loop //loop through letters while (l < t.length) { if (upper_case(t[l]) && t[l] !== "T" && t[l] !=="Y" && t[l] !== "I") { //check if the letter is upper case (with exception of some letters) Letter(t[l], l 20 + space, lineDis, thickness); space += 10; //increase space } else if (t[l] === "f" \|\| t[l] === "i" \|\| t[l] === "j" \|\| t[l] === "l" \|\| t[l] === "t" \|\| t[l] === " " \|\| t[l] === "." \|\| t[l] === "," \|\| t[l] === "'" \|\| t[l] === "!" \|\| t[l] === "-" \|\| t[l] === ":" \|\| t[l] === "1") { //check for certain thin letters (or spaces, punctuation marks, etc.) Letter(t[l], l * 20 + space, lineDis, thickness); space -= 10; //decrease space } else { //the rest of the letters Letter(t[l], l * 20 + space, lineDis, thickness); } l ++; } lineDis += 42; //increase line distance when we get to the next line n ++; } pjs.popMatrix(); }; /******************************************************/ /***************Allocating Memory****************/ //makes a new instance of an object (thanks to KWC) pjs.DUMMY.constructor.prototype.makeNewInst = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); //add arguments to the object return obj; }; //Function that bind an object pool (thanks to KWC) var allocate = function(ctor, initial_size) { if (ctor.usingPool) { ctor.expandPool(initial_size); return; } var pool = [], //every constructor has its own pool attached to it idx = 0; //current object's index //expand the object's pool ctor.expandPool = function(newSize) { var howMuch = newSize > pool.length ? newSize - pool.length : pool.length, //the difference between the new size and the old size n = 0; //variable for the while loop while (n < howMuch) { pool.push(Object.create(ctor.prototype)); //add a new object instance n++; } }; ctor.makeNewInst = function() { var obj; //object instance //if current object is not in the pool if (idx >= pool.length) { ctor.expandPool(idx + 1); } obj = pool[idx]; obj.poolIndex = idx++; //set idx to object's pool index while increasing idx obj.invalid = false; //is the object in the pool? ctor.apply(obj, arguments); //apply and pass arguments to the instance return obj; }; ctor.prototype.destroy = function() { //if destroy is somehow called for a destroyed object, do nothing and exit if (this.invalid) { return; } //if there's a _finalize prototype attached to it, call it (this is not necessary, it's just useful to objects that has other objects attached to it) if (typeof this._finalize === "function") { this._finalize(); } //swap between this object and the last object in the pool var end_obj = pool[--idx], end_idx = idx; pool[end_idx] = pool[this.poolIndex]; pool[this.poolIndex] = end_obj; end_obj.poolIndex = this.poolIndex; this.poolIndex = end_idx; this.invalid = true; //this is now in the pool }; ctor.usingPool = true; ctor.expandPool(initial_size); }, /****************************************************/ /******************Game Data*********************/ //game variables player, gameCamera, Gate, Block, Spider, Platform, Swamp, Thorn, GameObj, blocks = [], stairs = [], spiders = [], platforms = [], muds = [], gates = [], swamps = [], gameObjs = [], thorns = [], currentLevel = 0, //current level load = 0, //used to load the level once //platformer object, holds data about platformer levels in the game platformer = { drawLevel: [ /@ -> player sprite * g -> gate * 1 -> normal block * 2 -> normal block surface * 3 -> Thorn block * 4 -> Thorn block surface * 5 -> swamp * 6 -> swamp surface * b -> invisible block * & -> spider * o -> black liquid * = -> moving block * / [ " g", "", "", " @ 44 o 2222222222222", " b & s2222222222222222233222 2222 = 22222222222222s 333333", " s222222211111111111111111133111 1111 111111111111111222s 3", "22222222222222221111111111111111111111111133111 111166666611111111111111111112222226662222222s k 3", "11111111111111111111111111111111111111111133111 11115555551111111111111111111111111555111111112222243" ], [ " 22244 = 222444222", "", "", " 2222222", "", "", " b = b", "", "", " b& & o b 2 222 g", " @ 224442224422222", " b& o& b", "2222444 244442 26666666666666624444444446662222222266622222222222222222" ], [ "44222 4", " 4", " b = b 4", " 4", " 3", " b = b 3", " b & & & 3", " s22222222223", " 2222111111111113", " b& o b", " 2222222222 b& o b", " 222222222", "", "", " 4222s", " 4431111222", "", "", " 22", "", " b o& b", " @ s2224422222s g", " s2211113311111122222", " s1", " s11 22222666222222222222222", "222222222666622111 11111555111111111111111" ], [ " 222222", "", "", " b === b", "", " @", " b == b", "", " g", " b === b", "", " 22222222222222", " b o & o s2b 1", "22222244422444 22222222222211 1", " b & b 1", " 2222244422s 1", " b & o b 12 1", " 444222222444444 2s 1", " b == b 122 1", " b & b 1", "4444444444 444444444 44444444 s221", " s1111", "b& o b s11111", "222222222222222222222222222222226622222222222222666222111111" ], [ " @", "", "", "2222244442 == b& 2", " 224441", " b& & & b", " 22224242", " 22 b& b", " 422 2 2 4 2 222", "", " 2 2 2 2 4 222 g", "", " 2 2 2 242 444", " 244442222222222", "666666666666666666666666666666666666666666666666666666666666666666666666666666666666666133331111111111" ], [ " @", "", "", "22222222222222222222222222222222222222222222222222222222222222222" ], ], //level design (You probably won't understand anything from it) text: [{ txt: ["Where am I?", "What's this place?", "G- Giant spiders!? Creepy!", "I- I sh- shouldn't touch this...", "I must be careful, any wrong step and I'm gone.", "Jump, JUMP!", "I hope I don't drown...", "Key? What is it for?"], x: [120, 320, 650, 1500, 2000, 2600, 3100, 3600], y: [120, 80, 80, 20, 20, 20, 80, 20], }, { txt: ["Ugh! I HATE thorns.", "I saw these spiders once in a nightmare.", "They were so scary.", "I even woke up holding my mom's shirt.", "Now she's gone.", "I'm finally alone."], x: [80, 400, 1000, 1500, 2300, 2700], y: [360, 290, 260, 230, 290, 290], }, { txt: ["I wonder where she could be..?", "I can't believe I have to face all this to find her.", "Why are there so many spiders!?", "A looong jump...", "I want to go home... I don't like this place."], x: [120, 830, 250, 1450, 1700], y: [720, 640, 140, 640, 740], }, { txt: ["It's not my fault.", "I don't even know what happened.", "I don't need her anyways.", "She's the one who needs me.", "I can do this alone.", "I always do things alone."], x: [120, 600, 1000, 1500, 2200, 2000], y: [200, 400, 500, 500, 500, 120], }, { txt: ["I can deal with the stinging pain.", "I can face the spiders on my own.", "There's nothing I can't handle here.", "I must find my way out of here."], x: [220, 800, 1400, 2800], y: [60, 60, 160, 160], }, { txt: ["Huh? Why there's nothing here?", "Wait, Someone is there...", "Seems familiar..."], x: [100, 700, 1200], y: [-120, -120, -120], }, ], //comments in the limit: [0, 0, 1, 0, 0, 0, 0, 0], //the number of additional blocks (counting from bottom to top) that appear under the falling limit (used for falling animation) paused: false, //pause game reset: function() { player.reset(); gameCamera.reset(); gates.forEach(function(ele) { ele.reset(); }); } //reset level data }, /*****************************************************/ /******************Graphics***********************/ //glow text for logo glowText = function (txt, x, y, size, col, isItalic, isBold, txtBoxW, txtBoxH) { var choosenFont; //choose the appropriate font depending on "isItalic" and "isBold" if (isItalic && isBold) { choosenFont = boldItalic; } else if (isItalic) { choosenFont = italic; } else { choosenFont = font; } //set text font pjs.textFont(choosenFont, size); pjs.fill(255); //checks if text's box width is undefined, if it is, then there's no width and height specified for the text if (txtBoxW === undefined) { //text pjs.text(txt, x, y); //draw glow by using for loop, this basically draws one translucent text in the left, right, above and bottom. pjs.fill(col, 40); for (var i = 0; i < 4; i ++) { pjs.text(txt, x + cos(i 90) * 2, y + sin(i * 90) * 2); } } else { //in case txtBoxH is not defined, set its default value to textBoxW txtBoxH = txtBoxH \|\| txtBoxW; //write text, this time text's width and height are specified pjs.text(txt, x, y, txtBoxW, txtBoxH); //draw glow by using for loop, this basically draws one translucent text in the left, right, above and bottom. pjs.fill(col, 40); for (var i = 0; i < 4; i ++) { pjs.text(txt, x + cos(i * 90) * 2.5, y + sin(i * 90) * 2.5, txtBoxW, txtBoxH); } } }, //main title title = function() { pjs.pushMatrix(); pjs.translate(8, -21); pjs.noFill(); pjs.strokeWeight(3); pjs.stroke(255, 43, 61); //N pjs.line(45, 156, 45, 50); pjs.line(91, 156, 45, 50); pjs.line(91, 156, 91, 50); //I pjs.line(108, 156, 108, 50); //G pjs.arc(157, 103, 67, 104, 46, 303); pjs.line(181, 139, 181, 116); pjs.line(166, 115, 181, 115); //H pjs.line(205, 156, 205, 50); pjs.line(245, 156, 245, 50); pjs.line(249, 103, 201, 103); //T pjs.line(285, 156, 285, 50); pjs.line(255, 50, 315, 50); //M pjs.line(325, 156, 325, 50); pjs.line(350, 155, 325, 50); pjs.line(350, 155, 375, 50); pjs.line(375, 156, 375, 50); //A pjs.line(390, 156, 415, 50); pjs.line(440, 156, 415, 50); pjs.line(433, 103, 397, 103); //R pjs.line(455, 156, 455, 50); pjs.arc(455, 80, 57, 59, -90, 90); pjs.line(489, 156, 455, 111); //credit for M.Gh for doing E //E pjs.line(501, 155, 501, 50); pjs.line(501, 156, 537, 156); pjs.line(501, 103, 535, 103); pjs.line(501, 50, 537, 50); pjs.popMatrix(); }, //a male stick-figure (e.g. Andy) //col, x, y, scaleX, scaleY, rot, faceY, leftArm, rightArm, leftLeg, rightLeg, bodyLength, eyeNum, eye, eyeType male = function(col, x, y, scaleX, scaleY, rot, faceY, leftArm, rightArm, leftLeg, rightLeg, bodyLength, eyeNum, eye, eyeType) { pjs.rectMode(CENTER); pjs.pushMatrix(); pjs.translate(x, y); pjs.scale(scaleX, scaleY); pjs.rotate(rot); pjs.noStroke(); pjs.fill(col); pjs.ellipse(0, faceY, 25, 25); pjs.rect(0, 0, 10, bodyLength, 10); //eyes //if eyeNum is larger than 0, then draw an eye, if eyeNum is equal to 2, draw the second eye if (eyeNum > 0) { pjs.fill(0); pjs.ellipse(eye[0], eye[1], 4, 7); if (eyeNum === 2) { pjs.ellipse(eye[2], eye[3], 4, 7); } } //change eye style based on eyeType if (eyeType === "sad") { pjs.stroke(col); pjs.strokeWeight(3); pjs.line(eye[0] - 2, eye[1] - 3, eye[0] + 2, eye[1] - 5); pjs.line(eye[2] + 2, eye[3] - 3, eye[2] - 2, eye[3] - 5); } else if (eyeType === "angry") { pjs.stroke(col); pjs.strokeWeight(3); pjs.line(eye[0] - 2, eye[1] - 5, eye[0] + 2, eye[1] - 3); pjs.line(eye[2] + 2, eye[3] - 5, eye[2] - 2, eye[3] - 3); } else if (eyeType === "afraid") { pjs.stroke(col); pjs.strokeWeight(3); pjs.line(eye[0] - 2, eye[1] - 3, eye[0] + 2, eye[1] - 5); pjs.line(eye[2] + 2, eye[3] - 3, eye[2] - 2, eye[3] - 5); pjs.line(eye[0] - 2, eye[1] + 4, eye[0] + 2, eye[1] + 5); pjs.line(eye[2] + 2, eye[3] + 4, eye[2] - 2, eye[3] + 5); } pjs.stroke(col); pjs.strokeWeight(6); //draw the left arm pjs.line(leftArm[0], leftArm[1], leftArm[2], leftArm[3]); pjs.line(leftArm[2], leftArm[3], leftArm[4], leftArm[5]); //draw right arm pjs.line(rightArm[0], rightArm[1], rightArm[2], rightArm[3]); pjs.line(rightArm[2], rightArm[3], rightArm[4], rightArm[5]); //draw left leg pjs.line(leftLeg[0], leftLeg[1], leftLeg[2], leftLeg[3]); pjs.line(leftLeg[2], leftLeg[3], leftLeg[4], leftLeg[5]); //draw right leg (not the wrong one!) pjs.line(rightLeg[0], rightLeg[1], rightLeg[2], rightLeg[3]); pjs.line(rightLeg[2], rightLeg[3], rightLeg[4], rightLeg[5]); //draw dirt if (player.stuck) { pjs.fill(0); pjs.noStroke(); pjs.ellipse(rightLeg[2] - 3, rightLeg[5] + 4, 14, 13); } pjs.popMatrix(); pjs.rectMode(CORNER); //restore the normal rectMode }, //a female stick-figure (e.g. Andy's mother) female = function(col, x, y, scaleX, scaleY, rot, faceY, leftArm, rightArm, leftLeg, rightLeg, skirt, eyeNum, eye, eyeCol) { pjs.rectMode(CENTER); pjs.pushMatrix(); pjs.translate(x, y); pjs.scale(scaleX, scaleY); pjs.rotate(rot); pjs.noStroke(); pjs.fill(col); //draw head pjs.ellipse(0, faceY, 25, 25); pjs.beginShape(); pjs.vertex(11, faceY - 4); pjs.bezierVertex(15, faceY, 10, faceY + 3, eyeNum === 1 ? 10 : 11, faceY + 12); pjs.bezierVertex(10, faceY + 17, -10, faceY + 17, -16, faceY + 12); pjs.bezierVertex(-13, faceY + 4, -15, faceY + 11, -12, faceY - 3); pjs.endShape(); //the skirt pjs.quad(eyeNum === 2 ? -6 : -3, -21, eyeNum === 2 ? 6 : 3, -14, skirt[0], skirt[1], skirt[2], skirt[3]); //eyes //if eyeNum is larger than 0, then draw an eye, if eyeNum is equal to 2, draw the second eye if (eyeNum > 0) { pjs.fill(eyeCol \|\| pjs.color(121, 145, 142)); pjs.stroke(eyeCol \|\| pjs.color(121, 145, 142)); pjs.strokeWeight(1); pjs.ellipse(eye[0], eye[1], 3, 5); pjs.line(eye[0] - 1, eye[1] - 1, eye[0] - 2, eye[1] - 3); if (eyeNum === 2) { pjs.ellipse(eye[2], eye[3], 3, 5); pjs.line(eye[2] - 1, eye[3] - 1, eye[2] - 2, eye[3] - 3); } } pjs.stroke(col); pjs.strokeWeight(6); pjs.noFill(); //draw the left arm pjs.beginShape(); pjs.vertex(leftArm[0], leftArm[1]); pjs.vertex(leftArm[2], leftArm[3]); pjs.vertex(leftArm[4], leftArm[5]); pjs.endShape(); //right arm pjs.beginShape(); pjs.vertex(rightArm[0], rightArm[1]); pjs.vertex(rightArm[2], rightArm[3]); pjs.vertex(rightArm[4], rightArm[5]); pjs.endShape(); //draw left leg pjs.beginShape(); pjs.vertex(leftLeg[0], leftLeg[1]); pjs.vertex(leftLeg[2], leftLeg[3]); pjs.vertex(leftLeg[4], leftLeg[5]); pjs.endShape(); //draw right leg pjs.beginShape(); pjs.vertex(rightLeg[0], rightLeg[1]); pjs.vertex(rightLeg[2], rightLeg[3]); pjs.vertex(rightLeg[4], rightLeg[5]); pjs.endShape(); pjs.popMatrix(); pjs.rectMode(CORNER); //restore the normal rectMode }, drawCandle = function(x, y, flip) { pjs.pushMatrix(); pjs.translate(x, y); //if flip is true, flip the image if (flip) { pjs.scale(-1, 1); } //candle thread pjs.noFill(); pjs.strokeWeight(2); pjs.stroke(43, 24, 18); pjs.arc(0, -58, 3, 11, -80, 70); /Candle Holder (Back)/ //the holder pjs.noStroke(); pjs.fill(54, 54, 54); pjs.ellipse(0, 30, 62, 8); /The candle/ //candle wax pjs.fill(255, 226, 168); pjs.beginShape(); pjs.vertex(-7, 38); pjs.bezierVertex(-2, -12, -20, -59, 3, -53); pjs.bezierVertex(10, -62, 17, -54, 12, -23); pjs.bezierVertex(10, -20, 10, 14, 12, 35); pjs.endShape(); //shadow pjs.fill(46, 19, 7, 11); for (var i = 0; i < 6; i++) { pjs.beginShape(); pjs.vertex(2 + i * 2, 30); pjs.bezierVertex(1 + i * 2, 0, -16 + i * 2, -65, 3, -53); pjs.bezierVertex(10, -62, 17, -54, 12, -23); pjs.bezierVertex(10, -20, 10, 14, 13, 34); pjs.endShape(); } /Candle Holder (front)/ pjs.rectMode(CENTER); //control rect from the center pjs.fill(31, 31, 31); pjs.beginShape(); pjs.vertex(-31, 30); pjs.bezierVertex(-28, 33, 11, 36, 31, 30); pjs.bezierVertex(13, 57, -33, 42, -31, 30); pjs.endShape(); pjs.rect(0, 51, 16, 17); pjs.arc(0, 66, 46, 15, 180, 360); //candle holder's handle pjs.noFill(); pjs.stroke(36, 36, 36); pjs.strokeWeight(5); pjs.bezier(25, 29, 13, 4, 96, 30, 8, 57); pjs.noStroke(); pjs.fill(36, 36, 36); pjs.ellipse(28, 33, 11, 11); pjs.popMatrix(); rectMode(CORNER); //restore default rectMode setting }, tree = function(x, y, w, h) { pjs.pushMatrix(); pjs.translate(x, y); pjs.scale(w / 80, h / 80); pjs.triangle(-12, 17, 0, 0, 12, 17); pjs.triangle(-19, 30, 0, 6, 19, 30); pjs.triangle(-26, 42, 0, 12, 26, 42); pjs.rect(-6, 40, 12, 28); pjs.arc(0, 41, 52, 6, 0, 180); pjs.popMatrix(); }, //thanks to OOPS! and WKC for parts of the loading function graphics = Object.create(null); //make a new "dictionary" //graphics which will be converted to images graphics.gameBackground = function() { pjs.background(255, 255, 255); for(var i = 0; i < 25; i ++) { pjs.stroke(pjs.color(0, 0, 31), 245 - i * 4); pjs.line(0, i, 25, i); } var img = pjs.get(0, 0, 25, 25); return img; }; graphics.mountains = function() { pjs.background(0, 0); pjs.noStroke(); pjs.fill(15, 15, 31); pjs.beginShape(); pjs.vertex(600, 421); pjs.bezierVertex(459, 364, 403, 495, 362, 532); pjs.vertex(600, 521); pjs.endShape(); pjs.ellipse(300, 500, 338, 164); pjs.ellipse(107, 500, 338, 202); for (var i = 0; i < 70; i += 10) { var x = pjs.bezierPoint(24, 98, 164, 226, i / 70); var y = pjs.bezierPoint(423, 381, 390, 427, i / 70); tree(x + 6, y - 87, random(50, 120), random(111, 140)); } for (var i = 0; i < 70; i += 10) { var x = pjs.bezierPoint(226, 280, 390, 437, i / 70); var y = pjs.bezierPoint(427, 414, 418, 455, i / 70); tree(x + 6, y - 89, random(50, 120), random(111, 140)); } for (var i = 0; i < 60; i += 10) { var x = pjs.bezierPoint(441, 481, 572, 579, i / 60); var y = pjs.bezierPoint(443, 407, 421, 436, i / 60); tree(x + 6, y - 89, random(50, 120), random(111, 140)); } tree(0, 362, 80, 80); tree(600, 362, 80, 80); return get(0, 0, 600, 600); }; graphics.bkgTrees1 = function() { pjs.randomSeed(6); //set random seed pjs.background(0, 0); pjs.fill(32, 32, 51); pjs.beginShape(); pjs.vertex(600, 358); pjs.bezierVertex(455, 263, 403, 480, 362, 463); pjs.vertex(600, 431); pjs.endShape(); pjs.ellipse(300, 428, 369, 164); pjs.ellipse(43, 460, 310, 214); for (var i = 0; i < 60; i += 10) { var x = pjs.bezierPoint(17, 44, 145, 201, i/60); var y = pjs.bezierPoint(375, 386, 376, 388, i/60); tree(x + 6, y - 87, random(50, 120), random(122, 160)); } for (var i = 0; i < 80; i += 10) { var x = pjs.bezierPoint(203, 340, 375, 446, i / 80); var y = pjs.bezierPoint(387, 344, 351, 421, i / 80); tree(x + 6, y - 89, random(50, 120), random(139, 160)); } for (var i = 0; i < 50; i += 10) { var x = pjs.bezierPoint(426, 429, 575, 578, i/50); var y = pjs.bezierPoint(422, 352, 332, 397, i/50); tree(x + 6, y - 89, random(50, 120), random(145, 140)); } return get(0, 0, 600, 600); }; graphics.bkgTrees2 = function() { pjs.randomSeed(8); pjs.background(0, 0); pjs.fill(48, 48, 67); pjs.beginShape(); pjs.vertex(600, 358); pjs.bezierVertex(455, 263, 403, 480, 362, 463); pjs.vertex(600, 431); pjs.endShape(); pjs.ellipse(300, 428, 369, 164); pjs.ellipse(43, 460, 310, 214); for (var i = 0; i < 60; i += 10) { var x = pjs.bezierPoint(21, 67, 145, 201, i/60); var y = pjs.bezierPoint(369, 357, 376, 388, i/60); tree(x + 6, y - 87, random(50, 120), random(122, 160)); } for (var i = 0; i < 80; i += 10) { var x = pjs.bezierPoint(211, 274, 375, 446, i / 80); var y = pjs.bezierPoint(387, 344, 351, 421, i / 80); tree(x + 6, y - 89, random(50, 120), random(139, 160)); } for (var i = 0; i < 50; i += 10) { var x = pjs.bezierPoint(442, 479, 570, 597, i/50); var y = pjs.bezierPoint(379, 352, 332, 397, i/50); tree(x + 6, y - 89, random(50, 120), random(145, 140)); } return get(0, 0, 600, 600); }; graphics.houses = function() { pjs.background(0, 0); pjs.fill(48, 48, 55); pjs.rect(0, 470, 600, 130); pjs.rect(60, 450, 29, 20); pjs.triangle(46, 450, 73, 430, 103, 450); pjs.rect(267, 455, 23, 15); pjs.triangle(256, 460, 277, 445, 299, 460); pjs.rect(471, 455, 31, 15); pjs.triangle(456, 460, 485, 445, 517, 460); pjs.fill(255, 238, 46); pjs.rect(66, 457, 4, 5); pjs.rect(273, 463, 3, 4); pjs.rect(477, 461, 3, 4); pjs.rect(489, 461, 3, 4); return pjs.get(0, 0, 600, 600); }; graphics.bushes = function() { pjs.background(0, 0); pjs.pushMatrix(); pjs.translate(0, -80); pjs.fill(20); pjs.beginShape(); pjs.vertex(0, 600); pjs.bezierVertex(-9, 581, 15, 580, 18, 584); pjs.bezierVertex(8, 559, 47, 538, 56, 560); pjs.bezierVertex(46, 531, 123, 499, 131, 560); pjs.bezierVertex(130, 519, 197, 499, 212, 570); pjs.bezierVertex(197, 532, 299, 515, 299, 585); pjs.bezierVertex(302, 560, 331, 575, 321, 581); pjs.bezierVertex(331, 487, 484, 512, 441, 592); pjs.bezierVertex(436, 501, 528, 512, 503, 568); pjs.bezierVertex(497, 513, 589, 498, 571, 588); pjs.bezierVertex(586, 579, 613, 589, 600, 600); pjs.endShape(); pjs.popMatrix(); pjs.rect(0, 520, 600, 80); pjs.filter(BLUR, 2); return pjs.get(0, 0, 600, 600); }; graphics.bushes2 = function() { pjs.background(0, 0); pjs.pushMatrix(); pjs.translate(600, -110); scale(-1, 1); pjs.fill(10); pjs.beginShape(); pjs.vertex(0, 600); pjs.bezierVertex(-9, 568, 15, 561, 18, 584); pjs.bezierVertex(8, 559, 47, 538, 56, 560); pjs.bezierVertex(46, 531, 123, 499, 131, 560); pjs.bezierVertex(130, 519, 197, 499, 212, 570); pjs.bezierVertex(197, 532, 299, 515, 299, 585); pjs.bezierVertex(302, 560, 331, 575, 321, 581); pjs.bezierVertex(331, 487, 484, 512, 441, 592); pjs.bezierVertex(436, 501, 528, 512, 503, 568); pjs.bezierVertex(497, 513, 589, 498, 571, 588); pjs.bezierVertex(586, 566, 613, 564, 600, 600); pjs.endShape(); pjs.popMatrix(); pjs.rect(0, 490, 600, 110); pjs.filter(BLUR, 3); return pjs.get(0, 0, 600, 600); }; graphics.smoke = function() { //clear background pjs.background(0, 0, 0, 0); pjs.strokeWeight(1); for (var i = 0; i < 40; i ++) { for(var j = 0; j < 40; j ++) { var n = pjs.noise(i / 16, j / 3); var l = pjs.map(n, 0, 1, 120, 255); pjs.stroke(255 - l, 150); pjs.point(i, j); } } var img = pjs.get(0, 0, 40, 40); return img; }; graphics.menuBkg2 = function() { //clear background pjs.background(0, 0, 0, 0); //{ pjs.noStroke(); pjs.fill(2, 3, 2); pjs.triangle(303, 305, 334, 310, 335, 320); pjs.triangle(326, 269, 356, 271, 319, 260); pjs.triangle(287, 269, 265, 277, 287, 258); pjs.triangle(302, 267, 289, 304, 285, 295); pjs.triangle(292, 329, 299, 340, 264, 321); pjs.triangle(334, 342, 329, 355, 357, 331); pjs.triangle(324, 400, 333, 421, 357, 435); pjs.triangle(296, 421, 291, 429, 270, 405); pjs.triangle(333, 433, 337, 441, 312, 434); pjs.triangle(293, 458, 274, 492, 276, 473); pjs.triangle(252, 508, 274, 533, 276, 522); pjs.triangle(291, 508, 274, 549, 276, 567); pjs.triangle(320, 493, 340, 533, 339, 515); pjs.triangle(370, 450, 346, 500, 345, 488); pjs.noFill(); pjs.stroke(2, 5, 2); pjs.strokeWeight(8); pjs.bezier(300, 227, 237, 342, 404, 399, 320, 600); pjs.bezier(300, 227, 404, 399, 237, 342, 280, 600); //} //thorns //{ pjs.noStroke(); pjs.fill(0, 247); pjs.beginShape(); pjs.vertex(187, 432); pjs.bezierVertex(180, 426, 185, 422, 196, 430); pjs.bezierVertex(192, 446, 166, 497, 107, 460); pjs.bezierVertex(98, 461, 105, 440, 112, 447); pjs.bezierVertex(154, 459, 160, 454, 171, 435); pjs.endShape(); //} //Shadow's hand that's holding Andy (back) //{ male(pjs.color(199, 199, 199), 145, 452, 1.5, 1.5, 0, -30, [-5, -14, -17, -4, -23, 15], [5, -14, 18, -15, 35, -10], [-3, 14, -9, 36, -3, 56], [2, 17, 2, 35, 5, 58], 39, 2, [-2, -31, 7, -31], "afraid"); male(pjs.color(255), 143, 452, 1.5, 1.5, 0, -30, [-5, -14, -17, -4, -23, 15], [5, -14, 18, -15, 35, -10], [-3, 14, -9, 36, -3, 56], [2, 17, 2, 35, 5, 58], 39, 2, [-2, -31, 7, -31], "afraid"); //} //draw Andy //{ pjs.noStroke(); pjs.fill(0, 250); pjs.beginShape(); pjs.vertex(0, 0); pjs.vertex(600, 0); pjs.vertex(600, 198); pjs.bezierVertex(623, 301, 560, 289, 589, 398); pjs.bezierVertex(598, 439, 553, 469, 545, 472); pjs.bezierVertex(615, 404, 532, 374, 557, 301); pjs.bezierVertex(586, 227, 554, 205, 537, 205); pjs.bezierVertex(482, 215, 544, 256, 462, 342); pjs.bezierVertex(448, 361, 400, 438, 501, 434); pjs.bezierVertex(513, 442, 504, 486, 494, 486); pjs.bezierVertex(465, 483, 415, 480, 389, 435); pjs.bezierVertex(338, 347, 512, 293, 320, 236); pjs.bezierVertex(242, 215, 234, 255, 232, 266); pjs.bezierVertex(220, 342, 278, 351, 246, 460); pjs.bezierVertex(256, 407, 218, 330, 177, 297); pjs.bezierVertex(147, 273, 99, 248, 72, 278); pjs.bezierVertex(44, 327, 108, 342, 61, 419); pjs.bezierVertex(35, 458, 96, 533, 158, 455); pjs.bezierVertex(174, 434, 169, 413, 197, 428); pjs.bezierVertex(167, 544, 58, 573, 4, 454); pjs.bezierVertex(-12, 374, 54, 400, -7, 309); pjs.endShape(); //} //draw Shadow's body //{ pjs.beginShape(); pjs.vertex(107, 460); pjs.bezierVertex(98, 461, 105, 440, 107, 444); pjs.bezierVertex(136, 461, 152, 440, 160, 427); pjs.bezierVertex(149, 461, 127, 471, 107, 460); pjs.endShape(); //} //Shadow's hand holding Andy (front) //{ female(pjs.color(255), 463, 435, -1.6, 1.8, 0, -30, [-7, -15, -17, 3, -14, 23], [5, -12, 26, -12, 41, -15], [-4, 39, -3, 42, -7, 72], [6, 26, 7, 43, -8, 61], [11, 45, -15, 51], 2, [-3, -30, 7, -30]); female(pjs.color(235), 467, 434, -1.6, 1.8, 0, -30, [-7, -15, -17, 3, -14, 23], [5, -12, 26, -12, 44, -15], [-4, 39, -3, 42, -6, 73], [6, 26, 7, 43, -8, 61], [11, 45, -11, 51], 2, [-3, -30, 7, -30]); //} //draw Andy's mother //{ pjs.fill(0, 247); pjs.noStroke(); pjs.beginShape(); pjs.vertex(501, 434); pjs.bezierVertex(513, 442, 504, 486, 494, 494); pjs.bezierVertex(464, 486, 431, 468, 431, 445); pjs.bezierVertex(464, 479, 503, 432, 501, 439); pjs.endShape(); //} //draw Shadow's hand holding Andy's Mom //{ pjs.noStroke(); pjs.fill(255, 38, 67); pjs.pushMatrix(); pjs.translate(190, 176); pjs.rotate(8); pjs.arc(0, 0, 86, 24, 0, 180); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(410, 182); pjs.rotate(-7); pjs.arc(0, 0, 85, 24, 0, 180); pjs.popMatrix(); //} //Shadow's eyes var img = pjs.get(0, 0, width, height); return img; }; graphics.controlTxt = function() { pjs.background(0); Text("KEY CONTROLS", 27, 50, 67, pjs.color(255), 2); Text("A / LEFT key ................... goes left", 98, 150, 25, pjs.color(255), 2); Text("D / RIGHT key ................. goes right", 98, 210, 25, pjs.color(255), 2); Text("W / UP key ........................ jump", 98, 270, 25, pjs.color(255), 2); Text("P key .................................. pause", 98, 330, 25, pjs.color(255), 2); Text("R key .................................. restart", 98, 390, 25, pjs.color(255), 2); return pjs.get(0, 0, 600, 600); }; graphics.block1 = function() { pjs.fill(50); pjs.noStroke(); pjs.rect(0, 0, 40, 40); return pjs.get(0, 0, 40, 40); }; graphics.block2 = function() { pjs.fill(50); pjs.noStroke(); pjs.rect(0, 0, 40, 40); pjs.fill(80); pjs.rect(0, 0, 40, 10); return pjs.get(0, 0, 40, 40); }; graphics.stair = function() { pjs.background(0, 0); pjs.fill(50); pjs.noStroke(); pjs.rect(0, 20, 20, 20); pjs.rect(20, 0, 20, 40); pjs.fill(80); pjs.rect(0, 20, 20, 10); pjs.rect(20, 0, 20, 10); return pjs.get(0, 0, 40, 40); }; graphics.thorn1 = function() { pjs.fill(50); pjs.noStroke(); pjs.rect(0, 0, 40, 40); pjs.fill(4, 8, 5); pjs.triangle(6, 1, 10, 1, 5, 11); pjs.triangle(23, 0, 18, 6, 20, 11); pjs.triangle(33, 16, 24, 18, 22, 15); pjs.triangle(21, 15, 14, 11, 22, 12); pjs.triangle(35, 24, 29, 30, 22, 32); pjs.triangle(19, 32, 25, 23, 25, 27); pjs.triangle(35, 39, 42, 33, 37, 33); pjs.triangle(18, 35, 7, 31, 11, 30); pjs.triangle(1, 24, 3, 33, 6, 32); pjs.triangle(20, 23, 17, 30, 14, 29); pjs.triangle(38, 7, 31, 9, 30, 12); pjs.triangle(24, 2, 34, 6, 31, 7); pjs.triangle(9, 22, 7, 21, 11, 14); pjs.triangle(2, 26, 4, 20, 2, 18); pjs.triangle(36, 14, 31, 12, 39, 19); pjs.noFill(); pjs.stroke(5, 15, 1); pjs.strokeWeight(2); pjs.bezier(0, 0, 36, 0, 10, 35, 44, 33); pjs.bezier(0, 33, 60, 21, 10, 17, 40, 0); pjs.bezier(0, 16, 21, 37, 10, -2, 41, 16); return pjs.get(0, 0, 40, 40); }; graphics.thorn2 = function() { pjs.fill(50); pjs.noStroke(); pjs.rect(0, 0, 40, 40); pjs.fill(80); pjs.rect(0, 0, 40, 10); pjs.fill(4, 8, 5); pjs.triangle(6, 1, 10, 1, 5, 11); pjs.triangle(23, 0, 18, 6, 20, 11); pjs.triangle(33, 16, 24, 18, 22, 15); pjs.triangle(21, 15, 14, 11, 22, 12); pjs.triangle(35, 24, 29, 30, 22, 32); pjs.triangle(19, 32, 25, 23, 25, 27); pjs.triangle(35, 39, 42, 33, 37, 33); pjs.triangle(18, 35, 7, 31, 11, 30); pjs.triangle(1, 24, 3, 33, 6, 32); pjs.triangle(20, 23, 17, 30, 14, 29); pjs.triangle(38, 7, 31, 9, 30, 12); pjs.triangle(24, 2, 34, 6, 31, 7); pjs.triangle(9, 22, 7, 21, 11, 14); pjs.triangle(2, 26, 4, 20, 2, 18); pjs.triangle(36, 14, 31, 12, 39, 19); pjs.noFill(); pjs.stroke(5, 15, 1); pjs.strokeWeight(2); pjs.bezier(0, 0, 36, 0, 10, 35, 44, 33); pjs.bezier(0, 33, 60, 21, 10, 17, 40, 0); pjs.bezier(0, 16, 21, 37, 10, -2, 41, 16); return pjs.get(0, 0, 40, 40); }; graphics.swamp1 = function() { pjs.noStroke(); pjs.fill(0, 97, 61); pjs.rect(0, 0, 40, 30); return pjs.get(0, 0, 40, 30); }; graphics.swamp2 = function() { pjs.noStroke(); pjs.fill(0, 97, 61); pjs.rect(0, 0, 40, 30); pjs.fill(255, 255, 255, 30); pjs.rect(0, 0, 40, 10); return pjs.get(0, 0, 40, 30); }; graphics.spider = function() { pjs.background(0, 0); pjs.noStroke(); pjs.fill(0, 0, 0, 40); pjs.ellipse(30, 25, 65, 10); pjs.fill(0); pjs.ellipse(30, 18, 33, 23); pjs.fill(255, 23, 23); pjs.arc(24, 19, 10, 10, 30, 210); pjs.arc(36, 19, 10, 10, -30, 150); return pjs.get(0, 0, 60, 60); }; graphics.creditsBkg = function() { //the faint white circle in the background pjs.background(0); pjs.strokeWeight(6); for (var i = 0; i < 78; i ++) { pjs.stroke(130, 255, 220, 78 - i); pjs.line(0, i * 6, 50, i * 6); } return pjs.get(0, 0, 50, 468); }; graphics.credits = function() { pjs.background(0, 0); pjs.noStroke(); pjs.fill(6); pjs.beginShape(); pjs.vertex(146, 341); pjs.bezierVertex(185, 360, 149, 404, 246, 401); pjs.vertex(124, 401); pjs.bezierVertex(145, 390, 171, 360, 146, 341); pjs.endShape(); //Shadow's hands(?) pjs.noStroke(); pjs.beginShape(); pjs.vertex(303, 322); pjs.bezierVertex(294, 183, 274, 271, 230, 201); pjs.bezierVertex(247, 262, 278, 227, 285, 284); pjs.endShape(); pjs.beginShape(); pjs.vertex(303, 380); pjs.bezierVertex(294, 354, 330, 290, 262, 259); pjs.bezierVertex(302, 325, 278, 352, 257, 380); pjs.endShape(); //Andy male(pjs.color(97, 97, 97), 278, 260, 2.0, 2.0, 0, -30, [-5, -15, -8, 0, -8, 15], [5, -15, 9, 1, 7, 15], [-3, 14, -4, 36, -3, 56], [2, 17, 2, 35, 5, 58], 39, 2, [-4, -27, 4, -27], "afraid"); male(pjs.color(0, 0, 0, 20), 273, 263, 2.0, 2.0, 0, -30, [-5, -15, -8, 0, -8, 15], [5, -15, 9, 1, 7, 15], [-3, 14, -4, 36, -3, 56], [2, 17, 2, 35, 5, 58], 39); //col, x, y, scaleX, scaleY, rot, faceY, leftArm, rightArm, leftLeg, rightLeg, bodyLength, eyeNum, eye, eyeType //The Shadow Capturing Andy pjs.fill(5); pjs.noStroke(); pjs.beginShape(); pjs.vertex(366, 400); pjs.bezierVertex(298, 384, 342, 327, 307, 262); pjs.bezierVertex(325, 325, 258, 354, 263, 400); pjs.endShape(); pjs.beginShape(); pjs.vertex(260, 400); pjs.bezierVertex(246, 384, 281, 327, 260, 242); pjs.bezierVertex(260, 235, 260, 234, 262, 226); pjs.bezierVertex(286, 319, 283, 322, 322, 400); pjs.endShape(); pjs.beginShape(); pjs.vertex(213, 400); pjs.bezierVertex(255, 384, 281, 214, 297, 238); pjs.bezierVertex(299, 244, 303, 249, 302, 259); pjs.bezierVertex(289, 319, 278, 371, 281, 400); pjs.endShape(); pjs.beginShape(); pjs.vertex(258, 246); pjs.bezierVertex(272, 242, 277, 237, 289, 223); pjs.bezierVertex(297, 228, 297, 234, 297, 247); pjs.bezierVertex(286, 262, 278, 255, 254, 287); pjs.endShape(); pjs.rect(0, 400, 600, 200); //The Shadow's eyes pjs.noStroke(); pjs.fill(77, 2, 10); pjs.pushMatrix(); pjs.translate(180, 442); pjs.rotate(15); pjs.arc(0, 0, 111, 51, 0, 180); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(420, 442); pjs.rotate(-15); pjs.arc(0, 0, 111, 51, 0, 180); pjs.popMatrix(); //other parts of the shadow pjs.fill(5); pjs.beginShape(); pjs.vertex(0, 400); pjs.bezierVertex(-7, 373, 27, 348, 9, 297); pjs.bezierVertex(3, 277, -16, 203, 38, 204); pjs.bezierVertex(-7, 224, 35, 264, 48, 296); pjs.bezierVertex(66, 340, 43, 367, 95, 367); pjs.bezierVertex(90, 316, 188, 280, 143, 196); pjs.bezierVertex(209, 288, 73, 319, 161, 389); pjs.vertex(161, 400); pjs.endShape(); pjs.beginShape(); pjs.vertex(600, 400); pjs.bezierVertex(618, 284, 577, 228, 533, 247); pjs.bezierVertex(506, 260, 510, 290, 534, 295); pjs.bezierVertex(543, 297, 549, 285, 544, 276); pjs.bezierVertex(541, 303, 514, 275, 533, 265); pjs.bezierVertex(558, 259, 607, 275, 518, 407); pjs.vertex(540, 375); pjs.bezierVertex(529, 386, 468, 344, 494, 307); pjs.bezierVertex(454, 343, 503, 353, 463, 374); pjs.bezierVertex(400, 311, 467, 292, 388, 242); pjs.bezierVertex(432, 297, 400, 319, 413, 390); pjs.bezierVertex(414, 384, 406, 354, 378, 337); pjs.bezierVertex(404, 354, 405, 384, 351, 400); pjs.endShape(); pjs.fill(0, 30); pjs.noStroke(); pjs.rect(0, 0, 600, 600); return pjs.get(0, 0, 600, 600); }; graphics.creditsText = function() { pjs.background(0, 0); Text("CREDITS", 151, 28, 60, pjs.color(255), 2); Text("Thanks to OOPS! and KWC for help with image loading", 60, 110, 21, pjs.color(255), 2); Text("M. Gh for the level design", 195, 150, 21, pjs.color(255), 2); Text("KWC for upper_case function", 180, 190, 21, pjs.color(255), 2); Text("Creators of many platformer templates and tutorials that I learned", 20, 230, 21, pjs.color(255), 2); Text("from, including: Python Programming, Ranger Studios, Circle", 35, 260, 21, pjs.color(255), 2); Text("Programming, CheesyMonster and ScusX", 110, 290, 21, pjs.color(255), 2); Text("My Alpha and Beta testers and everyone who gave feedback:", 35, 330, 21, pjs.color(255), 2); Text("Reader Writer Penguin, Talha Muhib, KWC, Gil-Galad,", 60, 360, 21, pjs.color(255), 2); Text("Wolfram, Glorfindel, Iron Programming, and Pinpoint12", 60, 390, 21, pjs.color(255), 2); Text("Special thanks for KWC to helping me with many parts of the code", 20, 430, 21, pjs.color(255), 2); Text("Game coded by Lin Gh.", 155, 470, 30, pjs.color(255), 2); return pjs.get(0, 0, 600, 600); }; graphics.light = function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); for (var i = 0; i < 25; i ++) { pjs.fill(255, 191, 94, 14-i/2514); pjs.ellipse(200, 200, 20+i14, 20+i14); } pjs.filter(BLUR, 4); return pjs.get(0, 0, 400, 400); }; var g = {}, //object containing loaded images loadGraphics = (function(){ var curLoad = 0, //variable used to loop through graphics toImg = Object.keys(graphics); return function() { if (curLoad < toImg.length) { //each image is drawn and added to another object g[toImg[curLoad]] = graphics[toImg[curLoad]](); curLoad ++; pjs.background(0); } else { scene = "logo"; } //when all images are loaded, go to menu }; })(), /*****************************************************/ /***************Collidable Objects***************/ //rect collision collide = function(x1, y1, w1, h1, x2, y2, w2, h2) { //if there are only two arguments, then there would be two objects colliding with each other (with "x", "y", "w", and "h" properties) if (arguments.length === 2) { var obj1 = x1, obj2 = y1; x1 = obj1.x; y1 = obj1.y; w1 = obj1.w; h1 = obj1.h; x2 = obj2.x; y2 = obj2.y; w2 = obj2.w; h2 = obj2.h; } else if (arguments.length === 6) { //if the last two arguments are undefined (e.g. collision between a point and a rect), then set the second width and height to onw w2 = 1; h2 = 1; } //detect collision, if it collides, then return true, otherwise, return false return (x1 + w1 > x2 && y1 + h1 > y2 && x1 < x2 + w2 && y1 < y2 + h2); }, Collidable = function() {}; //collideable object (player, spider, etc.) Collidable.prototype.collide = function(objs, colInv, x, y){ var i, canPlayerCol = true; //loop through blocks for (i = 0; i < objs.length; i ++) { // if a block is invisible or dangerous, the player can't collide if (objs[i].invisible \|\| objs[i].swamp) { canPlayerCol = false; } else { canPlayerCol = true; } //if the player can collide, check player collision if (canPlayerCol && !colInv) { if (collide(this, objs[i])) { if (x) { this.xVel = 0; //set x velocity to 0 if (objs[i].danger) { player.hit = true; player.damage = 20; } //if an object is dangerous, hit the player and cause damage //hit the right side if (this.x < objs[i].x) { this.x = objs[i].x - this.w; } else if (this.x + this.w > objs[i].x + objs[i].w) { //hit the left side this.x = objs[i].x + objs[i].w; } } if (y) { this.yVel = 2; //set the player's y velocity to 2 (for vertically moving platform) if (objs[i].danger) { player.hit = true; player.damage = 20; } //if the object is dangerous, hit the player and cause damage //hit the top if (this.y < objs[i].y) { this.y = objs[i].y - this.h; this.canJump = true; this.jumping = false; this.falling = false; //if player lands on the moving platform, let it move with it (so it doesn't fall) if (objs[i].s) { this.x += objs[i].xSpeed; } } else if (this.y + this.h > objs[i].y + objs[i].h) { //hit the bottom this.y = objs[i].y + objs[i].h; } } } } else if (collide(this, objs[i]) && colInv) { //check if the object can collide with invisible blocks this.xSpeed = -this.xSpeed; //change direction } } }; /****************************************************/ /********************Player OOP*******************/ var Player = function() { this.spawn = { x: 150, y: 430, }; //player's initial coordinate this.x = this.spawn.x; //player's x coordinate this.y = this.spawn.y; //player's y coordinate this.w = 17; //width (used in collision check) this.h = 57; //height (used in collision check) this.xVel = 0; //player's x velocity this.yVel = 0; //player's y velocity this.gravity = 0.5; this.canJump = false; //if it's true, the player can jump this.restart = false; //did the player lose all endurance or fell down the canvas? this.jumping = false; this.drownT = 0; //timer used when the player is drowning this.drowning = false; //is the player drowning? this.fallT = 0; //timer used when the player is falling this.willFallT = 0; //timer used when the player is not on ground this.falling = false; //is the player falling? this.stuck = false; //is the player stuck!? this.running = false; this.right = true; //is the player looking right? this.endurance = 100; //how much can the player endure? this.hit = false; //was the player hit? this.visible = true; //is the player visible? (when flickering after being hit) this.hitT = 0; //how many frames can the player be (semi-) invincible? this.damage = 0; //how much damage the player got? this.auto = false; //If it's true, you can no longer control its movement, until it's false again }; Player.prototype = Object.create(Collidable.prototype); Player.prototype.draw = (function() { var mov = 0, //running movement velocity scaleY = 0.6, scaleX = 0.6, //scale player translateX = 0, translateY = 0; //translate player return function() { //translate player graphics translateX = this.x + this.w / 2; translateY = this.y + this.h / 2 - 3; pjs.noStroke(); //add velocity as the player keeps running if (this.running && (keys[LEFT] \|\| keys[RIGHT])) { mov += Math.abs(this.xVel) / 4; } else if (this.running) { mov -= Math.abs(this.xVel) 2; } else if (mov !== 0) { mov = 0; } pjs.noStroke(); pjs.rectMode(CENTER); if (this.drowning) { pjs.fill(0, 0, 0, 20); pjs.ellipse(translateX, this.y + 63, this.w, 8); pjs.pushMatrix(); pjs.translate(translateX, translateY); pjs.scale(scaleX, scaleY); pjs.fill(255); pjs.strokeWeight(1); pjs.stroke(255); pjs.ellipse(0, -28, 25, 25); //face pjs.rect(0, 0, 10, 35, 10); //body pjs.strokeWeight(4); pjs.stroke(0); pjs.line(-6, -29, -3, -28); pjs.stroke(255); pjs.strokeWeight(6); //arms pjs.pushMatrix(); pjs.translate(2, -15); pjs.rotate(sin(pjs.millis() / 1.5) * 16); pjs.line(0, 0, 6, -45); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(2, -15); pjs.rotate(-sin(millis()) * 15); pjs.line(0, 0, -10, -43); pjs.popMatrix(); //legs pjs.line(3, 59, 2, 17); pjs.line(-3, 55, -2, 17); pjs.popMatrix(); } else if (this.falling) { pjs.fill(0, 0, 0, 20); pjs.ellipse(translateX, this.y + 63, this.w, 8); pjs.pushMatrix(); pjs.translate(translateX, translateY); pjs.scale(scaleX, scaleY); pjs.fill(255); pjs.stroke(255); pjs.strokeWeight(1); pjs.ellipse(0, -28, 25, 25); //face pjs.rect(0, 0, 10, 35, 10); //body pjs.fill(0); pjs.ellipse(-5, -29, 5, 8); pjs.strokeWeight(6); //arms pjs.line(2, -15, 8, -47); pjs.line(-2, -15, -8, -43); //legs pjs.line(3, 59, 2, 17); pjs.line(-3, 55, -2, 17); pjs.popMatrix(); } else if (this.stuck) { male(pjs.color(255), translateX, translateY, -scaleX, scaleY, -10 + sin(frameCount * 4), -28, [-5, -14, -17, -4, -23, 15], [5, -14, 18, -15, 35, -10], [-1, 14, -2, 36, -7, 56], [2, 17, 11, 35 + sin(frameCount * 4) * 5, 9, 52 + sin(frameCount * 4) * 3], 39, 2, [-2, -31, 7, -31], "afraid"); } else if (this.jumping) { pjs.pushMatrix(); pjs.translate(translateX, translateY); pjs.scale(scaleX, scaleY); pjs.fill(255); pjs.strokeWeight(1); pjs.stroke(255); pjs.ellipse(0, -28, 25, 25); pjs.rect(0, 0, 10, 35, 10); //eye pjs.fill(0); pjs.ellipse(-5, -29, 5, 8); pjs.strokeWeight(6); pjs.line(0, -15, 0, 3); pjs.line(0, -1, -8, 9); pjs.line(0, -15, 9, -2); pjs.line(3, 6, 9, -2); pjs.line(-5, 27, -2, 14); pjs.line(-5, 27, 3, 42); pjs.line(1, 27, 2, 17); pjs.line(1, 27, 9, 42); pjs.popMatrix(); } else if (this.running) { pjs.pushMatrix(); pjs.translate(translateX, translateY + 3); pjs.scale(scaleX, scaleY); if (!this.jumping) { pjs.fill(0, 0, 0, 20); pjs.ellipse(16, 57, 60, 15); } pjs.rotate(-12); pjs.translate(10, 0); pjs.fill(255); pjs.strokeWeight(1); pjs.stroke(255); pjs.ellipse(0, -28, 25, 25); //face pjs.rect(0, 0, 10, 35, 10); //body //eye pjs.fill(0); pjs.ellipse(-5, -29, 5, 8); pjs.strokeWeight(6); //arms 56 pjs.pushMatrix(); pjs.translate(2, -15); pjs.rotate(pjs.sin(pjs.millis() / 2) * constrain(mov, 35, 56) + 30); pjs.line(0, 0, 12, 15); pjs.line(-2, 23, 12, 15); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(-2, -15); pjs.rotate(-pjs.sin(pjs.millis() / 2) * constrain(mov, 35, 56) - 25); pjs.line(0, 0, -12, 15); pjs.line(-23, 2, -12, 15); pjs.popMatrix(); //legs pjs.pushMatrix(); pjs.translate(2, 15); pjs.rotate(pjs.sin(pjs.millis() / 2) * constrain(mov, 35, 56) + 45); pjs.line(0, 0, 15, 15); pjs.line(30, 20 + pjs.sin(pjs.millis() / 2) * constrain(mov / 2, 1, 7), 15, 15); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(-2, 15); pjs.rotate(-pjs.sin(pjs.millis() / 2) * constrain(mov, 35, 56) - 45); pjs.line(0, 0, -15, 15); pjs.line(-20 + pjs.sin(pjs.millis() / 2) * constrain(mov / 2, 1, 7), 30, -15, 15); pjs.popMatrix(); pjs.popMatrix(); } else { pjs.fill(0, 0, 0, 20); pjs.ellipse(translateX, this.y + 63, this.w, 8); pjs.pushMatrix(); pjs.translate(translateX, translateY); pjs.scale(scaleX, scaleY); pjs.fill(255); pjs.stroke(255); pjs.strokeWeight(1); pjs.ellipse(0, -28, 25, 25); //face pjs.rect(0, 0, 10, 35, 10); //body pjs.fill(0); pjs.ellipse(-5, -29, 5, 8); pjs.strokeWeight(6); //arms pjs.line(2, -15, 8, 17); pjs.line(-2, -15, -8, 13); //legs pjs.line(3, 59, 2, 17); pjs.line(-3, 55, -2, 17); pjs.popMatrix(); } pjs.rectMode(CORNER); if (this.right) { scaleX = -0.6; } else { scaleX = 0.6; } //mirror player graphics if it's looking right }; })(); Player.prototype.update = function() { if (!this.canJump && !this.drowning) { this.willFallT ++; if (this.willFallT > 65) { this.falling = true; this.talk("AHHHHHH!", -50); } } else { this.willFallT = 0; this.falling = false; } if (this.stuck) { this.talk("Help, I'm stuck!", -50); } //jump if ((keys[UP] \|\| keys.w) && this.canJump) { this.yVel = this.stuck ? -1 : -11.5; this.jumping = true; } //check if the player can move if (this.fallT === 0 && this.drownT === 0 && !this.stuck) { //move right (doesn't work if you press both arrow keys or ad keys) if ((keys[RIGHT] && !keys[LEFT]) \|\| (keys.d && !keys.a)) { this.xVel += 0.55; this.right = true; this.running = true; } //move left (doesn't work if you press both arrow keys or ad keys) if ((keys[LEFT]&& !keys[RIGHT]) \|\| (keys.a && !keys.d)) { this.xVel -= 0.55; this.right = false; this.running = true; } } this.canJump = false; //always assume we're in the air if (this.x < 0) { this.x = 0; } //set limit for player so it doesn't go too much left this.xVel = Math.abs(this.xVel) < 0.15 ? 0 : this.xVel; //This will make the player's velocity 0 //reset x velocity if (this.xVel > 0) { this.xVel -= 0.15; } if (this.xVel < 0) { this.xVel += 0.15; } //stop running animation if x velocity is so small if (Math.abs(this.xVel) < 0.15) { this.running = false; } //player's x position this.xVel = constrain(this.xVel, -5, 5); this.x += Math.ceil(this.xVel); //x collision this.collide(blocks, false, true, false); this.collide(gates, false, true, false); this.collide(platforms, false, true, false); //player's y position this.yVel += this.stuck? this.gravity / 3 : this.gravity; this.y += this.yVel; //set maximum y velocity if (this.yVel > 7) { this.yVel = 7; } this.collide(blocks, false, false, true); this.collide(gates, false, false, true); this.collide(platforms, false, false, true); //check if the player is hit and is in full focus (or has recovered from the shock) if (this.hit && this.hitT > 105) { this.yVel = -4; this.jumping = true; this.endurance -= this.damage; this.hitT = 0; } //if the hit timer is less than 100 (there has been enough time for the player to recover) if (this.hitT <= 100) { if (pjs.frameCount % 10 === 0) { this.visible = !this.visible; } //flicker player appearance if (this.hit && this.hitT <= 70) { this.talk("Ouch!", -50); } //make the player shout(?) } else { this.visible = true; this.hit = false; } //if the player had enough time to recover, make it visible this.hitT ++; //increase hit timer //if the player has no more endurance, reset plarformer (start the level over) if (this.endurance <= 0) { trans.active = true; trans.speed = 20; trans.func = function() { platformer.reset(); }; } //check if the player is at a certain level low enough to be falling (with no possibility to come back) if ((this.y + this.h > (platformer.drawLevel[currentLevel].length - platformer.limit[currentLevel]) * 40) && !this.drowning) { this.fallT ++; //increase falling timer this.falling = true; //activate falling animation //make the player cry(?) if (this.fallT >= 50) { trans.active = true; trans.speed = 20; trans.func = function() { platformer.reset(); }; } else { this.talk("AHHHHHH!", -50); } } if (this.drowning) { //make the player cry for help(?) this.talk("Help! Help! I'm drowning!", -50); this.drownT ++; //increase drown timer //if the player is under the swamp for 100 frames, start over if (this.drownT > 100) { trans.active = true; trans.speed = 20; trans.func = function() { platformer.reset(); }; } } //if the player reaches the far right end of the plarformer, move to the next level if (this.x > (platformer.drawLevel[currentLevel][platformer.drawLevel[currentLevel].length - 1].length) * 40) { trans.active = true; trans.speed = 20; trans.func = function() { platformer.reset(); currentLevel ++; load = 0; }; } }; Player.prototype.talk = function(txt, txtOffsetX, txtOffsetY) { //offset x and y if specified txtOffsetX = txtOffsetX !== undefined ? txtOffsetX : 0; txtOffsetY = txtOffsetY !== undefined ? txtOffsetY : 0; //display text Text(txt, this.x + txtOffsetX, this.y - 50 + txtOffsetY, 17, pjs.color(255)); }; Player.prototype.reset = function() { //reset all player data this.x = this.spawn.x; this.y = this.spawn.y; this.xVel = 0; this.yVel = 0; this.restart = false; this.gravity = 0.5; this.jumping = true; this.falling = true; this.drowning = this.running = false; this.right = true; this.endurance = 100; this.hit = false; this.stuck = false; this.hitT = 40; this.fallT = 0; this.drownT = 0; this.willFallT = 0; }; player = Player.makeNewInst(); /******************************************************/ /*******************Spider OOP********************/ var Spider = function(x, y) { this.x = x; this.y = y + 20; this.xSpeed = 1; this.h = 20; this.w = 60; this.leg = 0; this.speed = 2; }; Spider.prototype = Object.create(Collidable.prototype); Spider.prototype.draw = function() { image(g.spider, this.x, this.y); pjs.stroke(0); pjs.strokeWeight(2); pjs.pushMatrix(); pjs.translate(this.x + 18, this.y + 17); pjs.rotate(this.leg); pjs.line(0, 0, -13, -8); pjs.line(-15, 5, -13, -8); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(this.x + 18, this.y + 26); pjs.rotate(-this.leg 3 / 4 + 15); pjs.line(0, 0, -14, -8); pjs.line(-12, 5, -14, -8); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(this.x + 20, this.y + 13); pjs.rotate(-this.leg * 2 + 6); pjs.line(0, 0, -14, -8); pjs.line(-12, 5, -14, -8); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(this.x + 42, this.y + 17); pjs.rotate(this.leg); pjs.line(0, 0, 13, -8); pjs.line(15, 5, 13, -8); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(this.x + 42, this.y + 26); pjs.rotate(-this.leg * 3 / 4 - 15); pjs.line(0, 0, 14, -8); pjs.line(12, 5, 14, -8); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(this.x + 44, this.y + 13); pjs.rotate(-this.leg * 2 + 6); pjs.line(0, 0, 14, -8); pjs.line(12, 5, 14, -8); pjs.popMatrix(); }; Spider.prototype.move = function() { if (this.leg > 10 \|\| this.leg <-10) { this.speed = -this.speed; } this.leg += this.speed; this.x += this.xSpeed; //objs, colInv, x, y this.collide(blocks, true, this.x, this.y); this.collide(stairs, true, this.x, this.y); if (collide(this, player)) { player.hit = true; player.damage = 30; } }; allocate(Spider, 1); /******************************************************/ /********************Mud OOP*********************/ var Mud = function(x, y){ this.x = x; this.y = y; this.w = 66; this.h = 4; }; Mud.prototype.draw = (function() { var jumpCount = 0; return function() { pjs.fill(0); pjs.noStroke(); pjs.ellipse(this.x + this.w / 2 - 5, this.y + this.h / 2 + 8, 78, 6); pjs.ellipse(this.x + 28 + this.w / 2, this.y - 2 + this.h / 2 + 8, 35, 4); if (collide(this, player)) { player.stuck = true; player.xVel = 0; if (keys[UP] && player.canJump) { jumpCount ++; } } if (jumpCount >= 5) { player.stuck = false; jumpCount = 0;} }; })(); allocate(Mud, 1); /****************************************************/ /*********************Blocks*********************/ var Block = function(x, y, w, h, image) { this.x = x; this.y = y; this.w = w; this.h = h; this.image = image; this.invisible = this.image === undefined ? true : false; }; Block.prototype.draw = function() { if (this.image) { pjs.imageMode(CORNER); pjs.image(this.image, this.x, this.y, this.w, this.h); } }; Block.prototype.stair = false; Block.prototype.danger = false; allocate(Block, 20); var Platform = function(x, y, w, h, image, type) { Block.call(this, x, y, w, h, image); this.type = type; this.s = 1.5; this.xSpeed = this.s; }; Platform.prototype = Object.create(Collidable.prototype); Platform.prototype.draw = function() { image(this.image, this.x, this.y, this.w, this.h); }; Platform.prototype.move = function() { if (this.type === "horizontal") { this.x+= this.xSpeed; this.collide(blocks, true, true, false); } if (this.type === "vertical") { this.y += this.ySpeed; this.collide(blocks, true, false, true); } }; allocate(Platform, 1); var Stair = function(x, y, w, h, image, direction){ Block.call(this, x, y, w, h, image); this.dir = direction; }; Stair.prototype = Object.create(Block.prototype); Stair.prototype.draw = function() { pjs.imageMode(CORNER); if (this.dir === "left") { pjs.image(this.image, this.x, this.y); if (collide(player.x, player.y, player.w, player.h, this.x + this.w / 2, this.y, this.w / 2, this.h)) { player.y = this.y - player.h; player.yVel = 0; player.canJump = true; player.jumping = false; player.falling = false; } if (collide(player.x, player.y, player.w, player.h, this.x, this.y + this.h / 2, this.w / 2, this.h / 2)) { player.y = this.y + this.h / 2 - player.h; player.yVel = 0; player.canJump = true; player.jumping = false; player.falling = false; } } else { pjs.pushMatrix(); pjs.translate(this.x + this.w, this.y); pjs.scale(-1, 1); pjs.image(this.image, 0, 0); if (collide(player.x, player.y, player.w, player.h, this.x + this.w / 2, this.y + this.h / 2, this.w / 2, this.h / 2)) { player.y = this.y + this.h / 2 - player.h; player.yVel = 0; player.canJump = true; player.jumping = false; player.falling = false; } else if (collide(player.x, player.y, player.w, player.h, this.x, this.y, this.w / 2, this.h)) { player.y = this.y - player.h; player.yVel = 0; player.canJump = true; player.jumping = false; player.falling = false; } pjs.popMatrix(); } }; Stair.prototype.stair = true; allocate(Stair, 5); var Thorn = function(x, y, w, h, image) { Block.call(this, x, y, w, h, image); }; Thorn.prototype = Object.create(Block.prototype); Thorn.prototype.danger = true; allocate(Thorn, 20); var Swamp = function(x, y, w, h, image, surf) { Block.call(this, x, y, w, h, image); this.surf = surf; }; Swamp.prototype = Object.create(Block.prototype); Swamp.prototype.swamp = true; Swamp.prototype.draw = function() { if (this.surf) { pjs.image(this.image, this.x, this.y + 10); } else { pjs.image(this.image, this.x, this.y, this.w, this.h); } if (collide(this.x, this.y + 20, this.w, this.h, player.x, player.y, player.w, player.h) && this.surf) { player.yVel = 0.6; player.xVel = 0; player.drowning = true; player.gravity = 0; //no gravity (for more convincing animation) } }; allocate(Swamp, 10); /****************************************************/ /**************Gate & Key Positinos***************/ var Gate = function(x, y, keyX, keyY, col) { this.x = x; this.gateY = y; this.y = y - 10; this.w = 10; this.h = this.maxH = 124; this.keyX = keyX; this.keyY = this.initialKeyY = keyY; this.keyFill = 255; this.col = col === "default" ? pjs.color(41, 227, 252) : col; this.keyTaken = true; this.open = false; this.timer = 0; this.stop = false; this.canCollide = true; }; Gate.prototype.draw = function() { pjs.stroke(13, 4, 4); pjs.noFill(); pjs.strokeWeight(2.5); pjs.line(this.x, this.gateY, this.x, this.gateY + this.h); pjs.line(this.x - 5, this.gateY - 4, this.x - 5, this.gateY + this.h - 4); pjs.line(this.x + 5, this.gateY + 4, this.x + 5, this.gateY + this.h + 4); pjs.line(this.x - 5, this.gateY - 4, this.x + 5, this.gateY + 4 ); pjs.bezier(this.x - 5, this.gateY - 4, this.x - 2, this.gateY - 23, this.x + 5, this.gateY - 20, this.x + 5, this.gateY + 4); pjs.fill(0, 0, 0); pjs.triangle(this.x - 2, this.gateY + this.h - 1, this.x, this.gateY + this.h + 1, this.x + 2, this.gateY + this.h - 1); pjs.triangle(this.x - 7, this.gateY + this.h - 5, this.x - 5, this.gateY + this.h - 3, this.x - 3, this.gateY + this.h - 5); pjs.triangle(this.x + 3, this.gateY + this.h + 3, this.x + 5, this.gateY + this.h + 5, this.x + 7, this.gateY + this.h + 3); pjs.fill(this.col); pjs.strokeWeight(2); pjs.quad(this.x, this.gateY, this.x - 3, this.gateY - 10, this.x, this.gateY - 20, this.x + 3, this.gateY - 10); //check player gate collision if (collide(this.x - 20, this.y - 5, this.w + 10, this.maxH, player.x, player.y, player.w, player.h)) { if (!this.keyTaken) { player.talk("It won't open...\nIt needs a key!", -20, -10); } else { if (!this.open && keys.o) { this.open = true; } else { if (this.h <= 22) { player.talk("It's floating...", -20, 10); } } } } //raise the bottom part up to open the gate if (this.open) { if (this.h > 20) { this.h -= 1.4; } } }; Gate.prototype.key = function() { if (collide(this.keyX- 20, this.keyY + 10, 30, 30, player.x, player.y, player.w, player.h) && !this.keyTaken) { this.keyTaken = true; } if (this.keyTaken) { if (this.keyFill > 0) { this.keyFill -= 6; this.keyY -= 1; player.talk("A key!"); } } pjs.pushMatrix(); pjs.translate(this.keyX, this.keyY + 20 + sin(pjs.millis() / 5) 5); pjs.rotate(50); pjs.strokeWeight(2.5); pjs.noFill(); pjs.stroke(13, 4, 4, this.keyFill); pjs.line(0, 8, 0, 20); pjs.line(5, 18, 1, 18); pjs.line(3, 14, 1, 14); pjs.ellipse(0, 0, 12, 12); pjs.strokeWeight(1); pjs.fill(this.col, this.keyFill); pjs.quad(0, -6, -4, 0, 0, 6, 4, 0); pjs.popMatrix(); if (!this.keyTaken) { pjs.noStroke(); pjs.fill(0, 0, 0, 40); pjs.ellipse(this.keyX - 5, this.keyY + 45, 20 + sin(pjs.millis() / 5) * 3, 5); } }; Gate.prototype.reset = function() { this.keyFill = 255; this.keyTaken = false; this.open = false; this.stop = false; this.h = this.maxH; this.timer = 0; this.keyY = this.initialKeyY; }; allocate(Gate, 1); var gateNum = currentLevel; var gateData = [ { col: "default", keyX: 3660, keyY: 200, }, { col: pjs.color(255, 18, 180), keyX: 1540, keyY: 80, }, { col: pjs.color(20, 255, 20), keyX: 1500, keyY: 240, }, { col: pjs.color(255, 208, 20), keyX: 80, keyY: 880, }, { col: pjs.color(55, 20, 255), keyX: 1060, keyY: 80, }, ]; /******************************************************/ /*****************Virtual Camera*****************/ var Camera = function(x, y) { this.x = x; this.y = y; }; Camera.prototype.update = function() { this.x = Math.round(lerp(this.x, width / 2 - player.x, 0.05)); this.y = Math.round(lerp(this.y, height / 2 - player.y, 0.05)); if (this.x > 0) { this.x = 0; } if (this.x < -platformer.drawLevel[currentLevel][platformer.drawLevel[currentLevel].length - 1].length 40 + 600) { this.x = -platformer.drawLevel[currentLevel][platformer.drawLevel[currentLevel].length - 1].length * 40 + 600; } if (this.y < 600 - platformer.drawLevel[currentLevel].length * 40) { this.y = 600 - platformer.drawLevel[currentLevel].length * 40; } }; Camera.prototype.reset = function() { this.x = width / 2 - player.x; this.y = height / 2 - player.y; }; gameCamera = Camera.makeNewInst(width / 2 - player.x, height / 2 - player.y); /******************************************************/ /*****************The Shadow**********************/ var shadow = { x: 2450, y: 62, draw: (function() { var standing = true, walking = false; return function() { if (standing) { female(pjs.color(0), this.x, this.y, -0.8, 0.9, 0, -30, [-5, -14, -10, 2, -12, 23], [5, -12, 8, 8, 12, 23], [-3, 39, -4, 45, -6, 73], [4, 26, 6, 47, 7, 72], [13, 51, -11, 48], 2, [-3, -30, 7, -30], pjs.color(230)); } else if (walking) { female(pjs.color(20), this.x, this.y, -0.7, 0.8, 0, -30, [2, -14, -2 + cos(pjs.frameCount 1.5) * 8, 6, cos(pjs.frameCount * 1.5) * 16, 23], [2, -14, -3 + -cos(pjs.frameCount * 1.5) * 8, 6, 2 + -cos(pjs.frameCount * 1.5) * 16, 23], [0, 39, 5 + cos(pjs.frameCount * 1.5) * 4, 51, 5 + cos(pjs.frameCount * 1.5) * 8, 73 + sin(pjs.frameCount * 1.5) * 1.5], [0, 26, 4 + -cos(pjs.frameCount * 1.5) * 4, 47, 7 + -cos(pjs.frameCount * 1.5) * 8, 72 + -sin(pjs.frameCount * 1.5) * 1.5], [14, 51, -5, 48], 1, [5, -30], pjs.color(255)); } }; })(), talk: function(txt, txtOffsetX, txtOffsetY) { txtOffsetX = txtOffsetX !== undefined ? txtOffsetX : 0; txtOffsetY = txtOffsetY !== undefined ? txtOffsetY : 0; Text(txt, this.x + txtOffsetX, this.y - 50 + txtOffsetY, 17, pjs.color(255, 135, 133), 4); }, }, /******************************************************/ /*******************Buttons***********************/ Button = function(x, y, w, h, txt, txtSize, txtOffsetX, txtOffsetY, nxt) { this.x = x; this.y = this.inY = y; this.w = w; this.h = h; this.txt = txt; this.txtSize =txtSize; this.txtOffsetX = txtOffsetX \|\| 0; this.txtOffsetY = txtOffsetY \|\| 0; this.nxt = nxt; }; Button.prototype.draw = function() { pjs.noStroke(); pjs.fill(0, 0, 0, 50); for (var i = 0; i < 4; i ++) { pjs.rect(this.x - 3 - i, this.inY + 14 - i + (this.inY - this.y), this.w + 7 + i 2 , this.h + 4 + i * 2, 1); } pjs.pushMatrix(); pjs.translate(this.x, this.y); pjs.scale(this.w / 120, this.h / 70); pjs.rectMode(CORNER); pjs.strokeWeight(7); pjs.fill(74, 74, 74, 90); pjs.stroke(7); pjs.rect(0, 0, 120, 70); pjs.noStroke(); pjs.fill(0); pjs.triangle(15, 10, 22, -1, 20, 10); pjs.triangle(35, 6, 23, 15, 27, 7); pjs.triangle(31, -8, 40, 5, 42, 1); pjs.triangle(78, -4, 81, -18, 69, -4); pjs.triangle(97, -7, 105, 6, 88, -9); pjs.triangle(105, -6, 102, -14, 111, -4); pjs.triangle(124, 3, 131, -11, 117, 1); pjs.triangle(109, 13, 121, 20, 111, 5); pjs.triangle(95, 23, 112, 20, 111, 13); pjs.triangle(130, 34, 122, 64, 123, 46); pjs.triangle(108, 57, 111, 66, 117, 66); pjs.triangle(92, 64, 90, 78, 98, 65); pjs.triangle(79, 64, 74, 55, 86, 65); pjs.triangle(35, 74, 29, 87, 44, 73); pjs.triangle(57, 71, 35, 62, 49, 73); pjs.triangle(-8, 32, -1, 36, -2, 43); pjs.triangle(15, 35, 4, 26, 2, 31); pjs.triangle(0, 12, 10, 17, 7, 22); pjs.triangle(9, 7, 2, 8, 15, -6); pjs.noFill(); pjs.strokeWeight(3); pjs.stroke(4); pjs.bezier(-5, 1, 21, 29, 70, -30, 125, 4); pjs.bezier(3, 75, -18, 30, 25, 22, 5, -4); pjs.bezier(114, 75, 141, 39, 94, 33, 116, -3); pjs.bezier(-4, 63, 14, 98, 92, 46, 124, 70); pjs.popMatrix(); Text(this.txt, this.x + this.txtOffsetX, this.y + this.txtOffsetY, this.txtSize, pjs.color(214, 19, 19), 2); if (collide(this.x, this.y, this.w, this.h, pjs.mouseX, pjs.mouseY)) { pjs.cursor("pointer"); if (this.y < this.inY + 7) { this.y ++; } if (clicked) { trans.active = true; trans.speed = 8; trans.next= this.nxt; } } else { if (this.y > this.inY) { this.y --; } } }; var buttons = [ Button.makeNewInst(300 - 70, 360, 140, 50, "PLAY", 35, 20, 12, "controls"), Button.makeNewInst(300 - 100, 460, 200, 50, "CREDITS", 35, 20, 12, "credits"), Button.makeNewInst(300 - 140 / 2, 520, 140, 50, "HOME", 35, 20, 12, "menu")], /*********Function that Draws the Blocks**********/ drawBlocks = function(type, move, gate) { for(var i = 0; i < type.length; i ++) { //draw block if (type[i].x > -gameCamera.x - type[i].w - 20 && type[i].x < width-gameCamera.x && type[i].y > -gameCamera.y - type[i].h - 20 && type[i].y < height-gameCamera.y) { type[i].draw(); } if (move) { type[i].move(); } //move certain blocks //draw key for the gate if (type[i].keyX > -gameCamera.x - 40 - 20 && type[i].keyX < width-gameCamera.x && type[i].keyY > -gameCamera.y - 40 - 20 && type[i].keyY < height-gameCamera.y) { type[i].key(); } } }, /****************************************************/ /*******************Load Level********************/ loadLevel = function() { while(load < 1) { for (var i = 0; i < blocks.length; i ++) { blocks[i].destroy(); } for (var i = 0; i < spiders.length; i ++) { spiders[i].destroy(); } for (var i = 0; i < platforms.length; i ++) { platforms[i].destroy(); } for (var i = 0; i < swamps.length; i ++) { swamps[i].destroy(); } for (var i = 0; i < gates.length; i ++) { gates[i].destroy(); } for (var i = 0; i < stairs.length; i ++) { stairs[i].destroy(); } for (var i = 0; i < muds.length; i ++) { muds[i].destroy(); } blocks = []; spiders = []; platforms = []; swamps = []; stairs = []; muds = []; gameObjs = []; gates = []; for(var i = 0, iarr = platformer.drawLevel[currentLevel].length; i < iarr; i ++) { var jar = platformer.drawLevel[currentLevel][i].split(""); for(var j = 0, jarr = jar.length; j < jarr; j++) { switch (jar[j]) { case "1": blocks.push(Block.makeNewInst(j 40, i * 40, 40, 40, g.block1)); break; case "2": blocks.push(Block.makeNewInst(j * 40, i * 40, 40, 40, g.block2)); break; case "b": blocks.push(Block.makeNewInst(j * 40, i * 40, 40, 40)); break; case "3": blocks.push(Thorn.makeNewInst(j * 40, i * 40, 40, 40, g.thorn1)); break; case "4": blocks.push(Thorn.makeNewInst(j * 40, i * 40, 40, 40, g.thorn2)); break; case "5": swamps.push(Swamp.makeNewInst(j * 40, i * 40, 40, 40, g.swamp1)); break; case "6": swamps.push(Swamp.makeNewInst(j * 40, i * 40, 40, 40, g.swamp2, true)); break; case "g": if (gateNum < gateData.length) { gates.push(Gate.makeNewInst(j * 40, i * 40, gateData[gateNum].keyX, gateData[gateNum].keyY, gateData[gateNum].col)); gateNum ++; } break; case "@": player.spawn.x = j * 40; player.spawn.y = i * 40; break; case "&": spiders.push(Spider.makeNewInst(j * 40, i * 40)); break; case "=": if (jar[j - 1] !== "=" && jar[j + 1] !== "=") { platforms.push(Platform.makeNewInst(j * 40, i * 40, 80, 40, g.block2, "horizontal")); } else if (jar[j - 1] !== "=") { platforms.push(Platform.makeNewInst(j * 40, i * 40, 120, 40, g.block2, "horizontal")); } break; case "s": if ((jar[j - 1] !== "1") && (jar[j - 1] !== "2")) { stairs.push(Stair.makeNewInst(j * 40, i * 40, 40, 40, g.stair, "left")); } else { stairs.push(Stair.makeNewInst(j * 40, i * 40, 40, 40, g.stair, "right")); } break; case "o": muds.push(Mud.makeNewInst(j * 40, i * 40 + 34)); break; case "k": // println(j * 40 + " " + i * 40); break; } } } platformer.reset(); load ++; } }, /******************************************************/ /*****************Boss Cutscene*******************/ bigSpider = { x: 860, y: 500, walk: false, balls: [], draw: function() { pjs.pushMatrix(); pjs.translate(this.x, this.y); pjs.scale(0.8); pjs.fill(0); pjs.noStroke(); pjs.ellipse(0, 0, 209, 102); pjs.strokeWeight(18); pjs.stroke(0); pjs.line(-139, -57, -86, -19); pjs.line(-139, -57, -166 + sin(pjs.frameCount 4) * 5, 10); pjs.line(-153, -30, -172 + sin(-pjs.frameCount * 4) * 5, 32); pjs.line(-153, -30, -85, 2); pjs.line(-156, -7, -85, 17); pjs.line(-156, -6, -170 + sin(pjs.frameCount * 4) * 6, 69); pjs.pushMatrix(); pjs.translate(209, -77); pjs.scale(-1, 1); pjs.line(68, 20, 121, 58); pjs.line(68, 20, 41 + sin(pjs.frameCount * 4) * 5, 87); pjs.line(54, 47, 35, 109); pjs.line(54, 47, 122, 79); pjs.line(51, 70, 122, 94); pjs.line(51, 71, 37, 146); pjs.popMatrix(); pjs.noStroke(); pjs.fill(199, 18, 18); var y = min(18, 29); pjs.pushMatrix(); pjs.translate(-24, 26); pjs.rotate(8); pjs.fill(199, 18, 18); pjs.arc(0, 0, 33, 20, 0, 180); pjs.fill(0); pjs.rect(-17, -32 + y, 36, 12); pjs.ellipse(0, -21 + y, 33, 5); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(-64, 17); pjs.rotate(17); pjs.fill(199, 18, 18); pjs.arc(0, 0, 31, 20, 0, 180); pjs.fill(0); pjs.rect(-17, -32 + y, 36, 12); pjs.ellipse(0, -21 + y, 33, 5); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(18, 26); pjs.rotate(-8); pjs.fill(199, 18, 18); pjs.arc(0, 0, 33, 20, 0, 180); pjs.fill(0); pjs.rect(-17, -32 + y, 36, 12); pjs.ellipse(0, -21 + y, 33, 5); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(56, 17); pjs.rotate(-17); pjs.fill(199, 18, 18); pjs.arc(0, 0, 31, 20, 0, 180); pjs.fill(0); pjs.rect(-17, -32 + y, 36, 12); pjs.ellipse(0, -21 + y, 33, 5); pjs.popMatrix(); pjs.popMatrix(); if (this.walk && this.x >= 500) { this.x --; } if (this.x <= 500) { trans.active = true; trans.next = "coming soon"; trans.speed = 7; } }, attack: function(type) {} //type 0: spiders/ type 1: balls/ }, cutScene = (function() { var t = 0, playTimer = false; return function() { if (player.x > 1600 && player.x < 1800) { player.talk("It's mom.", 20); } else if (player.x > 2000 && t < 100) { player.talk("It's mo-", 20); } if (player.x >= (platformer.drawLevel[5][platformer.drawLevel[5].length - 1].length * 40 - 560)) { player.x = platformer.drawLevel[5][platformer.drawLevel[5].length - 1].length * 40 - 560; if (!player.jumping) { player.auto = true; player.running = false; } gameCamera.x = Math.round(lerp(gameCamera.x, -platformer.drawLevel[currentLevel][platformer.drawLevel[currentLevel].length - 1].length * 40 + 600, 0.02)); player.standing = true; playTimer = true; } shadow.draw(); if (t > 150 && t < 260) { shadow.talk("Hello, Andy.", -100, -25); } else if (t > 280 && t < 390) { player.talk("Mom?", 30); } else if (t > 410 && t < 520) { player.talk("You're... not my mom.", 30); } else if (t > 540 && t < 700) { shadow.talk("Oh, no. I'm better than\nyour mother.", -140, -25); } else if (t > 720 && t < 830) { shadow.talk("I can see.", -100, -25); } else if (t > 850 && t < 1100) { shadow.talk("I'm the mother you\nalways wanted to have.", -140, -25); } else if (t > 1140 && t < 1270) { player.talk("That's not true!", 30); } else if (t > 1290 && t < 1450) { player.talk("I love my real mother!", 30); } else if (t > 1470 && t < 1680) { shadow.talk("Oh, come on! We both know\n it's not true.", -140, -20); } else if (t > 1700 && t < 1900) { shadow.talk("After all, you're the one\nwho decided to leave her. ", -140, -20); } else if (t > 1700 && t < 1900) { shadow.talk("After all, you're the one\nwho decided to leave her. ", -140, -20); } else if (t > 1900 && t < 2050) { player.talk("That's a lie!", 30); } else if (t > 2090 && t < 2290) { shadow.talk("I think you're the one who's lying. ", -140, -20); } else if (t > 2290 && t < 2500) { shadow.talk("I can give you real happiness, Andy.", -140, -20); } else if (t > 2500 && t < 2700) { shadow.talk("You know you don't need your mother", -140, -20); } else if (t > 2700 && t < 2800) { player.talk("I- I want to go home.", 30); } else if (t > 2800 && t < 2900) { shadow.talk("Why, Andy?", -140, -20); } else if (t > 2980 && t < 3320) { shadow.talk("I've got a present for you.", -140, -20); bigSpider.walk = true; } //update timer when playTimer is true and reset it once it's false if (playTimer) { t ++; } else if (t !== 0) { t = 0; } }; })(), /***********************Logo************************/ logo = (function() { var Flame = function(x, y, size, speed) { this.x = x; this.y = y; this.speed = speed; //the larger the slower this.size = size; this.n = 0.4; //used to animate flame this.f = Math.floor(random(3, 4)); //some variable used to animate flame. }; Flame.prototype.draw = function(a, animX, animY) { //set default values for a, animX and animY when they're not defined a = a \|\| 0; animX = animX \|\| 0; animY = animY \|\| 0; pjs.noStroke(); pjs.pushMatrix(); pjs.translate(this.x, this.y); pjs.scale(this.size/20); //the orange part of the flame pjs.fill(255, 169, 41, 150); pjs.beginShape(); pjs.vertex(animX, 33 + animY); pjs.bezierVertex(-10 + animX, 35 + animY, -26 + animX, 21 + animY, sin(pjs.millis() / this.speed) this.n * this.f + animX + a, animY); pjs.bezierVertex(26 + animX, 21 + animY, 10 + animX, 35 + animY, + animX + (a === 0 ? a : (a - 10)), 33 + animY + (a === 0 ? a : max(0, a - 30))); endShape(); //draw the white-ish part of the flame pjs.fill(255, 251, 232, 150); pjs.beginShape(); pjs.vertex(animX, 33 + animY); pjs.bezierVertex(4 + animX, 35 + animY, -17 + animX, 27 + animY, sin(pjs.millis() / this.speed) * this.n * this.f + animX + (a === 0 ? a : (a - 10)), 11 + animY + (a === 0 ? a : max(0, a - 30))); pjs.bezierVertex(17 + animX, 27 + animY, -4 + animX, 35 + animY, animX, 33 + animY); pjs.endShape(); pjs.popMatrix(); //animate flame //ceil() rounds to the upper number, it basically does the opposite of floor() this.n = Math.ceil(this.n * 1000 + 0.0001 * 1000)/1000; if (this.n > 1) { this.n = 0.1; } }; var flame = Flame.makeNewInst(-100, 12, 17, 2), t = 255, intro = true, f = 0; return function() { pjs.background(0); pjs.noFill(); pjs.stroke(10); pjs.strokeWeight(8); pjs.bezier(200, 415, 220, 572, 116, 548, 155, 517); pjs.bezier(200, 415, 180, 572, 259, 548, 241, 517); pjs.noStroke(); pjs.fill(10); pjs.ellipse(157, 519, 14, 14); pjs.ellipse(238, 519, 14, 14); pjs.fill(56, 33, 18); pjs.ellipse(200, 420, 130, 30); pjs.rect(135, 415, 130, 5); pjs.fill(84, 47, 23); pjs.ellipse(200, 415, 130, 30); pjs.pushMatrix(); pjs.translate(300, 250); pjs.image(g.light, sin(millis() / flame.speed) * flame.n * flame.f-380, -280, 600, 600); drawCandle(-100,100,false); flame.draw(f); pjs.popMatrix(); pjs.textAlign(CENTER, CENTER); glowText("C", 321, 380, 133, pjs.color(255, 231, 178), true, false); glowText("andlelight", 435, 384, 50, pjs.color(245, 186, 24), true); glowText("programming", 435, 434, 35, pjs.color(255, 157, 0)); glowText("Presents", 485, 554, 30, pjs.color(255, 255, 255)); //fading in and out (should be improved) if (t >= -60 && intro) { t --; } else if (!intro) { f += 20; t += 60; if (t >= 555) { trans.active = true; trans.next = "story"; trans.speed = 4; } } else { intro = false; } //skip logo if (clicked) { trans.active = true; trans.next = "story"; trans.speed = 4; } pjs.noStroke(); pjs.fill(0, constrain(t, 0, 255)); pjs.rect(0, 0, 600, 600); }; })(), /******************************************************/ /*********************Story**********************/ story = (function(){ var animVar1 = 50, t = 0, curScene = 0, scenes = [ function() { pjs.background(0); Text("You can never hide from the Shadow.", 100, 350, 25, pjs.color(255), 2); Text("It knows your secrets.", 170, 440, 25, pjs.color(255), 2); Text("It smells your fears.", 180, 530, 25, pjs.color(255), 2); pjs.noStroke(); pjs.fill(0, 255-t); pjs.rect(90, 345, 400, 30); pjs.fill(0, min(255, 555-t)); pjs.rect(160, 435, 250, 40); pjs.fill(0, min(255, 855-t)); pjs.rect(170, 525, 230, 40); //{ pjs.noStroke(); pjs.fill(255, 38, 67); pjs.pushMatrix(); pjs.translate(150, 176); pjs.rotate(9); pjs.arc(0, 0, 106, 40, 0, 180); pjs.popMatrix(); pjs.pushMatrix(); pjs.translate(450, 182); pjs.rotate(-9); pjs.arc(0, 0, 106, 40, 0, 180); pjs.popMatrix(); //} //Shadow's eyes pjs.fill(0); pjs.rect(95, 165, 110, animVar1); pjs.rect(395, 165, 110, animVar1); if (t >= 255) { animVar1 -= 10; } if (t >= 1000) { trans.active = true; trans.speed = 5; trans.next = "menu"; // trans.func = function() { curScene = 1; }; } if (clicked) { trans.active = true; trans.next = "menu"; trans.speed = 4; } }, function() { }, ]; return function() { t ++; // if (t >= 100) { // curScene = 1; // } scenes[curScene](); }; })(), /****************************************************/ /******************Run the game*******************/ runGame = function() { switch(scene) { case "load": loadGraphics(); break; case "logo": logo(); break; case "story": story(); break; case "menu": pjs.image(g.gameBackground, 0, 0, 600, 600); pjs.pushMatrix(); pjs.translate(600, -58); pjs.scale(-1, 1); pjs.image(g.bkgTrees2, 0, 0); pjs.popMatrix(); pjs.image(g.bkgTrees1, 0, -45); pjs.image(g.mountains, 0, -34); pjs.image(g.houses, 0, -64); pjs.image(g.bushes2, 0, 0); pjs.image(g.bushes, 0, 0); pjs.image(g.smoke, 0, 0, width, height); pjs.image(g.menuBkg2, 0, 0); pjs.noStroke(); pjs.fill(0, 60); pjs.rect(0, 0, width, height); title(); buttons[0].draw(); buttons[1].draw(); break; case "credits": pjs.image(g.creditsBkg, 0, 0, 600, 438); pjs.image(g.credits, 0, 0); pjs.image(g.creditsText, 0, 0); buttons[2].draw(); break; case "controls": pjs.background(0); pjs.image(g.controlTxt, 0, 0); Text("Click to start the game", 184, 480, 25, pjs.color(255, 150 + sin(pjs.millis() / 5) 80), 2); if (clicked) { trans.active = true; trans.speed = 8; trans.next = "game"; } break; case "coming soon": pjs.background(0); Text("Boss Level Coming Soon!", 100, 200, 30, pjs.color(255), 2); if (clicked) { trans.active = true; trans.next = "menu"; trans.speed = 4; } break; case "game": pjs.image(g.gameBackground, 0, 0, 600, 600); //for vertical background animation var n = player.y; if ((height / 2 - n) < 600 - platformer.drawLevel[currentLevel].length * 40) { n = -300 + platformer.drawLevel[currentLevel].length * 40; } //Thanks to Kool Kid for this idea (I'm still not sure if it was taken from him, but just in case) for (var i = Math.round(gameCamera.x / 4.5 - 600); i < 1200; i += 600) { pjs.pushMatrix(); pjs.translate(i + 1200, -58 + Math.max(8 - n / 7, 0)); pjs.scale(-1, 1); pjs.image(g.bkgTrees2, 0, 0); pjs.popMatrix(); } for (var i = Math.round(gameCamera.x / 4 - 600); i < 1200; i += 600) { pjs.image(g.bkgTrees1, i, -45 + Math.max(35 - n / 8, 0)); } for (var i = Math.round(gameCamera.x / 3 - 600); i < 1200; i += 600) { pjs.image(g.mountains, i, -34 + Math.max(35 - n / 7, 0)); } for (var i = Math.round(gameCamera.x / 2 - 600); i < 1200; i += 600) { pjs.image(g.houses, i, -58 + Math.max(35 - n / 6, 0)); } for (var i = Math.round(gameCamera.x / 1.6 - 600); i < 1200; i += 600) { pjs.image(g.bushes2, i, Math.max(35 - n / 5, 0)); } for (var i = Math.round(gameCamera.x / 1.3 - 600); i < 1200; i += 600) { pjs.image(g.bushes, i, Math.max(35 - n / 4.5, 0)); } for (var i = Math.round(gameCamera.x - 1200); i < 2400; i += 1200) { pjs.image(g.smoke, i, 0, 600, 600); pjs.pushMatrix(); pjs.translate(i + 1200, 0); pjs.scale(-1, 1); pjs.image(g.smoke, 0, 0, 600, 600); pjs.popMatrix(); } pjs.fill(255, 0, 0, 4); pjs.noStroke(); pjs.rect(0, 0, 600, 600); loadLevel(); if (!player.auto) { gameCamera.update(); } //draw blocks, player, and other objects pjs.pushMatrix(); pjs.translate(gameCamera.x, gameCamera.y); drawBlocks(blocks); drawBlocks(stairs); drawBlocks(muds); drawBlocks(platforms, true); drawBlocks(gates, false, true); drawBlocks(spiders, true); if(platformer.text[currentLevel] !== undefined) { for (var i = 0, txts = platformer.text[currentLevel].txt; i < txts.length; i ++) { if (platformer.text[currentLevel].x[i] > -gameCamera.x - txts[i].length * 8 && platformer.text[currentLevel].x[i] + 22 < width - gameCamera.x && platformer.text[currentLevel].y[i] > - gameCamera.y - 40 - 20 && platformer.text[currentLevel].y[i] < height - gameCamera.y) { Text(txts[i], platformer.text[currentLevel].x[i], platformer.text[currentLevel].y[i], 17, color(255)); } } } if (currentLevel === 0) { pjs.pushMatrix(); pjs.translate(3700, -14); pjs.noFill(); pjs.stroke(255); strokeWeight(2); pjs.bezier(130, -4, 144, -8, 149, 26, 122, 30); pjs.bezier(124, 20, 100, 33, 97, 46, 126, 40); // txt, x, y, size, color, thickness Text("Press 'O' to open", 0, -40, 20, pjs.color(255), 2); pjs.popMatrix(); } if (!player.auto) { player.update(); } if (currentLevel === 5) { cutScene(); } if (player.visible) { player.draw(); } drawBlocks(swamps); pjs.popMatrix(); if (currentLevel === 5) { bigSpider.draw(); } //the endurance bar (a green bar that changes to red as it approaches zero) pjs.fill(pjs.lerpColor(pjs.color(217, 43, 43), pjs.color(43, 177, 43), player.endurance / 100)); pjs.stroke(255, 255, 255); pjs.strokeWeight(2); pjs.rect(6, 10, max(0, player.endurance), 13, 5); if (currentLevel === 0) { pjs.noFill(); pjs.stroke(255); pjs.bezier(116, 17, 130, 5, 162, 35, 121, 56); pjs.bezier(124, 5, 114, 12, 100, 18, 131, 26); // txt, x, y, size, color, thickness Text("Health bar", 21, 50, 20, pjs.color(255)); } if(keys.r && player.x !== player.spawn.x && player.y !== player.spawn.y && !player.auto) { platformer.reset(); } break; } }; /******************************************************/ /*************Game's Main Functions**************/ funcs.push(function() { pjs.cursor("default"); }); funcs.push(runGame); //run game funcs.push(function() { //run transition animation when activated if (trans.active) { pjs.noStroke(); pjs.rectMode(CORNER); pjs.fill(0, 255 - trans.fade); //draw fading square pjs.rect(0, 0, width, height); //fade in first, then when the rect is fully black, fade out if (!trans.out) { trans.fade -= trans.speed; if (trans.fade < 1) { //run functions or move to the next scene if necessary if (trans.next !== null) { scene = trans.next; } if (trans.func !== null) { trans.func(); } trans.fade = 1; trans.out = true; } } //fade out, until the rect is fully transparent, then end the transition state if (trans.out) { trans.fade += trans.speed; if (trans.fade >= 255) { trans.fade = 255; trans.func = null; trans.active = false; trans.out = false; } } } }); //transition funcs.push(function() { clicked = false; }); /****************************************************/ /******************Draw Loop*********************/ pjs.draw = function() { try { funcs.forEach(function(ele) { ele(); }); //run all the main functions } catch(e) { pjs.println(SAVECODE); pjs.println(e); } // pjs.background(255); }; /****************************************************/ /******************Key Events*******************/ pjs.mouseClicked = function() { clicked = true; }; pjs.keyPressed = function() { //if the key is a special key, use "keyCode" if (pjs.key.code === 65535) { keys[pjs.keyCode] = true; } else if (pjs.key.code === 32 \|\| pjs.key.code === 6) { //if the key is hard to be represented as a property of an object, use "key.code" keys[pjs.key.code] = true; } else { //if it's a normal character, use "key" keys[pjs.key.toString()] = true; } }; //check which key(s) is/are pressed pjs.keyReleased = function() { //check if the key "p" is pressed if (keys.p) { if (g.paused) { pjs.loop(); } //continue draw loop if the game is paused g.paused = !g.paused; //pause/unpause game } //if the key is a special key, use "keyCode" if (pjs.key.code === 65535) { keys[pjs.keyCode] = false; } else if (pjs.key.code === 32 \|\| pjs.key.code === 6) { //if the key is hard to be represented as a property of an object, use "key.code" keys[pjs.key.code] = false; } else { //if it's a normal character, use "key" keys[pjs.key.toString()] = false; } }; //check which key(s) is/are released /*****************************************************/ }; /Run the whole thing*/ try { this.program.main(this); } catch(e) { println(e); } }; setup(); //call setup
Folds	94,100,111,117,130,437,493,499,608,617,618,632,633,660,661,686,687,703,704,709,711,741,744,751,759,801,804,859,863,940,943,1028,1030,1107,1109,1125,1131,1144,1145,1192,1193,1236,1237,1281,1282,1307,1308,1336,1337,1366,1367,1389,1390,1518,1519,1530,1531,1538,1539,1549,1550,1563,1564,1597,1598,1632,1633,1640,1641,1650,1651,1667,1668,1679,1680,1815,1816,1844,1845,1857,1861,1879,1886,1910,1913,1983,1989,2019,2021,2254,2257,2260,2261,2265,2267,2269,2272,2276,2279,2294,2331,2337,2340,2345,2350,2355,2358,2370,2372,2384,2387,2397,2400,2408,2409,2429,2437,2445,2447,2496,2497,2516,2524,2529,2530,2554,2562,2570,2571,2578,2584,2592,2594,2598,2599,2611,2615,2618,2620,2674,2679,2681,2687,2690,2693,2712,2720,2735,2736,2781,2782,2824,2826,2835,2840,2866,2871,2874,2875,2891,2892,2896,2904,2933,2939,2951,2952,3024,3026,3029,3033,3048,3054,3177,3183,3288,3290,3380,3384,3507,3513,3598,3834,3875,3902,3918,3920,3943
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgK6uxMz3Cgw
Votes	445
Spin-Offs	34
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Lin Gh.
Author Name	ammarLin2
Author ID	kaid_50158678480369360584210
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739454072857
Updated	4 months ago, 1744828261260
Source Deleted	unknown