Viewing Program

Program Data

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

Title	Ninja Jumper
ID	4671822928756736
Created	4 years ago, 1621861551108
Updated	3 years ago, 1636521425363
Code	/* Presenting Ninja Jumper - my first platformer game. Leaderboard updates CLOSED. Thanks to all who have participated! Use the arrow keys or WASD to move the ninja. On some occassion, two gems will appear. Take that as a bonus point! To close the menubar, simply click on anywhere OUTSIDE the bar. Ensure that you have closed all pop ups. ACKNOWLEDGEMENTS My biggest gratitude goes to the amazing people listed below: - Phil Hiett for the amazing Python game tutorial - Hydra for improving overall UI movements quality - Roger for giving me a clue regarding gravity This game is based on a 9-series pygame video on YouTube: pNrmYP5EW0I It would be great if you subscribe: https://www.khanacademy.org/computer-programming/i/5657327166341120 / //{ var lead = { player: ["💣💀NIGHT 🔫FURY💀💣", "𝑾𝒐𝒍𝒇𝒊𝒆", "Daksh", "⬠🐬 𝐵𝑒𝓃𝓃𝓎 🐬⬡", "ILikeTurtles"], score: [27435, 21312, 17867, 13884, 8302] }; var keys = []; var currentScene; var score = 0; var gameOver = false; var soundOn = false; //} main variables //{ var plat = function(config) { this.x = config.x; this.y = config.y; this.w = config.w \|\| 100; this.h = config.h \|\| 10; this.colour = config.colour \|\| color(102, 58, 0); this.speed = config.speed\|\| 0; this.leftLimit = config.leftLimit; this.rightLimit = config.rightLimit; }; var anmLava = 0; var addSpeed = [0, 0, 0, 0, 0, 0, 0]; var whichPos = [floor(random(3)), floor(random(3)), floor(random(3)), floor(random(3)), floor(random(3)), floor(random(3))]; var lava = new plat ({x: 0, y: 485, w: width, h: 40, colour: color(207, 16, 32, 245)}); var plats = [new plat({x: 60, y: 75, leftLimit: 25, rightLimit: 70}), new plat({x: 440, y: 75, leftLimit: 430, rightLimit: 475}), new plat ({x: 200, y: 175, speed: 1, leftLimit: 150, rightLimit: 200}), new plat({x: 300, y: 175, speed: 1, leftLimit: 300, rightLimit: 350}), new plat({x: 60, y: 275, leftLimit: 60, rightLimit: 90}), new plat({x: 440, y: 275, leftLimit: 410, rightLimit: 440}), new plat({x: 225, y: 375, w: 150, leftLimit: 175, rightLimit: 275})]; var scndPlats = [new plat ({x: 60, y: -225}), new plat ({x: 440, y: -225}), new plat ({x: 200, y: -125}), new plat ({x: 300, y: -125}), new plat ({x: 60, y: -25}), new plat ({x: 440, y: -25})]; var platforms = [lava, plats[0], plats[1], plats[2], plats[3], plats[4], plats[5], plats[6], scndPlats[0], scndPlats[1], scndPlats[2], scndPlats[3], scndPlats[4], scndPlats[5]]; function drawLava(xOff, yPos) { for (var x = 0; x < width; x += 20) { var y = map(noise(xOff + anmLava), 0, 1, 0, 150); noStroke(); fill(lava.colour); rectMode(CORNER); rect(x, yPos - y, 20, height - (yPos - y)); xOff += 0.0085; } anmLava += 0.0025; } plat.prototype.draw = function(lava) { if (!lava) { noStroke(); fill(this.colour); rectMode(CORNER); rect(this.x, this.y, this.w, this.h, 5); } else { if (currentScene === 1) { if (!gameOver) { this.y = 485; } drawLava(0, this.y + 35); } else if (currentScene === 2) { this.y = 375; drawLava(0, this.y); } } }; plat.prototype.move = function() { this.x += this.speed; if (this.x < this.leftLimit) { this.speed = - this.speed; } if (this.x > this.rightLimit) { this.speed = - this.speed; } }; function addPlatSpeed() { for (var i = 0; i < plats.length; i++) { if (i !== 2 && i !== 3) { if (score >= 10 + 14 i && score <= 13 + 14 * i) { addSpeed[i]++; if (addSpeed[i] <= 1) { plats[i].speed++; } } else { addSpeed[i] = 0; } } } } function randomizePos(num) { whichPos[num] = floor(random(3)); for (var j = 0; j < 3; j++) { if (num === j * 2 && whichPos[num] === whichPos[num + 1]) { whichPos[num] = floor(random(3)); } } if (whichPos[num] === 0) { scndPlats[num].x = 60; } else if (whichPos[num] === 1) { scndPlats[num].x = 250; } else if (whichPos[num] === 2) { scndPlats[num].x = 440; } } function anmPlat() { for (var i = 0; i < plats.length; i++) { plats[i].y += 1; if (plats[i].y > height) { plats[i].y = -200; } } for (var i = 0; i < scndPlats.length; i++) { scndPlats[i].y += 1; if (scndPlats[i].y > height) { scndPlats[i].y = -200; } if (scndPlats[i].y < -10) { randomizePos(i); } } } //} platforms object //{ var ninja = function(config) { this.x = config.x; this.y = config.y; this.w = 50; this.h = 55; this.colour = color(65, 90, 100); this.colour2 = color(60); this.size = config.size \|\| 1; this.dir = config.dir \|\| "left"; }; var gravity = 0; var xVel = 0; var allowY = true; var earsX, eyeX, eyeBallX, eyeBallY, feetX; var playNinja = new ninja ({x: 275, y: 225}); var coverNinja = new ninja ({x: 0, y: 0, size: 3, dir: "right"}); ninja.prototype.collideCheck = function(num) { return this.x + this.w >= platforms[num].x && this.x <= platforms[num].x + platforms[num].w && this.y + this.h >= platforms[num].y && this.y + this.h <= platforms[num].y + platforms[num].h; }; ninja.prototype.chgDecPos = function() { if (this.dir === "left") { earsX = [25, 50, 50, 20, 35, 35]; eyeX = 12; eyeBallX = [10, 25]; eyeBallY = 28; feetX = 12; } if (this.dir === "right") { earsX = [0, 25, 0, 15, 30, 15]; eyeX = 22; eyeBallX = [23, 38]; eyeBallY = 28; feetX = 9; } if (this.dir === "up") { eyeBallY = 26; } if (this.dir === "down") { eyeBallY = 31; } }; function drawMemeGlasses() { var line1 = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]; var line2 = [1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 2, 1, 1]; var line3 = [0, 1, 1, 1, 1, 1, 1, 2, 1, 2, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 2, 1, 2, 1, 1, 0]; var line4 = [0, 0, 1, 1, 1, 1, 2, 1, 2, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 2, 1, 2, 1, 1, 0, 0]; var line5 = [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0]; var all = [line1, line2, line3, line4, line5]; for (var y = 0; y < all.length; y++) { for (var x = 0; x < line1.length; x++) { if (all[y][x] === 0) { noFill(); } if (all[y][x] === 1) { fill(0); } if (all[y][x] === 2) { fill(75); } rect(coverNinja.x + (3 + x * 4.5) * coverNinja.size/2, coverNinja.y + (48 + y * 5) * coverNinja.size/2, 5 * coverNinja.size/2, 7 * coverNinja.size/2); } } } ninja.prototype.draw = function() { this.chgDecPos(); noStroke(); fill(this.colour); rect(this.x, this.y, this.w * this.size, (this.h - 7) * this.size, 10); //main body fill(this.colour2); rect(this.x + feetX * this.size, this.y + (this.h - 7) * this.size, 12 * this.size, 7 * this.size); //feet fill(this.colour); rect(this.x + (feetX + 16) * this.size, this.y + (this.h - 7) * this.size, 12 * this.size, 7 * this.size); triangle(this.x + earsX[0] * this.size, this.y + 10 * this.size, this.x + earsX[1] * this.size, this.y + 10 * this.size, this.x + earsX[2] * this.size, this.y - 12 * this.size); //ears fill(this.colour2); triangle(this.x + earsX[3] * this.size, this.y, this.x + earsX[4] * this.size, this.y, this.x + earsX[5] * this.size, this.y - 12 * this.size); fill(255); ellipse(this.x + eyeX * this.size, this.y + 27 * this.size, 19 * this.size, 17 * this.size); //eyes ellipse(this.x + (eyeX + 15) * this.size, this.y + 27 * this.size, 19 * this.size, 17 * this.size); fill(0); ellipse(this.x + eyeBallX[0] * this.size, this.y + eyeBallY * this.size, 5 * this.size, 5 * this.size); //eyeballs ellipse(this.x + eyeBallX[1] * this.size, this.y + eyeBallY * this.size, 5 * this.size, 5 * this.size); fill(255, 0, 0); rect(this.x - 3 * this.size, this.y + 10.5 * this.size, (this.w + 6) * this.size, 12 * this.size, 2); //head band }; ninja.prototype.move = function() { //LIMIT this.x = constrain(this.x, 0, width - this.w); this.y = constrain(this.y, 0, height - this.h); //MOVEMENTS this.x += xVel; this.y += gravity; xVel -= xVel/25; if (this.collideCheck(0) \|\| this.collideCheck(1) \|\| this.collideCheck(2) \|\| this.collideCheck(3) \|\| this.collideCheck(4) \|\| this.collideCheck(5) \|\| this.collideCheck(6) \|\| this.collideCheck(7) \|\| this.collideCheck(8) \|\| this.collideCheck(9) \|\| this.collideCheck(10) \|\| this.collideCheck(11) \|\| this.collideCheck(12) \|\| this.collideCheck(13)) { gravity = 0; allowY = 0; this.y -= 0.5; } else { if (gravity < 8) { gravity += 0.5; } if (gravity >= 8 && gravity < 10) { gravity += 0.25; } allowY += 0.025; this.dir = "down"; } //UI if((keys[RIGHT] \|\| keys[68])) { xVel = 7; this.dir = "right"; } else if(keys[LEFT] \|\| keys[65]) { xVel = -7; this.dir = "left"; } else { xVel = 0; } if ((keys[UP] \|\| keys[32] \|\| keys[87]) && allowY < 0.65) { this.y -= 11; this.dir = "up"; } }; //} ninja object //{ var gem = function(config) { this.x = config.x; this.y = config.y; this.w = config.w \|\| 50; this.h = config.h \|\| 50; this.op = 255; this.anmSpeed = 0.07; }; var randomOnce = [false, false]; var probability, num; var playGem = new gem ({x: 275, y: 100}); var secondGem = new gem ({x: 300, y: 95}); var coverGem = new gem ({x: 0, y: 0}); gem.prototype.collideCheck = function() { return this.x + this.w >= playNinja.x && this.x <= playNinja.x + playNinja.w && this.y <= playNinja.y + playNinja.h && this.y + this.h > playNinja.y; }; gem.prototype.draw = function() { beginShape(); //top left fill(179, 229, 252, this.op); vertex(this.x + 10, this.y); vertex(this.x, this.y + 15); vertex(this.x + this.w/3 - 2, this.y + 15); vertex(this.x + this.w/3, this.y); vertex(this.x + 10, this.y); endShape(); beginShape(); //middle top fill(79, 194, 247, this.op); vertex(this.x + this.w/3, this.y); vertex(this.x + this.w/3 - 2, this.y + 15); vertex(this.x + this.w * 2/3 + 2, this.y + 15); vertex(this.x + this.w * 2/3, this.y); vertex(this.x + this.w/3, this.y); endShape(); beginShape(); //top right fill(3, 168, 244, this.op); vertex(this.x + this.w * 2/3, this.y); vertex(this.x + this.w - 10, this.y); vertex(this.x + this.w, this.y + 15); vertex(this.x + this.w * 2/3 + 2, this.y + 15); vertex(this.x + this.w * 2/3, this.y); endShape(); beginShape(); //bottom left fill(129, 212, 250, this.op); vertex(this.x, this.y + 15); vertex(this.x + this.w/2, this.y + this.h); vertex(this.x + this.w/3 - 2, this.y + 15); vertex(this.x, this.y + 15); endShape(); beginShape(); //middle bottom fill(41, 181, 246, this.op); vertex(this.x + this.w/3 - 2, this.y + 15); vertex(this.x + this.w/2, this.y + this.h); vertex(this.x + this.w * 2/3 + 2, this.y + 15); vertex(this.x + this.w/3 - 2, this.y + 15); endShape(); beginShape(); //bottom right fill(3, 155, 229, this.op); vertex(this.x + this.w * 2/3 + 2, this.y + 15); vertex(this.x + this.w/2, this.y + this.h); vertex(this.x + this.w, this.y + 15); vertex(this.x + this.w * 2/3 + 2, this.y + 15); endShape(); }; gem.prototype.move = function() { if (this.collideCheck()) { randomOnce[0] = true; randomOnce[1] = true; //SOUND if (soundOn) { playSound(getSound("retro/coin")); } //RANDOMIZE if (randomOnce[0]) { this.x = random(55, 490); this.y = random(15, 315); randomOnce[0] = false; } } //ANIMATE for (var i = 0; i < plats.length; i++) { if (this.x >= plats[i].x && this.x + this.w <= plats[i].x + plats[i].w && this.y === plats[i].y - 60) { this.x += plats[i].speed; } } }; function defNum() { if (randomOnce[1]) { probability = random(1); if (probability < 0.25) { num = 2; } else { num = 1; } randomOnce[1] = false; } return num; } function launchGem() { secondGem.x = playGem.x + 15; secondGem.y = playGem.y - 5; if (defNum() === 2) { secondGem.draw(); } playGem.draw(); playGem.move(); } //} gem object //{ var scoreTxt = { y: height/2, size: 105 }; function drawScore() { //ADD SCORE if (playGem.collideCheck()) { if (defNum() === 1) { score++; } if (defNum() === 2) { score += 2; } if (defNum() === undefined) { score++; } } //DRAW fill(0, 0, 0, 100); textFont(createFont("fantasy Bold"), scoreTxt.size); textAlign(CENTER, CENTER); text(score, width/2, scoreTxt.y); //ANIMATE if (!gameOver) { if (playGem.collideCheck()) { scoreTxt.size = 135; } else { if (scoreTxt.size > 105) { scoreTxt.size -= 3; } } } } var dec = { bg: { color: 214, speed: 1 } }; function chgBgNum() { dec.bg.color += dec.bg.speed; if (dec.bg.color < 175) { dec.bg.speed = 0.25; } if (dec.bg.color > 255) { dec.bg.speed = -0.35; } return dec.bg.color; } function drawBg() { for (var y = 0; y < height/5; y++) { noStroke(); fill(lerpColor(color(255, 102, 0), color(255, 175, 122), y/55)); rectMode(CORNER); rect(0, y * 5, width, 5); } } function sunLight() { for (var total = 0; total < 4; total++) { for (var i = 0; i < 40; i++) { pushMatrix(); translate(570 - total * 30, -20 - total * 3); rotate(15 + total * 5); noStroke(); fill(255, 255, 255, 135 - i * 3.5); rect(0, 0 + i * 10, 35 + i * 0.7, 20); popMatrix(); } } } //} others (decorations) object //{ var button = function(config) { this.x = config.x \|\| 30; this.y = config.y; this.w = config.w \|\| 165; this.h = config.h \|\| 45; this.shape = config.shape \|\| "rect"; this.op = config.op \|\| 0; }; var playButton = new button ({x: (width - 130)/2, y: 430, w: 130, h: 50, shape: "rect"}); var replayButton = new button ({x: 135, y: 400, w: 145, h: 50}); var homeButton = new button ({x: 320, y: 400, w: 145, h: 50}); var menuButton = new button ({x: 50, y: 45, w: 55, h: 55, shape: "ellipse"}); var soundButton = new button ({y: 35}); var howButton = new button ({y: 95}); var aboutButton = new button ({y: 155}); var leadButton = new button ({y: 215}); var othersButton = new button ({y: 275}); var menuButtons = [soundButton, howButton, aboutButton, leadButton, othersButton]; var closePopUpBtn = new button ({x: 437, y: 158, w: 40, h: 40, shape: "ellipse"}); button.prototype.isMouseInside = function() { if (this.shape === "rect") { return mouseX >= this.x && mouseX <= this.x + this.w && mouseY >= this.y && mouseY <= this.y + this.h; } else if (this.shape === "ellipse") { return abs(mouseX - this.x) <= this.w/2 && abs(mouseY - this.y) <= this.h/2; } }; button.prototype.chgColor = function(which, colourOut, colourIn) { if (which === "fill") { if (this.isMouseInside()) { fill(colourIn); } else { fill(colourOut); } } else if (which === "stroke") { if (this.isMouseInside()) { stroke(colourIn); } else { stroke(colourOut); } } }; button.prototype.anm = function(shape, speed, minW, maxW, minH, maxH) { if (this.isMouseInside()) { if (this.w < maxW) { this.w += speed; } else { this.w = maxW; } if (this.h < maxH) { this.h += speed; } else { this.h = maxH; } } else { if (this.w > minW) { this.w -= speed; } else { this.w = minW; } if (this.h > minH) { this.h -= speed; } else { this.h = minH; } } if (shape === "rect-play") { this.x = (width - this.w)/2; if (this.isMouseInside()) { if (this.y > 427) { this.y -= 0.5; } else { this.y = 427; } } else { if (this.y < 430) { this.y += 0.5; } else { this.y = 430; } } } else if (shape === "rect-replay" \|\| shape === "rect-home") { if (shape === "rect-replay") { this.x = 135 + 145/2 - this.w/2; } else if (shape === "rect-home") { this.x = 320 + 145/2 - this.w/2; } if (this.isMouseInside()) { if (this.y > 397) { this.y -= 0.5; } else { this.y = 397; } } else { if (this.y < 400) { this.y += 0.5; } else { this.y = 400; } } } else if (shape === "rect-menu") { this.x = 30 + 165/2 - this.w/2; } }; button.prototype.drawHome = function(type) { if (type === "play") { this.anm("rect-play", 1, 130, 150, 50, 55); noStroke(); this.chgColor("fill", color(240, 217, 189), color(250, 230, 205)); rect(this.x, this.y, this.w, this.h, 15); fill(168, 91, 84); textFont(createFont("sans-serif Bold"), 23); textAlign(CENTER, CENTER); text("PLAY", this.x + this.w/2, this.y + this.h/2); } else if (type === "menu") { this.anm("ellipse", 1, 55, 62, 55, 62); noStroke(); this.chgColor("fill", color(240, 217, 189), color(250, 230, 205)); ellipse(this.x, this.y, this.w, this.h); for (var i = 0; i < 3; i++) { stroke(168, 91, 84); strokeWeight(3); line(this.x - 12, this.y - 7 + i * 7, this.x + 11, this.y - 7 + i * 7); } } }; button.prototype.drawOver = function(type, shape) { this.anm(shape, 1, 145, 165, 50, 55); noStroke(); this.chgColor("fill", color(240, 217, 189, this.op), color(250, 230, 205, this.op)); rectMode(CENTER); rect(this.x + this.w/2, this.y + this.h/2, this.w, this.h, 15); fill(168, 91, 84, this.op); textFont(createFont("sans-serif Bold"), 23); textAlign(CENTER, CENTER); text(type, this.x + this.w/2, this.y + this.h/2); }; button.prototype.drawMenu = function(type) { this.anm("rect-menu", 1.5, 165, 185, 45, 45); noStroke(); this.chgColor("fill", color(240, 217, 189), color(250, 230, 205)); if (type === "Sound") { if (soundOn) { this.chgColor("fill", color(175, 236, 122), color(190, 242, 145)); } } rect(this.x, this.y, this.w, this.h, 15); fill(168, 91, 84); textFont(createFont("sans-serif Bold"), 23); textAlign(CENTER, CENTER); text(type, this.x + this.w/2, this.y + this.h/2); }; button.prototype.drawPopUp = function() { this.anm("ellipse", 1, 40, 45, 40, 45); noStroke(); this.chgColor("fill", color(240, 217, 189), color(250, 230, 205)); ellipse(this.x, this.y, this.w, this.h); fill(168, 91, 84); textFont(createFont("Trebuchet MS Bold"), 25); textAlign(CENTER, CENTER); text("x", this.x, this.y - 1); }; //} buttons object //{ var menu = { open: false, x: -205, opacity: 0 }; var drawMenu = function() { //COVER noStroke(); fill(10, 0, 0, menu.opacity); rectMode(CORNER); rect(0, 0, width, height); //MAIN RECT fill(240, 72, 72); rect(menu.x, 10, 205, height - 20, 15); //BUTTONS if (menu.x >= 0) { for (var i = 0; i < menuButtons.length; i++) { var type = ["Sound", "How", "About", "Lead", "Others"]; menuButtons[i].drawMenu(type[i]); } } }; var anmMenu = function() { if (menu.open) { if (menu.x < 10) { menu.x += 8; } else { menu.x = 10; } if (menu.opacity < 155) { menu.opacity += 5; } else { menu.opacity = 155; } } else { if (menu.x > -205) { menu.x -= 8; } else { menu.x = -205; } if (menu.opacity > 0) { menu.opacity -= 5; } else { menu.opacity = 0; } } }; var popUp = { open: false, type: undefined, size: 0, opacity: 0 }; var drawPopUp = function() { //COVER fill(255, 255, 255, popUp.opacity); rect(0, 0, width, height); pushMatrix(); translate(width/2, height/2); scale(popUp.size); //MAIN RECTS fill(255, 157, 92); rectMode(CENTER); rect(0, 0, 350, 250, 15); fill(255, 223, 201); rect(0, 25, 325, 170, 15); //TITLE fill(255); textFont(createFont("Trebuchet MS Bold"), 35); text(popUp.type, 0, -90); //CONTENT fill(0); textFont(createFont("sans-serif"), 17); textAlign(CENTER, CENTER); if (popUp.type === "How") { text("Use the arrow keys or WASD\nto move the ninja.\n\nCollect gems while avoiding\nthe lava. Good luck!", 0, 25); } else if (popUp.type === "About") { text("Ninja Jumper is a platformer game in\nwhich the main objective is to move\nthe character (ninja) to certain points\nin a rendered environment.", 0, 25); } else if (popUp.type === "Lead") { for (var i = 0; i < 5; i++) { textSize(17); textAlign(CORNER, CENTER); text(i + 1, -125, -25 + i * 25); text(lead.score[i], 85, -25 + i * 25); if (lead.player[i] === "💣💀NIGHT 🔫FURY💀💣") { textSize(12); } else { textSize(17); } text(lead.player[i], -90, -25 + i * 25); } } else if (popUp.type === "Others") { text("Visit the link down below to see more\nprograms made by me.", 0, 25); } popMatrix(); //BUTTON if (popUp.size === 1) { closePopUpBtn.drawPopUp(); } }; var anmPopUp = function() { if (popUp.open) { if (popUp.size < 1) { popUp.size += 0.05; } else { popUp.size = 1; } if (popUp.opacity < 65) { popUp.opacity += 5; } else { popUp.opacity = 65; } } else { if (popUp.size > 0) { popUp.size -= 0.05; } else { popUp.size = 0; } if (popUp.opacity > 0) { popUp.opacity -= 5; } else { popUp.opacity = 0; } } }; //} menus and pop ups object //{ var end = { reset: false, remove: { delay: 0, ninjaSpeed: 4, titleOp: 0 } }; var sceneCover = { play: 255, home: 255 }; function anmGameOver() { if (playNinja.y > 400) { gameOver = true; } if (gameOver) { //ADD TIME if (end.remove.delay < 2) { end.remove.delay += 0.025; } else { end.remove.delay = 2; } //ANIMATE NINJA playNinja.colour = color(182, 33, 3); playNinja.colour2 = color(148, 27, 3); playNinja.y -= end.remove.ninjaSpeed; if (end.remove.delay !== 2) { if (playNinja.y < 335) { end.remove.ninjaSpeed = -end.remove.ninjaSpeed; } if (playNinja.y > 410) { end.remove.ninjaSpeed = -end.remove.ninjaSpeed; } } else { end.remove.ninjaSpeed = -4; } //ANIMATE BUTTONS if (end.remove.delay !== 2) { menuButton.y = -30; replayButton.size = 0; homeButton.size = 0; } else { if (menuButton.y < 45) { menuButton.y++; } if (replayButton.op < 255) { replayButton.op += 2.75; homeButton.op += 2.75; } } //ANIMATE/DRAW OTHER COMPONENTS if (end.remove.delay === 2) { //REMOVE PLATFORMS if (plats[2].x + plats[2].w > 0) { plats[0].x -= 3; plats[2].x -= 3; plats[4].x -= 3; } if (plats[3].x < width) { plats[1].x += 3; plats[3].x += 3; plats[5].x += 3; } if (plats[6].y >= height/2) { if (plats[6].y < height) { plats[6].y++; } } else { if (plats[6].y > -10) { plats[6].y--; } } for (var i = 0; i < scndPlats.length; i++) { if (scndPlats[i].x <= 60) { if (scndPlats[i].x + scndPlats[i].w > 0) { scndPlats[i].x -= 3; } } else if (scndPlats[i].x <= 250) { if (scndPlats[i].x + scndPlats[i].w > 0) { scndPlats[i].x -= 6; } } else if (scndPlats[i].x >= 440) { if (scndPlats[i].x < width) { scndPlats[i].x += 3; } } } //RAISE LAVA LEVEL if (lava.y > 380) { lava.y--; } //REMOVE GEM if (playGem.op > 0) { playGem.op -= 7; secondGem.op -= 7; } //ANIMATE SCORE TEXT if (scoreTxt.y > 230) { scoreTxt.y--; } scoreTxt.size = 125; //DRAW GAME OVER TEXT if (end.remove.titleOp < 255) { end.remove.titleOp += 3; } fill(168, 91, 84, end.remove.titleOp); textFont(createFont("Trebuchet MS Bold"), 45); text("GAME OVER", width/2, 110); //BUTTONS menuButton.drawHome("menu"); replayButton.drawOver("REPLAY", "rect-replay"); homeButton.drawOver("HOME", "rect-home"); //MENU BAR drawMenu(); anmMenu(); //POP UP drawPopUp(); anmPopUp(); } } } function launchReplay() { if (end.reset) { score = 0; gameOver = false; //PLATFORMS var x = [0, 60, 440, 200, 300, 60, 440, 225]; var y = [485, 75, 75, 175, 175, 275, 275, 375]; var speed = [0, 0, 0, 1, 1, 0, 0, 0]; for (var i = 0; i < platforms.length; i++) { platforms[i].x = x[i]; platforms[i].y = y[i]; platforms[i].speed = speed[i]; } var y2 = [-225, -225, -125, -125, -25, -25]; for (var i = 0; i < scndPlats.length; i++) { scndPlats[i].y = y2[i]; } //NINJA playNinja.x = 275; playNinja.y = 225; playNinja.colour = color(65, 90, 100); playNinja.colour2 = color(60); gravity = 0; xVel = 0; allowY = true; //GEMS playGem.x = 275; playGem.y = 100; playGem.op = 255; secondGem.op = 255; //SCORE TEXT scoreTxt.y = height/2; scoreTxt.size = 105; //BACKGROUND dec.bg.color = 214; //END end.remove.delay = 0; end.remove.ninjaSpeed = 4; end.remove.titleOp = 0; sceneCover.play = 255; end.reset = false; } } var playScene = function() { currentScene = 1; background(250, chgBgNum(), chgBgNum() - 30); drawScore(); for (var i = 0; i < plats.length; i++) { plats[i].draw(false); plats[i].move(); } for (var i = 0; i < scndPlats.length; i++) { scndPlats[i].draw(false); } addPlatSpeed(); if (!gameOver && score !== 0) { anmPlat(); } launchGem(); lava.draw(true); playNinja.draw(); if (!gameOver) { playNinja.move(); } anmGameOver(); launchReplay(); //SCENE COVER sceneCover.home = 255; if (sceneCover.play > 0) { sceneCover.play -= 3; } fill(255, 255, 255, sceneCover.play); rectMode(CORNER); rect(0, 0, width, height); }; var homeScene = function() { currentScene = 2; background(255); //IMAGES drawBg(); sunLight(); pushMatrix(); translate(50, 200); rotate(350); coverNinja.draw(); drawMemeGlasses(); popMatrix(); pushMatrix(); translate(400, 223); rotate(20); scale(2); coverGem.draw(); popMatrix(); lava.draw(true); //TITLE AND SUBTITLE fill(224, 167, 96); textFont(createFont("Trebuchet MS Bold"), 65); textAlign(CENTER, CENTER); text("Ninja Jumper", width/2, 375); fill(255); text("Ninja Jumper", width/2 + 5, 377); //MAIN BUTTONS menuButton.y = 45; playButton.drawHome("play"); menuButton.drawHome("menu"); //MENU BAR drawMenu(); anmMenu(); //POP UP drawPopUp(); anmPopUp(); //SCENE COVER if (sceneCover.home > 0) { sceneCover.home -= 5; } fill(255, 255, 255, sceneCover.home); rectMode(CORNER); rect(0, 0, width, height); //ANIMATE GEM coverGem.y += coverGem.anmSpeed; if (coverGem.y > 5) { coverGem.anmSpeed = - coverGem.anmSpeed; } if (coverGem.y < 0) { coverGem.anmSpeed = - coverGem.anmSpeed; } }; //} scenes //{ draw = function() { if (currentScene === 1) { playScene(); } if (currentScene === 2) { homeScene(); } }; homeScene(); mouseClicked = function() { if (currentScene === 1 && gameOver && end.remove.delay === 2) { if (menu.open) { if (!popUp.open) { for (var i = 1; i < menuButtons.length; i++) { var types = ["How", "About", "Lead", "Others"]; if (menuButtons[i].isMouseInside()) { popUp.open = true; popUp.type = types[i - 1]; } } if (soundButton.isMouseInside()) { if (soundOn) { soundOn = false; } else { soundOn = true; } } if (othersButton.isMouseInside()) { println("View my other projects here:"); println("https://www.khanacademy.org/profile/KevinWijaya15/projects"); println(""); println("Thanks for your support! ＾－＾"); } if (mouseX > 215) { menu.open = false; } } else { if (closePopUpBtn.isMouseInside()) { popUp.open = false; } } } else { if (replayButton.isMouseInside() && replayButton.op >= 255) { end.reset = true; } else if (homeButton.isMouseInside() && homeButton.op >= 255) { homeScene(); } else if (menuButton.isMouseInside()) { menu.open = true; } } } else if (currentScene === 2) { if (menu.open) { if (!popUp.open) { for (var i = 1; i < menuButtons.length; i++) { var types = ["How", "About", "Lead", "Others"]; if (menuButtons[i].isMouseInside()) { popUp.open = true; popUp.type = types[i - 1]; } } if (soundButton.isMouseInside()) { if (soundOn) { soundOn = false; } else { soundOn = true; } } if (othersButton.isMouseInside()) { println("View my other projects here:"); println("https://www.khanacademy.org/profile/KevinWijaya15/projects"); println(""); println("Thanks for your support! ＾－＾"); } if (mouseX > 215) { menu.open = false; } } else { if (closePopUpBtn.isMouseInside()) { popUp.open = false; } } } else { if (playButton.isMouseInside()) { end.reset = true; playScene(); } else if (menuButton.isMouseInside()) { menu.open = true; } } } }; keyPressed = function() { if (currentScene === 1) { keys[keyCode] = true; } }; keyReleased = function() { if (currentScene === 1) { keys[keyCode] = false; } }; //} PJS pre-defined functions
Folds	33,53,54,149,150,264,265,393,394,458,459,593,594,704,705,972,973,1067
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3Q-J-mCAw
Votes	263
Spin-Offs	6
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kevin W
Author Name	KevinWijaya15
Author ID	kaid_80690558755794815547379
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739366159159
Updated	6 months ago, 1739366159159
Source Deleted	unknown