Viewing Program

Program Data

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

Title	Paper! - The Game
ID	6535254657204224
Created	Unknown
Updated	11 months ago, 1735227471185
Code	/*** * >>> Paper! - The Game <<< * Created by Elite Prøgramming * Created on March 7th, 2015 * * HUGE THANKS TO SimplifiedBanana101 FOR THE 1000th VOTE! * HUGE THANKS TO Yusuf Uddin FOR THE 2069th VOTE! * HUGE THANKS TO LaTwana Porter FOR THE 2129th VOTE! * HUGE THANKS TO princewarrior FOR THE 2136th VOTE! * HUGE THANKS TO Pickleprincess FOR THE 2139th VOTE! * HUGE THANKS TO Lavender Galaxy FOR THE 2142nd VOTE! * HUGE THANKS TO CodeNinja12 FOR THE 2187th VOTE! * HUGE THANKS TO Red Reaper FOR THE 2219th VOTE! * HUGE THANKS TO shobaj785 FOR THE 2220th VOTE! * HUGE THANKS TO Lgcarnahan FOR THE 2222nd VOTE! * HUGE THANKS TO AUDREYW FOR THE 2235th VOTE! * HUGW THANKS TO WildlifeAussie FOR THE 2250th VOTE! **/ // easy access variables var numVotes = 2200; var scores = [ "TEXAN7", 926, "Thomas", 792, "obsta07", 741, "Sola Murakami", 730, "malis2781", 611, "The Coding and Math Star", 567, "Kaleb Burns", 538, ]; // event variables var programState = "logo"; var isMouseClicked = false; var isKeyPressed = false; // paper drop object var drop = { xPositions: [], yPositions: [], timer: 0, speed: 1, numDrop: 7, fps: 60, intervalSeconds: 30, numPassed: 0, loop: function() { for (var i = 0; i <= drop.numDrop; i++) { drop.xPositions.push(random(i, width)); drop.yPositions.push(random(-height, i)); } }, }; // game variables var finalScore = 0; var finalTime = 0; var minutes = 0; var seconds = 0; var scoreToBeat = scores[13]; // variable for text scaling var w = width / 600; // logo object and functions var logo = { unveil: height 1.5, unveilSpeed: 6, textOpacity: 0, timer: 0, fadeAway: 0, getX: 0, getY: 0, background: function() { for (var i = -5; i <= height + 5; i++) { stroke(lerpColor(color(0), color(10, 50, 100), i / height / 1.25)); strokeWeight(1); line(-5, i, width + 5, i); } }, addStars: function() { this.centerX = width / 2; this.centerY = height / 2; this.generateStars = function(numStars) { var stars = []; for (var i = 0; i < numStars; i++) { var starProperties = { x: this.centerX, y: this.centerY, r: 0, o: ceil(random(20, 200)), v: ceil(random(0.1, 2.3)), }; stars.push(starProperties); } return stars; }; this.starField = this.generateStars(2000); this.createStarField = function() { for (var i = 0; i < this.starField.length; i++) { this.starField[i].r = (Math.abs(this.starField[i].x - this.centerX) + Math.abs(this.starField[i].y - this.centerY)) / 45; noStroke(); fill(255, 255, 255, this.starField[i].o); ellipse(this.starField[i].x, this.starField[i].y, this.starField[i].r, this.starField[i].r); this.starField[i].x += random(-1, 1) + (this.starField[i].x - this.centerX) / 100 * this.starField[i].v; this.starField[i].y += random(-1, 1) + (this.starField[i].y - this.centerY) / 100 * this.starField[i].v; if (logo.timer <= 400) { if (this.starField[i].x < 0) { this.starField[i].x = this.centerX + random(-1, 1); this.starField[i].y = this.centerY + random(-1, 1); } else if (this.starField[i].x > width) { this.starField[i].x = this.centerX + random(-1, 1); this.starField[i].y = this.centerY + random(-1, 1); } if (this.starField[i].y < 0) { this.starField[i].x = this.centerX + random(-1, 1); this.starField[i].y = this.centerY + random(-1, 1); } else if (this.starField[i].y > height) { this.starField[i].x = this.centerX + random(-1, 1); this.starField[i].y = this.centerY + random(-1, 1); } } } }; }, draw: function(x, y, w, h) { logo.getX = x; logo.getY = y; stroke(255); strokeWeight(2); fill(10, 50, 100); pushMatrix(); scale((width / 600) * w, (height / 600) * h); translate(width / (width / 600) - (600 / 2) - x, height / (height / 600) - (600 / 2) - y); // center beginShape(); vertex(x + 5, y); bezierVertex(x + 5, y - 60, x + 30, y - 120, x + 40, y - 120); bezierVertex(x + 40, y - 125, x + 15, y - 125, x, y - 185); bezierVertex(x - 15, y - 125, x - 40, y - 125, x - 40, y - 120); bezierVertex(x - 50, y - 120, x - 10, y - 120, x - 5, y); vertex(x, y + 40); vertex(x + 5, y); endShape(); // right beginShape(); vertex(x + 10, y); bezierVertex(x + 25, y - 160, x + 70, y - 95, x + 110, y - 170); bezierVertex(x + 75, y - 40, x + 40, y - 140, x + 10, y); endShape(); beginShape(); vertex(x + 110, y - 145); bezierVertex(x + 170, y - 170, x + 165, y - 185, x + 175, y - 205); bezierVertex(x + 185, y - 110, x + 120, y - 105, x + 85, y - 100); bezierVertex(x + 85, y - 100, x + 105, y - 115, x + 110, y - 145); endShape(); beginShape(); vertex(x + 45, y - 70); bezierVertex(x + 90, y - 120, x + 115, y - 60, x + 140, y - 70); bezierVertex(x + 80, y - 40, x + 110, y - 90, x + 45, y - 70); endShape(); beginShape(); vertex(x + 105, y - 95); bezierVertex(x + 160, y - 115, x + 130, y - 90, x + 185, y - 100); bezierVertex(x + 150, y - 65, x + 110, y - 90, x + 105, y - 95); endShape(); beginShape(); vertex(x + 145, y - 110); bezierVertex(x + 195, y - 155, x + 165, y - 110, x + 205, y - 145); bezierVertex(x + 185, y - 90, x + 165, y - 110, x + 145, y - 110); endShape(); // left beginShape(); vertex(x - 10, y); bezierVertex(x - 25, y - 160, x - 70, y - 95, x - 110, y - 170); bezierVertex(x - 75, y - 40, x - 40, y - 140, x - 10, y); endShape(); beginShape(); vertex(x - 110, y - 145); bezierVertex(x - 170, y - 170, x - 165, y - 185, x - 175, y - 205); bezierVertex(x - 185, y - 110, x - 120, y - 105, x - 85, y - 100); bezierVertex(x - 85, y - 100, x - 105, y - 115, x - 110, y - 145); endShape(); beginShape(); vertex(x - 45, y - 70); bezierVertex(x - 90, y - 120, x - 115, y - 60, x - 140, y - 70); bezierVertex(x - 80, y - 40, x - 110, y - 90, x - 45, y - 70); endShape(); beginShape(); vertex(x - 105, y - 95); bezierVertex(x - 160, y - 115, x - 130, y - 90, x - 185, y - 100); bezierVertex(x - 150, y - 65, x - 110, y - 90, x - 105, y - 95); endShape(); beginShape(); vertex(x - 145, y - 110); bezierVertex(x - 195, y - 155, x - 165, y - 110, x - 205, y - 145); bezierVertex(x - 185, y - 90, x - 165, y - 110, x - 145, y - 110); endShape(); popMatrix(); }, epText: function() { fill(255, 255, 255, logo.textOpacity); textAlign(CENTER, CENTER); textFont(createFont("Trebuchet MS")); textSize(width / 15); text("E L I T E\nP R Ø G R A M M I N G", width / 2, height - logo.getY / 4); if (logo.timer >= 200) { logo.textOpacity++; } }, reveal: function() { noStroke(); rectMode(CENTER); for (var i = 255; i >= 0; i--) { fill(0, 0, 0, i); rect(width / 2, 255 - i, width, logo.unveil); } logo.unveil -= logo.unveilSpeed; if (logo.unveil <= 100 && logo.unveil > 50) { logo.unveilSpeed = 3; } else if (logo.unveil <= 50 && logo.unveil > 10) { logo.unveilSpeed = 1.5; } else if (logo.unveil <= 10 && logo.unveil > 0) { logo.unveilSpeed = 0.5; } else if (logo.unveil <= 0) { logo.unveil = 0; logo.unveilSpeed = 0; } }, fade: function() { noStroke(); rectMode(CENTER); fill(0, 0, 0, logo.fadeAway); rect(width / 2, height / 2, width + 5, height + 5); if (logo.timer >= 500) { logo.fadeAway++; } } }; logo.addStars.prototype.drawStars = function() { this.createStarField(); }; var displayLogo = new logo.addStars(); var eliteProgramming = function() { logo.timer++; logo.background(); if (logo.unveil <= 50) { displayLogo.drawStars(); } pushMatrix(); translate(-0.6, -80); logo.draw(width / 2, height / 2, 1, 1.6, true); popMatrix(); logo.epText(); logo.reveal(); logo.fade(); if (logo.fadeAway >= 255) { programState = "mainMenu"; } }; // background graphics var backgroundPaper = function() { // background color background(255); // draw horizontal blue lines strokeWeight(3); stroke(0, 115, 255, 80); for (var i = 70; i < height + 5; i += 17.5) { line(-5, i, width + 5, i); } // draw red margin line stroke(255, 0, 0, 80); line(60, -5, 60, height + 5); // draw holes strokeWeight(1.5); stroke(0, 115, 255, 80); for (var i = 100; i < height + 5; i += height / 3) { fill(255); ellipse(25, i, 25, 25); } }; // multi-use functions var addText = function(c, ax, ay, s, t, x, y) { /* * c = text color * ax = horizontal alignment * ay = vertical alignment * s = font size * t = text string * x = text 'x' position * y = text 'y' position / fill(c); textAlign(ax, ay); textFont(createFont("Comic Sans MS")); textSize(s); text(t, x, y); }; var button = function(x, y, w, h, r, s, t, cs, ns) { / * x = button 'x' position * y = button 'y' position * w = button width * h = button height * r = button corner radius * s = font size of button text * t = button text string * cs = current state of program * ns = next state of program after button is clicked / // change the cursor type and the button color if the user's cursor is touching the button if ((mouseX < x + w / 2) && (mouseX > x - w / 2) && (mouseY < y + h / 2) && (mouseY > y - h / 2)) { cursor(HAND); fill(255, 0, 0); } else { fill(255, 0, 0, 150); } // draw rectangular button noStroke(); rectMode(CENTER); rect(x, y, w, h, r); // call the addText() function to add button text addText(color(255), CENTER, CENTER, s, t, x, y); // change the state of the program if the user clicks the button if (programState === cs && isMouseClicked && ((mouseX <= x + w / 2) && (mouseX >= x - w / 2) && (mouseY <= y + h / 2) && (mouseY >= y - h / 2))) { programState = ns; } }; // program state functions var mainMenu = function() { // title addText(color(255, 0, 0), CENTER, CENTER, 105, "Paper!", width / 2, 66); addText(color(255, 0, 0), CENTER, CENTER, 25, "The Game", width / 2 + 75, 130); // buttons button(width / 2, height / 2 + 25, 300, 100, 15, 60, "PLAY", "mainMenu", "play"); button(width / 2 - 75, height / 2 + 105, 140, 40, 15, 20, "Instructions", "mainMenu", "instructions"); button(width / 2 + 75, height / 2 + 105, 140, 40, 15, 20, "High Scores", "mainMenu", "highScores"); // vote count addText(color(255, random(0, 255), random(0, 255)), CENTER, CENTER, 15 + sin(3 frameCount), "Thank you for " + numVotes + "+ votes :)", width / 2, height - 40); }; var instructions = function() { // title addText(color(255, 0, 0), CENTER, CENTER, 45, "Instructions", width / 2, 50); // scaling and translation so that the instructions text wraps properly on different canvas sizes pushMatrix(); scale(width / width * w, height / height * w); translate(w * 7, width > 500 ? w * (height / 172) : w * (height / 5)); // content addText(color(255, 0, 0), LEFT, TOP, 25, "Have you ever experienced a paper cut?\nOUCH! Well, after your experience with\npapers, you must have realized that papers\nare very sharp! Your goal is to dodge as\nmany papers as you can. Use [A] + [D] \nor [LEFT] + [RIGHT] arrow keys to move.\nIf you get a paper cut, YOU DIE! Good luck!", 66, 78); popMatrix(); // back button button(width / 2, height - 50, 240, 40, 15, 20, "Main Menu", "instructions", "mainMenu"); }; var highScores = function() { // title addText(color(255, 0, 0), CENTER, CENTER, 45, "High Scores", width / 2, 50); // content for (var i = 0; i < scores.length; i += 2) { addText(color(255, 0, 0), LEFT, TOP, 20, (i / 2 + 1) + ". " + scores[i] + " ---> " + scores[i + 1], 66, 82 + i * 17.5); } // back button button(width / 2, height - 50, 240, 40, 15, 20, "Main Menu", "highScores", "mainMenu"); }; // player functions var player = function() { this.x = width / 2; this.y = height - 105; this.canMove = true; this.speed = 3; this.score = 0; this.collisionDetected = false; drop.loop(); }; var character = new player(); player.prototype.draw = function() { // draw player's head fill(255, 0, 0); noStroke(); ellipse(this.x, this.y + 10, 30, 30); // draw player's eyes and smile noFill(); stroke(255); strokeWeight(2); arc(this.x, this.y + 12.5, 15, 10, 40, 140); strokeWeight(4); point(this.x - 5, this.y + 5); point(this.x + 5, this.y + 5); // draw player's body stroke(255, 0, 0); strokeWeight(3); line(this.x, this.y + 55, this.x - 10, this.y + 90); line(this.x, this.y + 55, this.x + 10, this.y + 90); line(this.x, this.y + 25, this.x, this.y + 55); line(this.x - 10, this.y + 35, this.x + 10, this.y + 35); }; player.prototype.move = function() { // move player left or right when specific keys are being pressed if (isKeyPressed && this.canMove) { // 37 = left arrow // 65 = A if (keyCode === 37 \|\| key.toString() === "a" \|\| keyCode === 65) { this.x -= this.speed; } // 39 = right arrow // 68 = D else if (keyCode === 39 \|\| key.toString() === "d" \|\| keyCode === 68) { this.x += this.speed; } } }; player.prototype.constrain = function() { // prevent the player from going off canvas if (this.x <= 0) { this.x = 0; } else if (this.x >= width) { this.x = width; } }; player.prototype.dropPaper = function() { // increase timer as paper starts to drop drop.timer++; // loop to create multiple papers for (var i = 0; i < drop.xPositions.length; i++) { // draw papers stroke(0); strokeWeight(1); fill(255); rectMode(CENTER); rect(drop.xPositions[i], drop.yPositions[i], 20, 27.5); // drop paper drop.yPositions[i] += drop.speed; // after the papers fall off canvas, give them a new random position if (drop.yPositions[i] > height) { drop.yPositions[i] = random(-height, 0); drop.xPositions[i] = random(0, width); // increase score everytime a paper has been dodged this.score++; } // call the collision detection function character.collision(i); } // increase the paper drop speed, player's movement speed, and the number of papers that are dropped every 30 seconds if (drop.timer % (drop.fps * drop.intervalSeconds / 2) === 0) { drop.speed++; this.speed++; drop.numDrop++; } }; player.prototype.collision = function(e) { // a collision is detected if the player touches one of the falling papers if (drop.xPositions[e] - 10 <= this.x + 15 && drop.xPositions[e] + 10 >= this.x - 15 && drop.yPositions[e] - 27.5 / 2 <= this.y + 90 && drop.yPositions[e] + 27.5 / 2 >= this.y - 5) { this.collisionDetected = true; } }; player.prototype.hud = function() { // set the number of seconds to real seconds seconds = (drop.timer / (drop.intervalSeconds / drop.fps) / 100 / 1.2); // increase the number of minutes everytime the number of seconds reaches 59 if (seconds % 59 === 0) { minutes++; drop.timer = 0; } // display score addText(color(255, 0, 0), LEFT, TOP, 16, "Score: " + this.score, 70, 10); // display timer addText(color(255, 0, 0), LEFT, TOP, 16, "Time: " + (Math.round(minutes) > 9 ? "" : 0) + minutes + ":" + (Math.round(seconds) > 9 ? "" : 0) + seconds.toFixed(0), 70, 30); }; player.prototype.death = function() { // once a collision is detected, get the player's final score and time alive // the player will also be unable to move once dead, and the program state is changed to the 'gameOver' screen if (this.collisionDetected) { finalScore = this.score; finalTime = minutes + (minutes !== 1 ? " minutes, " : " minute, ") + seconds.toFixed(0) + (seconds !== 1 ? " seconds" : " second"); this.canMove = false; programState = "gameOver"; } }; player.prototype.gameOver = function() { // title addText(color(255, 0, 0), CENTER, CENTER, 45, "Game Over", width / 2, 50); pushMatrix(); scale(width / width * w, height / height * w); translate(w * 7, width >= 500 ? w * (height / 172) : w * (height / 5)); // sub-title addText(color(255, 0, 0), CENTER, CENTER, 20, "OUCH! You got a paper cut and died!", width / 2, 96); // player's final stats addText(color(255, 0, 0), LEFT, TOP, 20, "STATS:", 70, 118); addText(color(255, 0, 0), LEFT, TOP, 20, ">> Final Score: " + finalScore, 70, 154); addText(color(255, 0, 0), LEFT, TOP, 20, ">> Time Alive: " + finalTime, 70, 188); // check if player got a highscore or not if (finalScore > scoreToBeat) { addText(color(255, 0, 0), LEFT, TOP, 20, "CONGRATULATIONS! You got a high score! Please\nsave this program as a spin-off and paste the link in\nthe comments to be placed on the scoreboard!", 70, 224); } else { addText(color(255, 0, 0), LEFT, TOP, 20, "Unfortunately, you did not get a high score.\nBut, you can always try again!\n* HINT: Try camping the next time you play! *", 70, 224); } popMatrix(); // buttons button(width / 2 - 75, height / 2 + 150, 140, 40, 15, 20, "Main Menu", "gameOver", "mainMenu"); button(width / 2 + 75, height / 2 + 150, 140, 40, 15, 20, "Play Again", "gameOver", "play"); }; player.prototype.reset = function() { // reset all game variables drop.xPositions = []; drop.yPositions = []; drop.timer = 0; drop.speed = 1; drop.numDrop = 5; drop.fps = 60; drop.intervalSeconds = 30; drop.numPassed = 0; minutes = 0; seconds = 0; character = new player(); }; // event functions mouseClicked = function() { isMouseClicked = true; }; keyPressed = function() { isKeyPressed = true; }; keyReleased = function() { isKeyPressed = false; }; // main draw = function() { // setup frameRate(drop.fps); backgroundPaper(); cursor(ARROW); // switching the program's state calls different functions' switch (programState) { case "logo": eliteProgramming(); button(width - 40, height - 20, 60, 25, 10, 12, "SKIP", "logo", "mainMenu"); break; case "mainMenu": mainMenu(); break; case "instructions": instructions(); break; case "highScores": highScores(); break; case "play": character.draw(); character.move(); character.constrain(); character.dropPaper(); character.hud(); character.death(); break; case "gameOver": character.reset(); character.gameOver(); break; } isMouseClicked = false; };
Folds	21,29,37,52,65,267,269,271,273,294,297,321,324,340,341,374,377,389,390,405,406,417,420,429,432,454,455,469,470,477,478,513,514,519,520,535,536,545,546,574,575,588,591,593,594,596,597,599,602,638
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPDi-PjNCww
Votes	1384
Spin-Offs	107
Type
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Elite Prøgramming
Author Name	Biome
Author ID	kaid_483047786945222533459350
Author Profile Access	COACH

Archive Data

Added	1 years ago, 1707881071208
Updated	7 months ago, 1744820453517
Source Deleted	unknown