Viewing Program

Program Data

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

Title	shrink.ka (Game)
ID	6731263093719040
Created	4 years ago, 1611581635283
Updated	4 years ago, 1617146466614
Code	/* shrink.ka (Game) Gray Wolf, January 2021 Fairly simple game concept - was mainly focused on trying to get a professional look/feel, smooth gameplay and some nice animations, etc. Some bigger/better games coming out over the next few weeks :D Eat as many dots as you can with 30 seconds. Eat four dots in quick succession (within a second) to get a bonus - extra 5 seconds, OR - increase in size (up to a max size) Avoid the bad (spiked) dot or you'll lose two seconds TIPS for a better score - try to get the combos (4 dots within a second) to increase your time :D Press S to toggle the sound on/off Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048 Hexagon code adapted from here: https://github.com/CodingTrain/Rainbow-Topics/issues/186 / //defaults textFont(createFont("Trebuchet MS")); textAlign(CENTER, CENTER); textSize(30); var game; //Button object var Button = function (args) { this.x = args.x \|\| 0; this.y = args.y \|\| 0; this.size = args.size \|\| 100; this.content = args.content \|\| "Home"; this.page = args.page \|\| "home"; this.textSize = args.textSize \|\| this.size / 5; this.backColor = color(70, 71, 71, 150); this.textColor = args.textColor \|\| color(170, 170, 170); this.backColorHover = color(102, 105, 105, 150); this.textColorHover = color(130, 130, 130); this.growth = 0; this.func = args.func \|\| function() {}; }; Button.prototype = { resetColors: function() { this.backColor = game.player.color; this.textColor = game.bgColor; this.backColorHover = color(this.backColor, 220); this.textColorHover = color(this.textColor, 220); }, draw: function () { pushStyle(); textAlign(CENTER, CENTER); textSize(this.textSize + (this.growth 0.1)); noStroke(); //shadow fill(20, 20, 20, 30); ellipse(this.x, this.y + this.size * 0.52, (this.size + this.growth) * 0.8, (this.size + this.growth) * 0.3); //circles if (dist(mouseX, mouseY, this.x, this.y) <= this.size / 2) { //hover game.hover = true; this.growth = constrain(this.growth + 0.5, 0, 10); if (game.clicked) { this.func(); } //add circular explosion to the game explosions every 1/2 second if(frameCount % 30 === 0) { game.explosions.push({ x: this.x, y: this.y, vel: 2, sw: 2, diameter: this.size, color: color(red(this.backColor) + random(-10, 10), green(this.backColor) + random(-10, 10), blue(this.backColor) + random(-10, 10)), opacity: 200, opacitySpeed: 5 }); } fill(this.backColorHover); noStroke(); ellipse(this.x, this.y, this.size + this.growth, this.size + this.growth); fill(this.textColorHover); switch(this.content) { case "Play": triangle(this.x + this.size0.25, this.y, this.x - this.size0.15, this.y - this.size0.25, this.x - this.size0.15, this.y + this.size0.25); break; case "Sound": pushStyle(); noStroke(); fill(this.textColorHover); triangle(this.x, this.y - this.size 0.3, this.x, this.y + this.size * 0.3, this.x - this.size * 0.3, this.y); rect(this.x - this.size * 0.3, this.y - this.size * 0.1, this.size * 0.3, this.size * 0.2); if(game.sound) { noFill(); stroke(this.textColorHover); strokeWeight(this.size/20); arc(this.x + this.size * 0.1, this.y, this.size * 0.2, this.size * 0.2, -91, 90); arc(this.x + this.size * 0.1, this.y, this.size * 0.4, this.size * 0.4, -81, 80); } else { noFill(); stroke(this.textColorHover); strokeWeight(this.size/20); line(this.x + this.size * 0.1, this.y - this.size * 0.1, this.x + this.size * 0.25, this.y + this.size * 0.1); line(this.x + this.size * 0.1, this.y + this.size * 0.1, this.x + this.size * 0.25, this.y - this.size * 0.1); } popStyle(); break; case "Scoreboard": pushStyle(); noFill(); stroke(this.textColorHover); strokeWeight(this.size * 0.14); strokeCap(SQUARE); line(this.x, this.y + this.size * 0.25, this.x, this.y - this.size * 0.3); line(this.x - this.size * 0.2, this.y + this.size * 0.25, this.x - this.size * 0.2, this.y - this.size * 0.1); line(this.x + this.size * 0.2, this.y + this.size * 0.25, this.x + this.size * 0.2, this.y - this.size * 0.2); popStyle(); break; case "Back": pushStyle(); beginShape(); vertex(this.x+this.size0.25, this.y); //1 vertex(this.x+this.size0.25, this.y+this.size0.25); //2 vertex(this.x+this.size0.07, this.y+this.size0.25); //3 vertex(this.x+this.size0.07, this.y+this.size0.12); //4 vertex(this.x-this.size0.07, this.y+this.size0.12); //5 vertex(this.x-this.size0.07, this.y+this.size0.25); //6 vertex(this.x-this.size0.25, this.y+this.size0.25); //7 vertex(this.x-this.size0.25, this.y); //8 vertex(this.x, this.y-this.size0.2); //9 vertex(this.x+this.size0.25, this.y); //10 endShape(); noFill(); stroke(this.textColorHover); strokeWeight(this.size0.05); line(this.x-this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.15, this.y-this.size0.19, this.x+this.size0.15, this.y-this.size0.25); popStyle(); break; case "Replay": pushStyle(); noFill(); stroke(this.textColorHover); strokeWeight(5); pushMatrix(); translate(this.x, this.y); rotate(frameCount 5); arc(0, 0, this.size * 0.6, this.size * 0.6, 1, 275); noStroke(); fill(this.textColorHover); translate(this.size * 0.30, -this.size * 0.18); rotate(-70); triangle(0, -this.size * 0.1, -this.size * 0.14, -this.size * 0.3, this.size * 0.14, -this.size * 0.3); popMatrix(); popStyle(); break; default: text(this.content, this.x, this.y); } } else { //not hover this.growth = constrain(this.growth - 0.5, 0, 10); fill(this.backColor); strokeWeight(2); noStroke(); ellipse(this.x, this.y, this.size + this.growth, this.size + this.growth); fill(this.textColor); switch(this.content) { case "Play": triangle(this.x + this.size0.25, this.y, this.x - this.size0.15, this.y - this.size0.25, this.x - this.size0.15, this.y + this.size0.25); break; case "Sound": pushStyle(); noStroke(); fill(this.textColor); triangle(this.x, this.y - this.size 0.3, this.x, this.y + this.size * 0.3, this.x - this.size * 0.3, this.y); rect(this.x - this.size * 0.3, this.y - this.size * 0.1, this.size * 0.3, this.size * 0.2); if(game.sound) { noFill(); stroke(this.textColor); strokeWeight(this.size/20); arc(this.x + this.size * 0.1, this.y, this.size * 0.2, this.size * 0.2, -91, 90); arc(this.x + this.size * 0.1, this.y, this.size * 0.4, this.size * 0.4, -81, 80); } else { noFill(); stroke(this.textColor); strokeWeight(this.size/20); line(this.x + this.size * 0.1, this.y - this.size * 0.1, this.x + this.size * 0.25, this.y + this.size * 0.1); line(this.x + this.size * 0.1, this.y + this.size * 0.1, this.x + this.size * 0.25, this.y - this.size * 0.1); } popStyle(); break; case "Scoreboard": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(this.size * 0.14); strokeCap(SQUARE); line(this.x, this.y + this.size * 0.25, this.x, this.y - this.size * 0.3); line(this.x - this.size * 0.2, this.y + this.size * 0.25, this.x - this.size * 0.2, this.y - this.size * 0.1); line(this.x + this.size * 0.2, this.y + this.size * 0.25, this.x + this.size * 0.2, this.y - this.size * 0.2); popStyle(); break; case "Back": pushStyle(); beginShape(); vertex(this.x+this.size0.25, this.y); //1 vertex(this.x+this.size0.25, this.y+this.size0.25); //2 vertex(this.x+this.size0.07, this.y+this.size0.25); //3 vertex(this.x+this.size0.07, this.y+this.size0.12); //4 vertex(this.x-this.size0.07, this.y+this.size0.12); //5 vertex(this.x-this.size0.07, this.y+this.size0.25); //6 vertex(this.x-this.size0.25, this.y+this.size0.25); //7 vertex(this.x-this.size0.25, this.y); //8 vertex(this.x, this.y-this.size0.2); //9 vertex(this.x+this.size0.25, this.y); //10 endShape(); noFill(); stroke(this.textColor); strokeWeight(this.size0.05); line(this.x-this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.15, this.y-this.size0.19, this.x+this.size0.15, this.y-this.size0.25); popStyle(); break; case "Replay": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(5); pushMatrix(); translate(this.x, this.y); rotate(sin(frameCount 5) * 20); arc(0, 0, this.size * 0.6, this.size * 0.6, 1, 275); noStroke(); fill(this.textColor); translate(this.size * 0.30, -this.size * 0.18); rotate(-70); triangle(0, -this.size * 0.1, -this.size * 0.14, -this.size * 0.3, this.size * 0.14, -this.size * 0.3); popMatrix(); popStyle(); break; default: text(this.content, this.x, this.y); } } popStyle(); } }; //Transition object (between scenes) var Transition = function() { this.h = 0; this.vy = 15; this.active = false; this.scene = "home"; //reset the x position back to the left of the screen this.reset = function() { this.h = 0; this.vy = 15; }; //draw the transition - if it's currently active this.draw = function() { if(this.active) { pushStyle(); stroke(game.player.color, 50); strokeWeight(20); fill(game.bgColor); rect(-20, -20, width + 40, this.h); rect(-20, height-this.h, width + 40, this.h + 20); popStyle(); } }; //update the transition - if it's currently active this.update = function() { if(this.active) { this.h+= this.vy; //if halfway across the screen then change the scene if(this.h >= 300) { game.scene = this.scene; this.vy= -1; } //else if it's completely off the screen reset it and set to inactive else if(this.h < 0) { this.reset(); this.active = false; } } }; //run the draw and update functions this.run = function() { this.draw(); this.update(); }; }; //Cells (hexagon shaped background) var Cell = function(i, j, cellSize) { this.i = i; this.j = j; this.cellSize = cellSize; if(j % 2 === 0) { this.x = this.i cellSize * 2; } else { this.x = this.i * cellSize * 2 + cellSize; } this.y = this.j * cellSize * 1.7; }; Cell.polygon = function(x, y, r, n) { var angle = degrees(TWO_PI) / n; beginShape(); for (var a = 0; a < degrees(TWO_PI); a += angle) { var sx = x + cos(a) * r; var sy = y + sin(a) * r; vertex(sx, sy); } endShape(CLOSE); }; Cell.prototype = { draw: function () { fill(74, 76, 77, 20); stroke(255, 30); pushMatrix(); translate(this.x, this.y); rotate(30); Cell.polygon(0, 0, this.cellSize, 6); popMatrix(); } }; //game object game = { scene: "home", started: false, score: 0, bestScore: 0, highscores: [ { name: "Gray Wolf", score: 125 }, { name: "Captain Flash101", score: 130 }, { name: "QWERTY", score: 118 }, { name: "Wyatt Hrbek", score: 114 }, { name: "𝐋𝐄𝑽𝐈𝑨𝐓𝐇𝐀𝐍 Programming", score: 107 }, { name: "90e", score: 102 }, { name: "CyberFury ツ", score: 101 }, { name: "Snoopyhead", score: 126 }, { name: "xEl3cTr0n", score: 158 }, { name: "𝓐rsenic", score: 136 } ], duration: 30, timer: 0, ms: 0, shake: 0, shakedown: 0.1, transition: new Transition(), gameOver: false, sound: false, sounds: { eat: getSound("retro/coin"), combo: getSound("retro/whistle2"), bad: getSound("retro/hit1") }, hex: { cols: 11, rows: 13, cellSize: 30, img: undefined }, bgColor: color(random(40, 60), random(40, 60), random(40, 60)), circleTextImage: undefined, player: { x: 0, y: 0, diameter: 20, //will be reset to 50 color: color(random(100, 240), random(100, 240), random(100, 240)), trails: [] }, combos: [], messages: [], explosions: [], badExplosions: [], dots: [], badDot: { x: 0, y: 0, diameter: 20, active: false, opacity: 0, dest: { x: 0, y: 0 } }, clicked: false, hover: false, keys: [], buttons: { play: new Button({ x: 300, y: 380, size: 100, content: "Play", func: function() { game.reset(); game.scene = "play"; } }), replay: new Button({ x: 300, y: 400, size: 100, content: "Replay", func: function() { game.reset(); game.scene = "play"; } }), home: new Button({ x: 300, y: 530, size: 80, content: "Back", func: function() { game.player.diameter = 20; // game.scene = "home"; game.transition.scene = "home"; game.transition.active = true; } }), scoreboard: new Button({ x: 540, y: 535, size: 80, content: "Scoreboard", func: function() { // game.scene = "scoreboard"; game.transition.scene = "scoreboard"; game.transition.active = true; } }), sound: new Button({ x: 60, y: 535, size: 80, content: "Sound", func: function() { game.sound = !game.sound; } }) }, shakeScreen: function() { if(this.shake > 0) { this.shake = lerp(this.shake, 0, this.shakedown); translate(round(random(-this.shake, this.shake)), round(random(-this.shake, this.shake))); } }, circularText: function(x, y, t) { var tw = textWidth(t); var diameter = tw / PI; var step = 360 / t.length; pushMatrix(); translate(x, y); pushStyle(); textAlign(CENTER); for(var i = 0; i < tw; i++) { text(t[i], 0, 0 - diameter); rotate(step); } popStyle(); popMatrix(); }, getCircularText: function() { background(0, 0, 0, 0); pushStyle(); fill(this.player.color); textSize(37); this.circularText(width / 2, height / 2, "Eat as many dots as you can within 30 seconds. "); fill(240); textSize(30); this.circularText(width / 2, height / 2, "But beware... you get smaller each time you eat. "); fill(this.player.color); textSize(21); this.circularText(width / 2, height / 2, "Eat four dots in quick succession to receive a special bonus. "); fill(240); textSize(15.5); this.circularText(width / 2, height / 2, "Make sure you avoid the 'bad' dot or you'll lose some precious seconds! "); popStyle(); return get(); }, reset: function() { this.bgColor = color(random(40, 60), random(40, 60), random(40, 60)); this.player.diameter = 50; this.player.color = color(random(100, 240), random(100, 240), random(100, 240)); this.score = 0; this.timer = 0; this.ms = millis(); this.shake = 0; this.gameOver = false; this.messages.length = 0; this.combos.length = 0; this.badDot.active = false; this.badDot.x = width / 2; this.badDot.y = height * 0.4; this.badDot.dest.x = random(50, width - 50); this.badDot.dest.y = random(50, height - 50); this.badDot.opacity = 0; this.circleTextImage = this.getCircularText(); //reset colors for buttons for(var key in this.buttons) { this.buttons[key].resetColors(); } }, changeColor: function() { this.bgColor = color(40 + sin(frameCount * 2) * 20, 40 + sin(frameCount) * 20, 40 + sin(frameCount * 1.5) * 20); if(this.scene !== "play") { //reset colors for buttons for(var key in this.buttons) { this.buttons[key].resetColors(); } } }, setup: function() { //sort the scoreboard array this.highscores.sort(function(a, b) { return b.score - a.score; }); //set initial colors for buttons for(var key in this.buttons) { this.buttons[key].resetColors(); } //add dots for(var i = 0; i < 5; i++) { this.dots.push({ x: random(20, width - 20), y: random(20, height - 20), diameter: random(10, 20), color: color(random(100, 240), random(100, 240), random(100, 240)), opacity: 0 }); } //generate hex background background(0, 0, 0, 0); for(var j = 0; j < this.hex.rows; j++) { for(var i = 0; i < this.hex.cols; i++) { var cell = new Cell(i, j, this.hex.cellSize); cell.draw(); } } this.hex.img = get(); this.changeColor(); //get image of circular text using on the start screen this.circleTextImage = this.getCircularText(); }, runExplosions: function() { for(var i = this.explosions.length - 1; i>= 0; i--) { var explosion = this.explosions[i]; explosion.opacity-= explosion.opacitySpeed; explosion.diameter+= explosion.vel; pushStyle(); noFill(); strokeWeight(explosion.sw); stroke(explosion.color, explosion.opacity); ellipse(explosion.x, explosion.y, explosion.diameter, explosion.diameter); popStyle(); } while (this.explosions.length > 0 && this.explosions[0].opacity <= 0) { this.explosions.shift(); } }, runBadExplosions: function() { for(var i = this.badExplosions.length - 1; i>= 0; i--) { var explosion = this.badExplosions[i]; explosion.opacity-= explosion.opacitySpeed; explosion.x+= explosion.vx; explosion.y+= explosion.vy; pushMatrix(); translate(explosion.x, explosion.y); rotate(frameCount * 10); pushStyle(); noStroke(); fill(explosion.color, explosion.opacity); triangle( 0, -explosion.diameter * 0.66, -explosion.diameter * 0.5, explosion.diameter * 0.3, explosion.diameter * 0.5, explosion.diameter * 0.3); popStyle(); popMatrix(); } while (this.badExplosions.length > 0 && this.badExplosions[0].opacity <= 0) { this.badExplosions.shift(); } }, runBadDot: function() { if(this.badDot.active) { if(dist(this.player.x, this.player.y, this.badDot.x, this.badDot.y) < (this.player.diameter + this.badDot.diameter) / 2) { //subtract 2 seconds from the game time this.ms-= 2000; this.messages.push({ message: "2 seconds lost", opacity: 200, type: "bad" }); //add explosions for(var i = 0; i < 5; i++) { this.badExplosions.push({ x: this.badDot.x, y: this.badDot.y, vx: random(-1, 1), vy: random(-1, 1), diameter: this.badDot.diameter * 0.8, color: this.player.color, opacity: 200, opacitySpeed: ~~random(2, 4) }); } //reset the bad dot this.badDot.active = false; this.badDot.opacity = 0; this.badDot.x = width / 2; this.badDot.y = height * 0.4; this.badDot.dest.x = random(50, width - 50); this.badDot.dest.y = random(50, height - 50); if(this.sound){ this.sounds.bad.audio.pause(); this.sounds.bad.audio.currentTime = 0; this.sounds.bad.audio.play(); } } else { //randomly move the bad dot if(dist(this.badDot.x, this.badDot.y, this.badDot.dest.x, this.badDot.dest.y) < this.badDot.diameter / 2) { this.badDot.dest.x = random(50, width - 50); this.badDot.dest.y = random(50, height - 50); } //move the bad dot this.badDot.x = lerp(this.badDot.x, this.badDot.dest.x, 0.01); this.badDot.y = lerp(this.badDot.y, this.badDot.dest.y, 0.01); //draw the bad dot in active state noStroke(); fill(this.player.color); //spikes pushMatrix(); translate(this.badDot.x, this.badDot.y); rotate(frameCount * 10); for(var i = 0; i < 6; i++) { triangle( -this.badDot.diameter * 0.4, 0, this.badDot.diameter * 0.4, 0, 0, -this.badDot.diameter * 0.7); rotate(60); } popMatrix(); ellipse(this.badDot.x, this.badDot.y, this.badDot.diameter, this.badDot.diameter); fill(this.bgColor); ellipse(this.badDot.x, this.badDot.y, this.badDot.diameter * 0.6, this.badDot.diameter * 0.6); } } else { this.badDot.opacity = constrain(this.badDot.opacity + 2, 0, 255); if(this.badDot.opacity === 255) { this.badDot.active = true; } //draw the bad dot in active state noStroke(); fill(this.player.color, this.badDot.opacity); ellipse(this.badDot.x, this.badDot.y, this.badDot.diameter, this.badDot.diameter); fill(this.bgColor, this.badDot.opacity); ellipse(this.badDot.x, this.badDot.y, this.badDot.diameter * 0.6, this.badDot.diameter * 0.6); } }, runPlayer: function() { this.player.x = round(lerp(this.player.x, mouseX, 0.1)); this.player.y = round(lerp(this.player.y, mouseY, 0.1)); if(frameCount % 1 === 0 && dist(this.player.x, this.player.y, mouseX, mouseY) > 10) { this.player.trails.push({ x: this.player.x, y: this.player.y, opacity: 200 }); } for(var i = this.player.trails.length - 1; i >= 0; i--) { var t = this.player.trails[i]; t.opacity-= 5; fill(this.player.color, t.opacity); ellipse(t.x, t.y, this.player.diameter, this.player.diameter); if(t.opacity <= 0) { this.player.trails.splice(i, 1); } } fill(this.player.color); ellipse(this.player.x, this.player.y, this.player.diameter, this.player.diameter); }, checkCombo: function() { //add new combo to beginning of array this.combos.unshift(millis()); //remove extra combos if(this.combos.length > 4) { this.combos.length = 4; } if(this.combos.length === 4) { //if difference between last 4 dots is less than one second if((this.combos[0] - this.combos[3]) / 1000 < 1) { //remove the existing combos (start fresh) this.combos.length = 0; //add the combo bonus //if random() < 3 then increase size of player if(random() < 0.3) { this.player.diameter = constrain(this.player.diameter * 1.5, 5, 50); this.messages.push({ message: "Player increased", opacity: 200, type: "combo" }); } //else add 5 seconds to the game duration else { this.ms+= 5000; this.messages.push({ message: "5 seconds back", opacity: 200, type: "combo" }); } if(this.sound){ this.sounds.combo.audio.pause(); this.sounds.combo.audio.currentTime = 0; this.sounds.combo.audio.play(); } } } }, runCombos: function() { if(this.messages.length > 0) { //display each combo message pushStyle(); textAlign(CENTER, CENTER); textSize(40); for(var i = 0; i < this.messages.length; i++) { var message = this.messages[i]; fill(this.player.color, message.opacity--); if(message.type === "combo") { text(message.message, width/2, height/2); } else { //bad message text(message.message, width/2, height * 0.6); } } popStyle(); //remove all combo messages with opacity of zero or less while (this.messages.length > 0 && this.messages[0].opacity <= 0) { this.messages.shift(); } if((random() < 0.1)) { this.explosions.push({ x: random(width * 0.4, width * 0.6), y: random(height * 0.4, height * 0.6), vel: random(1, 3), sw: random(1, 3), diameter: random(5, 10), color: color(random(100, 240), random(100, 240), random(100, 240)), opacity: 200, opacitySpeed: ~~random(3, 7) }); } } }, splash: function() { if((random() < 0.1)) { this.explosions.push({ x: random(width), y: random(height), vel: random(1, 3), sw: random(1, 3), diameter: random(5, 10), color: color(random(100, 240), random(100, 240), random(100, 240)), opacity: 200, opacitySpeed: ~~random(3, 7) }); } this.runExplosions(); }, scoreboard: function() { //display top 10 scores here var names = "", scores = ""; for(var i = 0; i < this.highscores.length; i++) { names+= this.highscores[i].name + ":\n"; scores+= "" + this.highscores[i].score + "\n"; } this.splash(); pushStyle(); fill(this.player.color, 150); textSize(40); text("SCOREBOARD", width / 2, 40); textAlign(RIGHT); fill(255, 150); textSize(20); textLeading(35); text(names, 345, 125); text(scores, 385, 125); popStyle(); this.runPlayer(); this.buttons.home.draw(); this.transition.run(); }, start: function() { this.splash(); fill(this.player.color, 150); pushStyle(); textSize(60); text("shrink.ka" , width / 2, 230); popStyle(); fill(255, 150); pushMatrix(); translate(width / 2, 290); rotate(sin(frameCount * 3) * 5); textSize(20); text("Can you get to 150 dots?", 0, 0); popMatrix(); image(this.circleTextImage, 0, 0); this.runPlayer(); this.buttons.play.draw(); this.buttons.scoreboard.draw(); this.buttons.sound.draw(); this.transition.run(); }, over: function() { this.splash(); fill(this.player.color, 150); text("GAME OVER" + "\n\nSCORE: " + this.score + "\nBEST SCORE: " + this.bestScore, width / 2, height * 0.4); this.runPlayer(); this.buttons.replay.draw(); this.buttons.home.draw(); this.transition.run(); }, play: function() { this.timer = this.duration - ~~((millis() - this.ms) / 1000); this.player.x = round(lerp(this.player.x, mouseX, 0.1)); this.player.y = round(lerp(this.player.y, mouseY, 0.1)); if(frameCount % 1 === 0 && dist(this.player.x, this.player.y, mouseX, mouseY) > 10) { this.player.trails.push({ x: this.player.x, y: this.player.y, opacity: 200 }); } this.runBadDot(); noStroke(); for(var i = 0; i < this.dots.length; i++) { var f = this.dots[i]; f.opacity = constrain(f.opacity + 5, 0, 255); fill(f.color, f.opacity); ellipse(f.x, f.y, f.diameter, f.diameter); if(dist(this.player.x, this.player.y, f.x, f.y) < (this.player.diameter + f.diameter) / 2) { //reduce the diameter of the player this.player.diameter = constrain(this.player.diameter * 0.95, 5, this.player.diameter); this.score++; for(var j = 0; j < 15; j++) { this.explosions.push({ x: this.player.x, y: this.player.y, vel: random(1, 3), sw: random(1, 3), diameter: random(f.diameter * 0.2, f.diameter * 0.6), color: color(red(f.color) + random(-5, 5), green(f.color) + random(-5, 5), blue(f.color) + random(-5, 5)), opacity: 200, opacitySpeed: ~~random(3, 7) }); } //reset the dots f.x = random(20, width - 20); f.y = random(20, height - 20); f.diameter = random(10, 20); f.color = color(random(100, 240), random(100, 240), random(100, 240)); f.opacity = 0; this.shake = 5; if(this.sound){ this.sounds.eat.audio.pause(); this.sounds.eat.audio.currentTime = 0; this.sounds.eat.audio.play(); } //add collision time to combos this.checkCombo(); } } this.runExplosions(); this.runBadExplosions(); this.runCombos(); pushMatrix(); this.shakeScreen(); noStroke(); for(var i = this.player.trails.length - 1; i >= 0; i--) { var t = this.player.trails[i]; t.opacity-= 5; fill(this.player.color, t.opacity); ellipse(t.x, t.y, this.player.diameter, this.player.diameter); if(t.opacity <= 0) { this.player.trails.splice(i, 1); } } fill(this.player.color); ellipse(this.player.x, this.player.y, this.player.diameter, this.player.diameter); popMatrix(); textSize(30); fill(this.player.color, 80); text("TIME REMAINING: " + this.timer + "\nDOTS: " + this.score, width / 2, 70); if(this.timer <= 0) { this.gameOver = true; this.scene = "gameOver"; this.player.diameter = 20; this.bestScore = max(this.bestScore, this.score); } }, checkKeyPressed: function() { if(keyPressed) { if(keyCode === 83) { //s - toggle sound game.sound = !game.sound; keyCode = 0; } } } }; game.setup(); noStroke(); draw = function() { //used to check if key pressed (toggle sound) game.checkKeyPressed(); background(game.bgColor); //hex background image(game.hex.img, 0, 0); //scene selection switch(game.scene) { case "home": game.start(); break; case "scoreboard": game.scoreboard(); break; case "play": game.play(); break; case "gameOver": game.over(); break; } game.changeColor(); cursor(game.hover ? 'pointer' : 'default'); game.clicked = false; game.hover = false; }; keyPressed = function () { game.keys[keyCode] = true; }; keyReleased = function () { game.keys[keyCode] = false; }; mouseClicked = function () { game.clicked = true; };
Folds	37,50,51,266,269,315,318,330,331,340,341,351,354,1056,1062,1092
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2MxcH6Cww
Votes	302
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739461222195
Updated	4 months ago, 1744844885332
Source Deleted	unknown