Viewing Program

Program Data

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

Title	Snake
ID	5261028671946752
Created	8 years ago, 1490216929790
Updated	4 years ago, 1615328209702
Code	/ My second game! POST A SPIN-OFF IN THE T&T TO GET ON THE LEADERBOARD. Update 3/16/2017: Added brown and tan colors. High scores now have a page for all the scores. Update 3/19/2017: The scores finally sort themselves. Also the limit for how far down you can go on the 'all scores' page is determined by how many scores there are. There are now over 1300 lines of code. Update 3/22/2017: I fixed the game so the apple doesn't go on your body. 15th on the hotlist! Update 3/23/2017: 81 votes, 5th on the hotlist (first program on the hotlist)!!! Update 3/24/2017: 114 votes! So awesome! Made the snake speed up in smoother increments and also gets faster that it did before! Update 3/25/2017: 127 votes! 91 Spin-offs!!! Update 3/27/2017: 132 votes! Now you can somewhat play this game mobile. Update 3/28/2017: 135 votes! Update 7/25/2017: 146 votes! Update 9/18/2017: 150 votes! Update 12/23/2017: 167 votes! Update 12/31/2018: 211 votes! Update 1/2/2019: Updated this to version 1.6! Updates include: - Rewritten and refactored code (line count dropped to 1100) - Better design - New logo - Tells you your place on the leaderboard as you play - Fixed mobile controls - Pause button Update 5/24/2019: Did some small updates. 226 votes, 113 spin-offs! Update 3/6/2021: The sounds are broken so I am (hopefully) temporarily removing them. Update 3/9/2021: Brought the sounds back! / smooth(); // Important variables. var sound = true; var click = false; var overButton = false; var yearMade = 2017; var curYear = year(); var backgroundColor = color(100, 100, 100); var player, food; var game, menu, over, instructions, shop, scores, skins, settings, credits, logo, pause; var setButtonText; var down = false; // Variable for the skins page. var segSelected = 0; // Dimensions var blockSize = 20; var widthInBlocks = width / blockSize; var heightInBlocks = height / blockSize; // Empty scene function. var scene = function() {}; // Returns a score object. var getScore = function(name, score) { return {name: name, score: score}; }; // Array of scores. var scoresList = [ getScore("Green Ghost", 60), getScore("Sparklepants", 14), getScore("Agent T", 24), getScore("Programming King", 33), getScore("duskin 11", 32), getScore("G83", 26), getScore("DreamyBoatSC", 29), getScore("Agent Febreze", 72) ].sort(function(score1, score2) { return score2.score - score1.score; }); var scoreScroll = 0; // Smooth motion. var Smooth = function(pos, dest, div) { return (dest - pos) / div; }; // Scene transition. var flash = { opac: 0, display: function() { noStroke(); fill(255, 255, 255, this.opac); rect(0, 0, width, height); this.opac -= 10; }, reset: function(sceneTo) { scene = sceneTo; this.opac = 255; } }; // This array holds colors. var colors = [ color(0, 200, 0), color(255, 205, 0), color(0, 120, 255), color(255, 0, 0), color(140, 0, 255), color(0, 0, 0), color(0, 235, 205), color(255, 140, 255), color(255, 0, 255), color(255, 140, 0), color(80, 0, 255), color(0, 150, 0), color(0, 0, 200), color(150, 0, 0), color(150, 150, 150), color(105, 65, 20), color(175, 140, 55), color(255, 255, 0) ]; // This array holds fonts. var fonts = [ createFont("FreeSans"), createFont("monospace") ]; // This object holds sounds. var sounds = { food: getSound("rpg/hit-splat"), coin: getSound("rpg/coin-jingle"), move: getSound("rpg/hit-thud"), die: getSound("rpg/giant-no"), buy: getSound("rpg/battle-spell"), use: getSound("rpg/battle-magic"), click: getSound("rpg/battle-swing"), toggle: getSound("rpg/metal-clink") }; // Function plays a sound. var useSound = function(soundName) { if (!sound) { return; } playSound(soundName); }; // Shows the year it was made to the current year. var showYear = function() { textAlign(RIGHT, BOTTOM); textFont(fonts[1], 10); fill(255, 255, 255); text(yearMade + (yearMade < curYear ? " - " + curYear : "") + " Green Ghost", 595, 595); }; / Block constructor / // { var Block = function(x, y) { this.x = x; this.y = y; }; Block.prototype.display = function(color, mode) { fill(color); noStroke(); pushMatrix(); translate(this.x * blockSize, this.y * blockSize); switch (mode) { case 0: rect(0, 0, blockSize, blockSize); fill(0, 0, 0, 50); beginShape(); vertex(0, 0); vertex(0, blockSize); vertex(blockSize / 3 * 2, blockSize); bezierVertex(blockSize / 3, blockSize / 3 * 2, blockSize / 3, blockSize / 3, blockSize / 3, 0); endShape(); fill(255, 255, 255, 150); beginShape(); vertex(blockSize / 8 * 5, blockSize / 8); vertex(blockSize / 8 * 7, blockSize / 8); vertex(blockSize / 8 * 7, blockSize / 8 * 3); endShape(); stroke(255, 255, 255); strokeWeight(blockSize / 8); noFill(); rect(0, 0, blockSize, blockSize, 1); break; case 1: stroke(255, 255, 255); strokeWeight(blockSize / 8); ellipse(blockSize / 2, blockSize / 2, blockSize, blockSize); stroke(255, 255, 255, 150); arc(blockSize / 2, blockSize / 2, blockSize / 3 * 2, blockSize / 3 * 2, 270, 360); stroke(0, 0, 0, 50); arc(blockSize / 2, blockSize / 2, blockSize / 3 * 2, blockSize / 3 * 2, 90, 180); break; } popMatrix(); }; Block.prototype.collide = function(other) { return this.x === other.x && this.y === other.y; }; // } / Snake constructor / // { var Snake = function() { // Coloring this.headColor = 0; this.colorOne = 1; this.colorTwo = 2; // Segments this.segments = [ new Block(7, 5), new Block(6, 5), new Block(5, 5) ]; this.head = this.segments[0]; this.x = this.head.x; this.y = this.head.y; this.eyeRotate = { "left": -90, "right": 90, "up": 0, "down": 180 }; // Score and coins this.score = 0; this.highScore = 0; this.coins = 0; this.position = scoresList.length; this.posY = height; this.passedUser = ""; this.ending = ""; this.passed = false; this.passTimer = 120; // Direction and movement this.direc = "right"; this.nextDirec = "right"; this.codeToString = { 39: "right", 37: "left", 38: "up", 40: "down", }; this.opposites = { "right": "left", "left": "right", "up": "down", "down": "up" }; this.moveFuncs = { "left": function(parent) { parent.segments.unshift(new Block(parent.x - 1, parent.y)); }, "right": function(parent) { parent.segments.unshift(new Block(parent.x + 1, parent.y)); }, "up": function(parent) { parent.segments.unshift(new Block(parent.x, parent.y - 1)); }, "down": function(parent) { parent.segments.unshift(new Block(parent.x, parent.y + 1)); }, }; this.timeTo = 25; this.timer = this.timeTo; this.ate = false; // Power ups this.slowdown = 0; this.shrink = 0; }; Snake.prototype.display = function() { for (var i = 0; i < this.segments.length; i++) { this.segments[i].display( i === 0 ? colors[this.headColor] : ((i + 1) % 2 === 0 ? colors[this.colorOne] : colors[this.colorTwo]), 0); } pushMatrix(); noStroke(); translate(this.x * blockSize + blockSize / 2, this.y * blockSize + blockSize / 2); rotate(this.eyeRotate[this.direc]); fill(255, 255, 255); ellipse(-blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); ellipse(blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); fill(0, 0, 0); ellipse(-blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); ellipse(blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); popMatrix(); }; Snake.prototype.move = function() { this.timer --; if (this.timer <= 0) { this.timer = this.timeTo; this.direc = this.nextDirec; this.moveFuncs[this.direc](this); this.head = this.segments[0]; if (this.head.collide(food.pos)) { this.ate = true; } if (this.ate) { this.score ++; if ((food.time + 1) % 5 === 0) { this.coins ++; useSound(sounds.coin); } else { useSound(sounds.food); } food.move(); this.ate = false; this.timeTo /= 1.07; this.timeTo = constrain(this.timeTo, 1, 25); if (this.position > 1) { if (scoresList[this.position - 1].score < this.score) { this.passed = true; this.passTimer = 120; this.position --; while (scoresList[this.position - 1].score < this.score && this.position > 1) { this.position --; } this.passedUser = scoresList[this.position].name; } } } else { this.segments.pop(); } } this.x = this.head.x; this.y = this.head.y; if (this.collide()) { this.highScore = Math.max(this.score, this.highScore); useSound(sounds.die); flash.reset(over); } }; Snake.prototype.collide = function() { for (var i = 3; i < this.segments.length; i++) { if (this.segments[i].collide(this.head)) { return true; } } if (this.x === 0 \|\| this.x === widthInBlocks - 1 \|\| this.y === 0 \|\| this.y === heightInBlocks - 1) { return true; } return false; }; Snake.prototype.handleKeyPress = function(keyCode) { if (this.codeToString[keyCode] !== this.opposites[this.direc] && this.codeToString[keyCode] !== this.direc) { if (this.codeToString[keyCode] !== this.nextDirec) { useSound(sounds.move); } this.nextDirec = this.codeToString[keyCode]; } }; Snake.prototype.showScore = function() { textFont(fonts[1], blockSize); textAlign(LEFT, TOP); fill(255, 255, 255); text("Score: " + this.score + " \| Length: " + this.segments.length + " \| Coins: " + this.coins, blockSize * 1.2, -blockSize / 6); noStroke(); fill(255, 255, 255, 70); (rect)(0, this.posY, width - blockSize, blockSize, 0, blockSize, 0, 0); fill(255, 255, 255); this.ending = (this.position + 1).toString().charAt(this.position.toString().length - 1); this.ending = this.ending === "1" ? "st" : this.ending === "2" ? "nd" : this.ending === "3" ? "rd" : "th"; text("You passed " + this.passedUser + " into " + (this.position + 1) + this.ending + " place!", blockSize * 0.2, this.posY - blockSize / 6); if (this.passed) { this.posY += Smooth(this.posY, height - blockSize, 8); this.passTimer --; if (this.passTimer <= 0) { this.passed = false; } } else { this.posY += Smooth(this.posY, height, 8); } }; Snake.prototype.reset = function() { // Segments this.segments = [ new Block(7, 5), new Block(6, 5), new Block(5, 5) ]; this.head = this.segments[0]; this.x = this.head.x; this.y = this.head.y; // Score and coins this.score = 0; this.position = scoresList.length; // Direction and movement this.direc = "right"; this.nextDirec = "right"; this.timeTo = 25; this.timer = this.timeTo; this.ate = false; }; // } / Food constructor / // { var Food = function(x, y) { this.time = 0; this.startX = x; this.startY = y; this.pos = new Block(x, y); }; Food.prototype.display = function() { this.pos.display((this.time + 1) % 5 === 0 ? color(190, 170, 80) : color(0, 200, 0), 1); if ((this.time + 1) % 5 === 0) { fill(0, 0, 0, 150); textFont(fonts[0], blockSize / 1.5); textAlign(CENTER, CENTER); text("1", this.pos.x * blockSize + blockSize / 2, this.pos.y * blockSize + blockSize / 2); } }; Food.prototype.onSnake = function() { for (var i = 0; i < player.segments.length; i++) { if (this.pos.collide(player.segments[i])) { return true; } } return false; }; Food.prototype.move = function() { this.time ++; this.pos = new Block(Math.floor(random(1, widthInBlocks - 1)), Math.floor(random(1, heightInBlocks - 1))); while (this.onSnake()) { this.pos = new Block(Math.floor(random(1, widthInBlocks - 1)), Math.floor(random(1, heightInBlocks - 1))); } }; Food.prototype.reset = function() { this.time = 0; this.pos = new Block(this.startX, this.startY); }; // } // Draws the border for the game. var drawBorder = function() { fill(0, 0, 0, 100); noStroke(); rect(0, 0, blockSize, height); rect(0, 0, width, blockSize); rect(width - blockSize, 0, blockSize, height); rect(0, height - blockSize, width, blockSize); }; player = new Snake(); food = new Food(10, 10); var resetGame; // Function checks if the mouse is in a certain area. var checkMouse = function(x, y, w, h) { return mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; }; / Buttons / // { var Button = function(x, y, w, h, txt, color, func) { this.x = x; this.y = y; this.w = w; this.h = h; this.txt = txt; this.color = color; this.highlight = lerpColor(color, 255, 0.2); this.func = func; this.over = false; this.textSize = (this.w + this.h) / Math.sqrt(this.txt.length / 2) / 4.5; }; Button.prototype.display = function(otherPic) { stroke(255, 255, 255); strokeWeight(5); fill(this.over ? this.highlight : this.color); rect(this.x, this.y, this.w, this.h, 5); if (!otherPic) { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], this.textSize); text(this.txt, this.x + this.w / 2, this.y + this.h / 2); } else { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); otherPic(this); popMatrix(); } }; Button.prototype.check = function() { return checkMouse(this.x, this.y, this.w, this.h); }; Button.prototype.pack = function(otherSound, otherPic) { this.over = false; if (this.check()) { this.over = true; overButton = true; if (click) { this.func(); useSound(otherSound ? otherSound : sounds.click); } } this.display(otherPic); }; var playB = new Button(180, 300, 240, 50, "PLAY", colors[0], function() { resetGame(); flash.reset(game); }); var instructionsB = new Button(180, 360, 115, 50, "HELP", colors[1], function() { flash.reset(instructions); }); var skinsB = new Button(305, 360, 115, 50, "SKINS", colors[1], function() { flash.reset(skins); }); var shopB = new Button(180, 420, 115, 50, "SHOP", colors[2], function() { flash.reset(shop); }); var scoresB = new Button(305, 420, 115, 50, "SCORES", colors[2], function() { flash.reset(scores); }); var settingsB = new Button(180, 480, 115, 50, "SETTINGS", colors[1], function() { flash.reset(settings); }); var creditsB = new Button(305, 480, 115, 50, "CREDITS", colors[1], function() { flash.reset(credits); }); var backB = new Button(180, 540, 240, 50, "BACK", colors[1], function() { flash.reset(menu); segSelected = 0; }); var replayB = new Button(180, 480, 240, 50, "PLAY AGAIN", colors[0], function() { resetGame(); flash.reset(game); }); var toggleB = new Button(180, 280, 240, 50, "SOUND: ON", colors[0], function() { sound = !sound; this.txt = "SOUND: " + (sound ? "ON" : "OFF"); }); var slowBuyB = new Button(135, 200, 150, 150, "", colors[9], function() { if (player.coins >= 10) { player.coins -= 10; player.slowdown ++; } }); var shrinkBuyB = new Button(315, 200, 150, 150, "", colors[9], function() { if (player.coins >= 5) { player.coins -= 5; player.shrink ++; } }); var optionsB = new Button(540, 0, 50, 20, "", color(255, 255, 255, 100), function() { down = !down; }); var slowB = new Button(210, -40, 140, 30, "SLOWDOWN ", color(255, 255, 255, 100), function() { if (player.slowdown > 0) { useSound(sounds.use); player.slowdown --; player.timeTo = 2.14; } }); var shrinkB = new Button(360, -40, 140, 30, "SHRINK", color(255, 255, 255, 100), function() { if (player.shrink > 0 && player.segments.length > 5) { useSound(sounds.use); player.shrink --; if (player.segments.length < 9) { player.segments.length = 3; } else { for (var i = 0; i < 5; i++) { player.segments.pop(); } } } }); var pauseB = new Button(510, -40, 80, 30, "PAUSE", color(255, 255, 255, 100), function() { flash.reset(pause); }); var continueB = new Button(180, 480, 240, 50, "CONTINUE", colors[0], function() { down = false; slowB.y = -40; shrinkB.y = -40; pauseB.y = -40; optionsB.y = 0; flash.reset(game); }); // } // Resets the game. var resetGame = function() { down = false; slowB.y = -40; shrinkB.y = -40; pauseB.y = -40; optionsB.y = 0; player.reset(); food.reset(); }; // Sets the text of the power-up buttons and moves them. var setButtons = function() { slowB.txt = "SLOWDOWN: " + player.slowdown; shrinkB.txt = "SHRINK: " + player.shrink; if (down) { slowB.y += Smooth(slowB.y, blockSize, 8); shrinkB.y += Smooth(shrinkB.y, blockSize, 8); pauseB.y += Smooth(pauseB.y, blockSize, 8); optionsB.y += Smooth(optionsB.y, 30 + blockSize, 8); } else { slowB.y += Smooth(slowB.y, -40, 8); shrinkB.y += Smooth(shrinkB.y, -40, 8); pauseB.y += Smooth(pauseB.y, -40, 8); optionsB.y += Smooth(optionsB.y, 0, 8); } }; // Game function. game = function() { drawBorder(); player.move(); food.display(); player.display(); player.showScore(); setButtons(); slowB.pack(sounds.use); shrinkB.pack(sounds.use); pauseB.pack(); optionsB.pack(undefined, function() { strokeWeight(3); stroke(255, 255, 255); line(-15, -5, 15, -5); line(-15, 0, 15, 0); line(-15, 5, 15, 5); }); }; // Title text y position. var textY = -100; // Draws shadowed text. var shadowText = function(txt, x, y) { pushStyle(); fill(0, 0, 0, 50); text(txt, x, y + 5); popStyle(); text(txt, x, y); }; // Menu function. var menuSnake = [ new Block(10, 2), new Block(9, 2), new Block(9, 1), new Block(9, 0), new Block(8, 0), new Block(7, 0), new Block(7, 1), new Block(6, 1), new Block(5, 1), new Block(4, 1), new Block(3, 1), new Block(3, 0), new Block(2, 0), new Block(1, 0), new Block(1, 1), new Block(0, 1), new Block(12, 2) ]; var headerSize = 120; menu = function() { noStroke(); fill(0, 0, 20, 20); rect(0, 200, 600, 400); rect(0, 280, 600, 320); rect(0, 350, 600, 250); rect(0, 450, 600, 150); pushMatrix(); translate(170, 185 + sin(frameCount 4) * 10); for (var i = 0; i < menuSnake.length - 1; i++) { menuSnake[i].display(i === 0 ? colors[0] : ((i + 1) % 2 === 0 ? colors[1] : colors[2]), 0); } menuSnake[menuSnake.length - 1].display(color(0, 200, 0), 1); noStroke(); translate(menuSnake[0].x * blockSize + blockSize / 2, menuSnake[0].y * blockSize + blockSize / 2); rotate(90); fill(255, 255, 255); ellipse(-blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); ellipse(blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); fill(0, 0, 0); ellipse(-blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); ellipse(blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); popMatrix(); noStroke(); textAlign(CENTER, CENTER); textFont(fonts[0], headerSize); textY += Smooth(textY, 90, 10); fill(255, 255, 255); for (var i = 0; i < 20; i++) { text("Snake", 300 + sin(i * 18) * 3, textY - cos(i * 18) * 3); } textAlign(LEFT, CENTER); fill(colors[0]); text("S", 300 - textWidth("Snake") / 2, textY); fill(colors[1]); text("n", 300 - textWidth("Snake") / 2 + textWidth("S"), textY); text("k", 300 - textWidth("Snake") / 2 + textWidth("Sna"), textY); fill(colors[2]); text("a", 300 - textWidth("Snake") / 2 + textWidth("Sn"), textY); text("e", 300 - textWidth("Snake") / 2 + textWidth("Snak"), textY); textAlign(CENTER, CENTER); fill(0, 0, 0, 50); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 3 - 3, textY - headerSize / 3, headerSize / 20 * 3, headerSize / 20 * 3); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 7 - 3, textY - headerSize / 3, headerSize / 20 * 3, headerSize / 20 * 3); fill(255, 255, 255); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 3, textY - headerSize / 2.8, headerSize / 20 * 3, headerSize / 20 * 3); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 7, textY - headerSize / 2.8, headerSize / 20 * 3, headerSize / 20 * 3); fill(0, 0, 0); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 3, textY - headerSize / 2.8, headerSize / 37 * 3, headerSize / 37 * 3); ellipse(300 - textWidth("Snake") / 2 + textWidth("S") / 10 * 7, textY - headerSize / 2.8, headerSize / 37 * 3, headerSize / 37 * 3); playB.pack(); instructionsB.pack(); skinsB.pack(); shopB.pack(); scoresB.pack(); settingsB.pack(); creditsB.pack(); showYear(); }; // Game over function. over = function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Game Over!", 300, 80); textSize(55); text("Score: " + player.score + "\nHigh Score: " + player.highScore + "\nCoins: " + player.coins, 300, 300); replayB.pack(); backB.pack(); }; // Instructions function. instructions = function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Instructions", 300, 80); textSize(30); text("Use the arrow keys\nor click and drag\nto change the direction\nof your snake. Eat\nfood to get longer\nand get points. Every\nfew pieces of food is\na coin; collect those\nto buy powers\nthat help you.", 300, 320); backB.pack(); }; // Skins function. var skinSnake = [ new Block(2, 0), new Block(1, 0), new Block(0, 0) ]; skins = function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Skins", 300, 80); backB.pack(); pushMatrix(); translate(300 - blockSize * 3, 200); scale(2, 2); for (var i = 0; i < skinSnake.length; i++) { skinSnake[i].display(i === 0 ? colors[player.headColor] : i === 1 ? colors[player.colorOne] : colors[player.colorTwo], 0); if (checkMouse(300 - blockSize * 3 + skinSnake[i].x * blockSize * 2, 200 + skinSnake[i].y * blockSize * 2, blockSize * 2, blockSize * 2)) { noStroke(); fill(255, 255, 255, 150); rect(skinSnake[i].x * blockSize, skinSnake[i].y * blockSize, blockSize, blockSize); overButton = true; if (click) { segSelected = i; useSound(sounds.click); } } } pushMatrix(); noStroke(); translate(skinSnake[0].x * blockSize + blockSize / 2, skinSnake[0].y * blockSize + blockSize / 2); rotate(90); fill(255, 255, 255); ellipse(-blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); ellipse(blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); fill(0, 0, 0); ellipse(-blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); ellipse(blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); popMatrix(); noFill(); strokeWeight(blockSize / 8); stroke(0, 0, 0, 50); rect(skinSnake[segSelected].x * blockSize, skinSnake[segSelected].y * blockSize, blockSize, blockSize); popMatrix(); for (var i = 0; i < colors.length; i++) { stroke(255, 255, 255); fill(colors[i]); if (dist(mouseX, mouseY, 175 + (i % 6) * 50, 300 + Math.floor(i / 6) * 50) < 20) { fill(lerpColor(colors[i], 255, 0.2)); overButton = true; if (click) { if (segSelected === 0) { player.headColor = i; } else if (segSelected === 1) { player.colorOne = i; } else if (segSelected === 2) { player.colorTwo = i; } } } ellipse(175 + (i % 6) * 50, 300 + Math.floor(i / 6) * 50, 40, 40); noFill(); stroke(255, 255, 255, 150); arc(175 + (i % 6) * 50, 300 + Math.floor(i / 6) * 50, 25, 25, 270, 360); stroke(0, 0, 0, 50); arc(175 + (i % 6) * 50, 300 + Math.floor(i / 6) * 50, 25, 25, 90, 180); } textSize(25); fill(255, 255, 255); text("Select the segment you want to change,\nthen click on the color you want.", 300, 150); }; // Shop function. shop = function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Shop", 300, 80); slowBuyB.pack(sounds.buy, function(self) { translate(-5, 0); noStroke(); fill(160, 160, 100); beginShape(); vertex(-50, 45); vertex(45, 45); bezierVertex(45, 45, 55, 45, 50, 35); bezierVertex(45, 35, 45, 0, 55, -10); bezierVertex(30, -10, -30, 20, -50, 45); endShape(); strokeWeight(4); stroke(160, 160, 100); line(52, -9, 60, -20); line(50, -9, 55, -20); noStroke(); fill(255, 255, 255); ellipse(60, -20, 10, 10); fill(0, 0, 0); ellipse(61, -20, 5, 5); fill(255, 255, 255); ellipse(55, -20, 10, 10); fill(0, 0, 0); ellipse(56, -20, 5, 5); fill(130, 110, 80); ellipse(0, 0, 80, 80); fill(255, 255, 255, 50); ellipse(3, -3, 70, 70); strokeWeight(5); stroke(110, 90, 70); noFill(); beginShape(); vertex(-10, -35); bezierVertex(-20, -30, -30, -10, -20, 5); bezierVertex(-15, 15, 0, 20, 5, 20); bezierVertex(15, 20, 20, 10, 20, 5); bezierVertex(20, -5, 15, -10, 10, -10); bezierVertex(0, -10, -5, -5, -5, 0); endShape(); }); shrinkBuyB.pack(sounds.buy, function(self) { translate(blockSize * 1.5, 0); Block.prototype.display(colors[0], 0); noStroke(); pushMatrix(); translate(blockSize / 2, blockSize / 2); rotate(90); fill(255, 255, 255); ellipse(-blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); ellipse(blockSize / 4, -blockSize / 2, blockSize / 3, blockSize / 3); fill(0, 0, 0); ellipse(-blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); ellipse(blockSize / 4, -blockSize / 5 * 3, blockSize / 5, blockSize / 5); popMatrix(); translate(-blockSize, 0); Block.prototype.display(colors[1], 0); translate(-blockSize, 0); Block.prototype.display(colors[2], 0); translate(-blockSize, 0); Block.prototype.display(colors[1], 0); translate(-blockSize, 0); Block.prototype.display(colors[2], 0); noStroke(); fill(self.over ? self.highlight : self.color, 150); rect(-blockSize, -blockSize, blockSize * 3, blockSize * 3); }); fill(255, 255, 255); textSize(40); text("$10 - " + player.slowdown, 210, 170); text("$5 - " + player.shrink, 390, 170); textSize(20); text("Slow Down", 210, 320); text("Shrink", 390, 320); text("Use the 1 & 2 keys to activate power-ups,\nor hit the button at the top right corner to\nshow buttons if you're on mobile.", 300, 450); textAlign(LEFT, TOP); textSize(30); text("Coins: " + player.coins, 10, 5); backB.pack(); }; // Scores function. var curScore; scores = function() { textAlign(CENTER, CENTER); textFont(fonts[1], 25); for (var i = 0; i < scoresList.length; i++) { fill(255, 255, 255); if (i === 0) { fill(200, 190, 120); } else if (i === 1) { fill(220, 220, 220); } else if (i === 2) { fill(190, 140, 110); } curScore = (i + 1) + ") " + scoresList[i].name + " "; while ((curScore + scoresList[i].score).length < 26) { curScore += "."; } curScore += " " + scoresList[i].score; text(curScore, 300, 150 + i * 30 + scoreScroll); } noStroke(); fill(backgroundColor); rect(0, 0, width, 120); rect(0, 500, width, 100); backB.pack(); fill(255, 255, 255); textFont(fonts[0], 80); shadowText("Scores", 300, 80); }; // Settings function. settings = function() { fill(50, 50, 50); ellipse(300, 300, 200, 200); pushMatrix(); translate(300, 300); rotate(frameCount); for (var i = 0; i < 8; i++) { quad(-50, 0, 50, 0, 15, 140, -15, 140); rotate(45); } popMatrix(); fill(backgroundColor); ellipse(300, 300, 90, 90); fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Settings", 300, 80); toggleB.pack(sounds.toggle); backB.pack(); }; // Credits function. var creditBlocks = [ new Block(0, 0), new Block(0, 1), new Block(1, 1), new Block(1, 0) ]; credits = function() { pushMatrix(); scale(widthInBlocks / 2, heightInBlocks / 2); creditBlocks[3].display(color(0, 200, 0), 1); creditBlocks[0].display(colors[0], 0); creditBlocks[1].display(colors[1], 0); creditBlocks[2].display(colors[2], 0); popMatrix(); noStroke(); fill(backgroundColor, 50); rect(0, 0, width, height); fill(10, 10, 10); fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Credits", 300, 80); textSize(35); fill(255, 255, 255, 150); text("Thanks to Isaac Emerald\nfor his support when\nthis first came out and for all\nthe design tips he gave me!\nHuge thanks to Nick Morgan\nfor his version of the\ngame and for inspiring\nme to make this!", 300, 303); fill(0, 0, 0); text("Thanks to Isaac Emerald\nfor his support when\nthis first came out and for all\nthe design tips he gave me!\nHuge thanks to Nick Morgan\nfor his version of the\ngame and for inspiring\nme to make this!", 300, 300); backB.pack(); }; // Pause function. pause = function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(fonts[0], 80); shadowText("Paused", 300, 280); continueB.pack(); backB.pack(); }; // Logo function. var logoTimer = 0; var logoR = 1000; var logoFade = 0; var GGLogo = function(x, y, size) { noStroke(); pushMatrix(); translate(x, y); scale(size / 600, size / 600); translate(0, -200); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); arc(0, 600, 1200, 1300, 249, 291); popMatrix(); }; logo = function() { background(100, 255, 30); stroke(0, 0, 0, 20); noFill(); for (var i = 0; i < 3; i++) { strokeWeight(100 + i * 100); ellipse(300, 300, 850, 850); } fill(0, 70, 30); pushMatrix(); translate(300, 300); rotate(logoR); logoR += Smooth(logoR, 0, 15); GGLogo(0, -30, 130); popMatrix(); if (logoR < 1) { logoFade += Smooth(logoFade, 255, 8); } textFont(fonts[0], 60); textAlign(CENTER, CENTER); randomSeed(Math.floor(frameCount / 4)); fill(0, 0, 0, logoFade / 3); text("GREEN GHOST", 295, 450 + random(-5)); text("GREEN GHOST", 300, 450 + random(5)); fill(255, 255, 255, logoFade); text("GREEN GHOST", 300, 450); logoTimer ++; if (logoTimer > 300 \|\| click) { flash.reset(menu); } }; scene = logo; // Puts it all together. draw = function() { noStroke(); background(backgroundColor); scene(); cursor(overButton ? "pointer" : "default"); overButton = false; click = false; flash.display(); }; // Checks for when the mouse is clicked. mouseClicked = function() { click = true; }; // Checks for when a key is pressed. keyPressed = function() { if (scene === game) { // Player direction changing if (keyCode > 36 && keyCode < 41) { player.handleKeyPress(keyCode); } // Power-ups if (keyCode === 49 && player.slowdown > 0) { useSound(sounds.use); player.slowdown --; player.timeTo = 2.14; } if (keyCode === 50 && player.shrink > 0 && player.segments.length > 5) { useSound(sounds.use); player.shrink --; if (player.segments.length < 9) { player.segments.length = 3; } else { for (var i = 0; i < 5; i++) { player.segments.pop(); } } } } }; // Checks for when the mouse is scrolled. mouseScrolled = function() { if (scene === scores) { // jshint noarg: false try { mouseScrolled.caller.arguments[0].preventDefault(); scoreScroll += mouseScroll 10; scoreScroll = constrain(scoreScroll, -scoresList.length * 30 + 350, 0); } catch (e) {} } }; // Checks for when the mouse is dragged. var mouseToCode, diffX, diffY; mouseDragged = function() { if (scene === scores) { scoreScroll += mouseY - pmouseY; } else if (scene === game) { diffX = mouseX - pmouseX; diffY = mouseY - pmouseY; if (abs(diffX) > abs(diffY)) { mouseToCode = diffX < 0 ? 37 : 39; } else { mouseToCode = diffY < 0 ? 38 : 40; } player.handleKeyPress(mouseToCode); } }; // Thanks for playing!
Folds	70,72,75,83,84,86,90,92,95,107,110,129,132,135,138,147,150,155,158,163,166,214,217,425,428,468,471,478,485,487,490,635,638,646,649,663,666,683,689,695,698,716,718,776,779,788,791,799,802,806,807,871,874,957,961,988,991,1010,1013,1018,1019,1041,1044,1051,1057,1079,1080,1110,1115,1123,1126,1128,1131,1156,1159,1168,1172,1185
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJSJi5ysCQw
Votes	254
Spin-Offs	24
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739378462066
Updated	10 months ago, 1739378470659
Source Deleted	unknown