Viewing Program

Program Data

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

Title	Flipside: a Game!
ID	5777999883272192
Created	9 years ago, 1470158955641
Updated	8 years ago, 1478539121469
Code	/** Here I am with a new game for you guys: Flipside! It's a fast-paced run and dodge survival challenge style game! * * * * Also, you can refresh the page if it doesn't load. * * Enjoy! / / ----> CLICK TO SKIP LOGO <---- / / * If you would like to subscribe, you can do so here: https://www.khanacademy.org/computer-programming/seth-ws-subscription-page/6645446374981632 / / UPDATE: * Changed the bomb placement key to spacebar. * Changed bomb detonation so that you can use spacebar as well as clicking. * Changed some entity spawning rates to make things (hopefully) a bit easier. * Regeneration (yes, you regenerate!) is a tad bit faster. * Made arrow keys optional for controls. * Different colored shirts, anyone? / / I apologize if it's laggy; there's a whole lot of code down there.... */ var score = 0; var currScene = 'logo'; var charWidth = 20; var charHeight = 40; var players = []; var keys = []; var enemies = []; var bombs = []; var playerBombs = []; var smoke = []; var spikes = []; var coins = []; var crates = []; var bombWaves = []; var coinWidth = 20; var gravity = new PVector(0, 0.5); var invGravity = new PVector(0, -0.5); var helicopter = createGraphics(120, 50, P2D); var submarine = createGraphics(120, 50, P2D); var greenCol = color(33, 115, 0); var lightGreen = color(10, 150, 0); var blueMix = color(0, 157, 255, 40); var impact = createFont('Impact'); var canExplode = true; var trans = false; var transTo = 0; var setEntity = false; var gameTime = 0; var menuTimer = 0; var isOnTutorial = false; var keyPressed = function() { keys[keyCode] = true; }; var keyReleased = function() { keys[keyCode] = false; }; var DeathParticle = function(x, y, type) { this.position = new PVector(x, y); this.design = floor(random(0, 5)); this.opacity = 255; this.r = 0; this.s = random(0.4, 0.9); this.type = type; }; DeathParticle.prototype.display = function() { if (this.type === 'air') { fill(194, 194, 194, this.opacity); noStroke(); switch (this.design) { case 0: pushMatrix(); translate(this.position.x, this.position.y); rotate(this.r); scale(this.s); ellipse(-5, 0, 15, 15); ellipse(5, 5, 18, 18); ellipse(3, -4, 10, 10); ellipse(-4, 7, 12, 12); popMatrix(); break; case 1: pushMatrix(); translate(this.position.x, this.position.y); rotate(this.r); scale(this.s); rotate(this.r); ellipse(2, -4, 10, 10); ellipse(-3, -8, 14, 14); ellipse(-5, 2, 11, 11); popMatrix(); break; case 2: pushMatrix(); translate(this.position.x, this.position.y); rotate(this.r); scale(this.s); ellipse(0, -5, 12, 12); ellipse(2, 2, 16, 16); ellipse(-5, 0, 9, 9); ellipse(7, -4, 13, 13); popMatrix(); break; case 3: pushMatrix(); translate(this.position.x, this.position.y); rotate(this.r); scale(this.s); ellipse(5, 5, 15, 15); ellipse(2, -3, 10, 10); ellipse(-4, 4, 9, 9); ellipse(8, -3, 8, 8); popMatrix(); break; case 4: pushMatrix(); translate(this.position.x, this.position.y); rotate(this.r); scale(this.s); ellipse(0, 0, 10, 10); ellipse(6, 4, 11, 11); ellipse(-5, -1, 12, 12); ellipse(5, -2, 8, 8); popMatrix(); break; } } else if (this.type === 'water' && this.position.y > 300) { pushMatrix(); translate(this.position.x, this.position.y); scale(this.s); fill(255, 255, 255, this.opacity); strokeWeight(2); stroke(255, 255, 255, this.opacity); ellipse(0, 0, 15, 15); popMatrix(); } this.r += 3; this.opacity -= 5; }; DeathParticle.prototype.update = function() { if (this.type === 'air') { this.position.add(new PVector(0, -2)); } else if (this.type === 'water') { this.position.add(new PVector(0, -1)); } }; DeathParticle.prototype.run = function() { this.display(); this.update(); }; var DPSystem = function(origin) { this.origin = origin; this.particles = []; this.setP = true; this.time = 350; }; DPSystem.prototype.run = function() { if (this.setP) { for (var i = 0; i < 6; i++) { if (this.origin.y > 300) { this.particles.push(new DeathParticle(this.origin.x + random(-15, 15), this.origin.y + random(-15, 15), 'water')); } else { this.particles.push(new DeathParticle(this.origin.x + random(-15, 15), this.origin.y + random(-15, 15), 'air')); } } this.setP = false; } for (var i = 0; i < this.particles.length; i++) { this.particles[i].run(); if (this.particles[i].opacity < 0) { this.particles.splice(i, 1); } } this.time--; }; var Coin = function(origin) { this.position = origin.get(); this.velocity = new PVector(random(-3, 3), random(0, -4)); this.active = true; this.isOnPlat = false; this.t = 0; this.tOffset = random(0, 30); this.t += this.tOffset; }; Coin.prototype.display = function() { this.s = sin(this.t2)coinWidth/2; fill(68, 255, 0); strokeWeight(2); stroke(58, 184, 0); ellipse(this.position.x + coinWidth/2, this.position.y + coinWidth/2, this.s, coinWidth/2); }; Coin.prototype.update = function() { this.velocity.limit(6); this.position.add(this.velocity); if (this.position.y + coinWidth/2 <= 300) { this.velocity.add(new PVector(0, 0.25)); } else { this.velocity.add(new PVector(0, -0.25)); } if (this.isOnPlat) { this.velocity.x /= 1.1; } }; Coin.prototype.isCollected = function() { for (var i = 0; i < players.length; i++) { if (players[i].position.x < this.position.x + coinWidth && players[i].position.x + charWidth > this.position.x && players[i].position.y + charHeight > this.position.y && players[i].position.y < this.position.y + coinWidth) { this.active = false; } } }; Coin.prototype.run = function() { this.display(); this.isCollected(); this.update(); this.t++; }; var Bomb = function(x, y, type) { this.position = new PVector(x, y); this.velocity = new PVector(0, 0); this.type = type; this.size = -1; this.activated = false; this.explodeD = 50; this.assign = true; }; Bomb.prototype.display = function() { noStroke(); pushMatrix(); translate(this.position.x, this.position.y); scale(this.size + 1); if (frameCount % 60 < 30) { fill(255, 0, 0); } else { fill(123, 255, 0); } triangle(8, -2, 8, 2, 13, 0); triangle(-2, -8, 2, -8, 0, -13); triangle(-8, -2, -8, 2, -13, 0); triangle(-2, 8, 2, 8, 0, 13); fill(0); ellipse(0, 0, 20, 20); if (frameCount % 60 < 30) { fill(255, 0, 0); } else { fill(123, 255, 0); } quad(0, 7, 7, 0, 0, -7, -7, 0); popMatrix(); this.size /= 1.5; }; Bomb.prototype.clickDetonate = function() { if (!keys[32]) { canExplode = true; } if (canExplode && (keys[32] \|\| mouseIsPressed)) { this.activated = true; } }; Bomb.prototype.dropper = function() { if (this.position.y < 300) { this.velocity.add(new PVector(0, 0.25)); } else { this.velocity.add(new PVector(0, -0.25)); } this.position.add(this.velocity); if (this.position.y > 275 && this.position.y < 325) { this.activated = true; fill(255, 0, 0); ellipse(this.position.x, this.position.y, 50, 50); } }; Bomb.prototype.run = function() { switch (this.type) { case 'PLAYER': this.display(); this.clickDetonate(); break; case 'DROPPER': this.display(); this.dropper(); break; } }; var BombWave = function(origin) { this.origin = origin; this.w = 10; this.w2 = 6; this.w3 = 4; this.v = 5; this.life = 255; }; BombWave.prototype.run = function() { noFill(); strokeWeight(4); stroke(10, 10, 10, this.life); ellipse(this.origin.x, this.origin.y, this.w, this.w); stroke(30, 30, 30, this.life); strokeWeight(3); ellipse(this.origin.x, this.origin.y, this.w2, this.w2); stroke(50, 50, 50, this.life); strokeWeight(2); ellipse(this.origin.x, this.origin.y, this.w3, this.w3); this.v /= 1.05; this.w += this.v; this.w2 += this.v/1.5; this.w3 += this.v/2; this.life -= 6; }; var Shake = function() { this.time = 0; this.a = 10; this.shake = false; }; Shake.prototype.move = function() { translate(0, sin(this.time25)this.a); this.a -= 0.5; this.time++; }; Shake.prototype.run = function() { if (this.a > 0 && this.shake) { this.move(); } else { this.shake = false; } if (!this.shake) { this.a = 10; this.time = 0; } }; var shake = new Shake(); var Player = function(x, y) { this.position = new PVector(x, y); this.velocity = new PVector(0, 0); this.acc = new PVector(0, 0); this.isOnPlat = false; this.triggerJump = false; this.jump = 4; this.isOnFlipside = false; this.r = 0; this.lifeTimer = 20; this.lives = 12; this.redOpacity = 0; this.livesLost = 1; this.bombCooldown = 100; this.regenTimer = 0; this.shirtColors = [ color(255, 0, 0), color(115, 115, 115), color(0, 255, 26), color(184, 101, 0), color(18, 0, 133), color(255, 255, 255), color(255, 191, 0), color(0, 196, 255), color(77, 0, 255) ]; this.chosenColor = floor(random(0, this.shirtColors.length)); }; Player.prototype.display = function() { pushMatrix(); translate(this.position.x + charWidth/2, this.position.y + charHeight/2); rotate(this.r); if (this.isOnFlipside && this.r < 180) { this.r += 10; } else if (!this.isOnFlipside && this.r > 0) { this.r -= 10; } translate(-charWidth/2 - 7, -charHeight/2); fill(0); noStroke(); translate(17, 26); if (!this.isOnFlipside) { rotate(this.velocity.x7); } else { rotate(-this.velocity.x7); } arc(0, 0, 8, 10, 0, 180); fill(this.shirtColors[this.chosenColor]); rectMode(RADIUS); rect(0, -7, 4, 7); rectMode(CORNER); fill(0, 255, 132); ellipse(0, -11, 12, 12); fill(0); if (!this.isOnFlipside) { if (this.velocity.x >= 0) { ellipse(2, -12, 3, 3); } else { ellipse(-2, -12, 3, 3); } } else { if (this.velocity.x <= 0) { ellipse(2, -12, 3, 3); } else { ellipse(-2, -12, 3, 3); } } if (this.position.y > 300) { strokeWeight(1.5); stroke(0, 105, 158); fill(0, 162, 255, 120); ellipse(0, -13, 16, 16); } if (this.velocity.x > 1 \|\| this.velocity.x < -1) { rotate(sin(frameCount30)60); } fill(0); ellipse(0, 13, 6, 4); if (this.velocity.x > 1 \|\| this.velocity.x < -1) { rotate(sin(frameCount30 + 30)60); } ellipse(0, 13, 6, 4); popMatrix(); fill(255, 0, 0, this.redOpacity); rect(-1000, -1000, 3000, 3000); if (this.redOpacity > 0 && this.redOpacity < 180) { this.redOpacity -= 6; } }; Player.prototype.UIImage = function() { pushMatrix(); translate(575, 568); scale(1.3); rotate(this.r); if (this.isOnFlipside && this.r < 180) { this.r += 10; } else if (!this.isOnFlipside && this.r > 0) { this.r -= 10; } translate(-charWidth/2 - 7, -charHeight/2); fill(0); noStroke(); translate(17, 26); if (!this.isOnFlipside) { rotate(this.velocity.x7); } else { rotate(-this.velocity.x7); } arc(0, 0, 8, 10, 0, 180); fill(this.shirtColors[this.chosenColor]); rectMode(RADIUS); rect(0, -7, 4, 7); rectMode(CORNER); fill(0, 255, 132); ellipse(0, -11, 12, 12); fill(0); if (!this.isOnFlipside) { if (this.velocity.x >= 0) { ellipse(2, -12, 3, 3); } else { ellipse(-2, -12, 3, 3); } } else { if (this.velocity.x <= 0) { ellipse(2, -12, 3, 3); } else { ellipse(-2, -12, 3, 3); } } if (this.position.y > 300) { strokeWeight(1.5); stroke(0, 105, 158); fill(0, 162, 255, 120); ellipse(0, -13, 16, 16); } if (this.velocity.x > 1 \|\| this.velocity.x < -1) { rotate(sin(frameCount30)60); } fill(0); ellipse(0, 13, 6, 4); if (this.velocity.x > 1 \|\| this.velocity.x < -1) { rotate(sin(frameCount30 + 30)60); } ellipse(0, 13, 6, 4); popMatrix(); }; Player.prototype.applyForce = function(force) { this.acc.add(force); }; Player.prototype.update = function() { if (keys[68] \|\| keys[39]) { this.applyForce(new PVector(0.5, 0)); } if (keys[65] \|\| keys[37]) { this.applyForce(new PVector(-0.5, 0)); } if ((keys[87] \|\| keys[38]) && this.isOnPlat) { this.triggerJump = true; } if (!keyIsPressed) { this.velocity.div(new PVector(1.2, 1)); } if (this.triggerJump && this.jump > 0) { this.jump--; if (!this.isOnFlipside) { this.applyForce(new PVector(0, -3)); } else { this.applyForce(new PVector(0, 3)); } } if (this.jump === 0) { this.triggerJump = false; this.jump = 4; } if (this.velocity.x > 5) { this.velocity.x = 5; } else if (this.velocity.x < -5) { this.velocity.x = -5; } this.velocity.add(this.acc); this.position.add(this.velocity); this.acc.mult(0); if (this.lives < 12 && this.lives > 0) { this.regenTimer++; } else { this.regenTimer = 0; } if (this.regenTimer !== 0 && this.regenTimer % 240 === 0) { this.lives++; } }; var helicopterImg = function(x, y) { var propWidth = sin(frameCount8)45; noStroke(); rectMode(RADIUS); fill(0); rect(70, 12, 2, 5); rect(70, 8, sin(frameCount15)45, 2); fill(0, 48, 153); beginShape(); vertex(60, 12); vertex(80, 12); vertex(80, 15); vertex(90, 15); vertex(100, 25); vertex(110, 25); vertex(120, 35); vertex(110, 45); vertex(55, 45); vertex(40, 35); vertex(25, 30); vertex(15, 30); vertex(14, 5); vertex(20, 5); vertex(30, 20); vertex(40, 20); vertex(60, 15); endShape(); fill(0); pushMatrix(); translate(20, 15); rotate(frameCount10); rect(0, 0, 1.5, 15); rect(0, 0, 15, 1.5); popMatrix(); fill(0); beginShape(); vertex(80, 17); vertex(90, 17); vertex(98, 25); vertex(80, 25); endShape(); fill(0, 37, 117); beginShape(); vertex(120, 35); vertex(110, 45); vertex(55, 45); vertex(40, 35); endShape(); rectMode(CORNER); }; var submarineImg = function(x, y) { fill(71, 71, 71); noStroke(); rect(75, 7, 8, 15); ellipse(79, 5, 8, 8); rect(79, 1, 12, 8, 4); rect(10, 25, 20, 10, 7); fill(0); rectMode(RADIUS); rect(12, 30, 2, sin(frameCount12)12); rectMode(CORNER); fill(94, 94, 94); noStroke(); ellipse(90, 30, 30, 30); ellipse(30, 30, 25, 30); rect(30, 15, 60, 30); fill(145, 145, 145, 150); rect(30, 30, 60, 15); arc(90, 30, 30, 30, 0, 90); arc(30, 30, 25, 30, 90, 180); fill(255, 255, 255); strokeWeight(3); stroke(89, 39, 0); ellipse(40, 28, 12, 12); ellipse(80, 28, 12, 12); ellipse(60, 28, 12, 12); }; Player.prototype.run = function() { if (this.position.y <= 300) { this.applyForce(gravity); this.isOnFlipside = false; } else { this.applyForce(invGravity); this.isOnFlipside = true; } if (this.velocity.y !== 0) { this.isOnPlat = false; } if (this.lifeTimer === 29) { this.lives -= this.livesLost; this.lifeTimer--; } if (this.lifeTimer <= 28 && this.lifeTimer > 0) { this.lifeTimer--; } if (this.lifeTimer <= 0) { this.lifeTimer = 30; } if (keys[32] && this.spawnBomb && this.bombCooldown >= 100) { bombs.push(new Bomb(this.position.x + charWidth/2, this.position.y + charHeight/2, 'PLAYER')); this.bombCooldown = 0; canExplode = false; } if (playerBombs.length === 0 && this.bombCooldown < 100) { this.bombCooldown += 0.5; } if (!keys[32]) { this.spawnBomb = true; } this.display(); this.update(); }; var Enemy = function(x, y, type, beeLives, isFast, dropperSpawn) { this.position = new PVector(x, y); this.velocity = new PVector(0, 0); this.beeSpeed2 = floor(random(0, 4)); if (isFast === false) { this.beeSpeed2 = 1; } if (isFast === true) { this.beeSpeed2 = 3; } if (this.beeSpeed2 < 3) { this.beeSpeed = random(1.5, 1.9); } else { this.beeSpeed = random(2.5, 3.1); } this.spawnChoices = [ new PVector(-700, 0), new PVector(-700, 500), new PVector(1650, 0), new PVector(1650, 500) ]; this.wSpawn = [ random(-800, -700), random(1300, 1400) ]; this.wSpawnIndex = floor(random(0, this.wSpawn.length)); this.chosenIndex = floor(random(0, this.spawnChoices.length)); if (isOnTutorial) { this.chosenIndex = dropperSpawn; } this.chosenSpawn = this.spawnChoices[this.chosenIndex]; this.bSpawnChoices = [ [random(-900, 1500), random(-100, -20)], [random(-900, 1500), random(620, 700)], [random(-900, -820), random(0, 600)], [random(1420, 1500), random(0, 600)] ]; this.bSCIndex = floor(random(0, this.bSpawnChoices.length)); if (this.position.x === 0 && this.position.y === 0) { this.position = new PVector(this.bSpawnChoices[this.bSCIndex][0], this.bSpawnChoices[this.bSCIndex][1]); } this.dropX = floor(random(-600, 601)); this.setSpawn = true; this.drop = false; this.lockDrop = false; this.type = type; this.beeLives = beeLives; if (beeLives >= 5) { this.beeLives = 4; } if (beeLives === undefined) { this.beeLives = 1; } this.lifetime = 1800; }; Enemy.prototype.bee = function(opacity) { this.opacity = opacity; if (this.opacity === undefined) { this.opacity = 255; if (players.length > 0) { this.follow(players[0].position); } this.position.add(this.velocity); this.velocity.limit(1); this.lifetime--; } this.width = 40; this.height = 20; pushMatrix(); translate(this.position.x - 10, this.position.y - 2.5); noStroke(); fill(46, 26, 0, this.opacity); triangle(28, 22, 32, 22, 30, 25); fill(81, 255, 0, this.opacity); if (this.beeLives > 2) { strokeWeight(2); stroke(90, 90, 90); fill(120, 120, 120, this.opacity); } ellipse(30, 18, 8, 8); fill(46, 26, 0, this.opacity); ellipse(30, 15, 10, 10); fill(255, 255, 255, this.opacity - 155); if (this.beeLives <= 3) { noStroke(); } if (this.beeSpeed2 === 3) { fill(0, 0, 0, 100); } pushMatrix(); translate(32, 12); rotate(sin(frameCount20)15); bezier(0, 0, 32, -20, 32, 20, 0, 0); popMatrix(); pushMatrix(); translate(32, 12); rotate(sin((frameCount + 60)20)15); bezier(0, 0, 32, -20, 32, 20, 0, 0); popMatrix(); pushMatrix(); translate(28, 12); rotate(sin((frameCount + 60)20)15); bezier(0, 0, -32, -20, -32, 20, 0, 0); popMatrix(); pushMatrix(); translate(28, 12); rotate(sin((frameCount)20)15); bezier(0, 0, -32, -20, -32, 20, 0, 0); popMatrix(); stroke(69, 30, 0); strokeWeight(1); noFill(); arc(36, 7, 10, 10, -190, -60); arc(24, 7, 10, 10, -120, 10); noStroke(); fill(81, 255, 0, this.opacity); if (this.beeLives > 1) { strokeWeight(2); stroke(90, 90, 90); fill(120, 120, 120); } ellipse(30, 11, 12, 12); fill(0, 0, 0, this.opacity); noStroke(); ellipse(32.5, 10, 2.5, 2.5); ellipse(27.5, 10, 2.5, 2.5); stroke(0); strokeWeight(0.7); line(26, 6, 30, 8); line(30, 8, 34, 6); if (this.position.y > 300) { strokeWeight(1.5); stroke(0, 105, 158); fill(0, 162, 255, this.opacity - 135); ellipse(30, 9, 14, 14); line(37, 10, 37, -3); line(23, 10, 23, -3); } popMatrix(); }; var Crate = function(origin, isTutorial) { this.position = origin; this.velocity = new PVector(0, 0); this.width = 15; this.isBroken = false; this.item = floor(random(0, 2)); if (isTutorial) { this.item = 1; } }; Crate.prototype.display = function() { rectMode(RADIUS); fill(92, 52, 0); strokeWeight(4); stroke(153, 66, 0); rect(this.position.x, this.position.y, this.width, this.width, 6); line(this.position.x - this.width + 3, this.position.y + this.width - 3, this.position.x + this.width - 3, this.position.y - this.width + 3); line(this.position.x - this.width + 3, this.position.y - this.width + 3, this.position.x + this.width - 3, this.position.y + this.width - 3); rectMode(CORNER); }; Crate.prototype.update = function() { this.velocity.limit(8); if (this.position.y < 300) { this.velocity.add(gravity); } else { this.velocity.add(invGravity); } this.position.add(this.velocity); if (this.position.y + this.width > 275 && this.position.y < 325) { this.isBroken = true; } if (this.item === 1 && this.isBroken) { for (var i = 0; i < floor(random(5, 16)); i++) { coins.push(new Coin(new PVector(this.position.x - coinWidth/2, this.position.y - coinWidth/2))); } } else if (this.item === 0 && this.isBroken) { for (var i = 0; i < floor(random(1, 5)); i++) { enemies.push(new Enemy(this.position.x + random(-15, 15), this.position.y + random(-15, 15), 'bee', floor(random(1, 5)))); } } }; Crate.prototype.run = function() { this.display(); this.update(); }; Enemy.prototype.follow = function(target) { this.target = target; this.finalTarget = PVector.add(this.target, new PVector(charWidth/2 - this.width/2, 10)); this.distance = PVector.sub(this.finalTarget, this.position); this.distance.normalize(); this.distance.mult(this.beeSpeed); this.velocity.add(this.distance); }; Enemy.prototype.dropper = function(isTutorial) { this.width = 120; this.height = 50; this.items = [ new Bomb(this.position.x + this.width/2, this.position.y + this.height/2, 'DROPPER'), new Crate(new PVector(this.position.x + this.width/2, this.position.y + this.height/2)), new Crate(new PVector(this.position.x + this.width/2, this.position.y + this.height/2)), new Crate(new PVector(this.position.x + this.width/2, this.position.y + this.height/2), true) ]; this.chosenItem = floor(random(0, this.items.length - 1)); if (isTutorial) { this.chosenItem = 3; } if (this.setSpawn) { this.position = this.chosenSpawn; this.setSpawn = false; } pushMatrix(); imageMode(CENTER); translate(this.position.x + this.width/2, this.position.y + this.height/2); if (this.chosenIndex === 2 \|\| this.chosenIndex === 3) { scale(-1, 1); } if (this.chosenIndex === 0 \|\| this.chosenIndex === 2) { helicopterImg(); } else { submarineImg(); } imageMode(CORNER); popMatrix(); if (this.chosenIndex === 0 \|\| this.chosenIndex === 1) { this.velocity = new PVector(6, 0); } else { this.velocity = new PVector(-6, 0); } for (var i = 0; i < players.length; i++) { if (this.position.x + this.width/2 > players[i].position.x - 5 && this.position.x + this.width/2 < players[i].position.x + 25) { if (!this.lockDrop) { this.drop = true; } } } if (this.drop) { if (this.chosenItem === 0) { bombs.push(this.items[this.chosenItem]); } else { crates.push(this.items[this.chosenItem]); } this.drop = false; this.lockDrop = true; } this.position.add(this.velocity); }; var swordFish = function(x, y, rotateBy, invert) { pushMatrix(); if (invert) { translate(x + 10, y); scale(-1, 1); } else { translate(x, y); } rotate(rotateBy); noStroke(); pushMatrix(); fill(0, 41, 77); translate(-16, 0); rotate(sin(frameCount20)15); triangle(0, 0, -14, -10, -14, 10); fill(255, 255, 255, 15); triangle(0, 0, -14, -10, -14, -0); popMatrix(); fill(0, 59, 107); triangle(-20, -3, -0, -12, 12, 0); fill(0, 68, 128); beginShape(); vertex(45, 0); vertex(18, -4); vertex(10, -8); vertex(0, -7); vertex(-20, -3); vertex(-25, 0); vertex(-20, 3); vertex(0, 7); vertex(10, 8); vertex(18, 4); endShape(); stroke(0); strokeWeight(4); point(9, -2); strokeWeight(1); line(6, -7, 12, -5); fill(0, 0, 0, 60); noStroke(); triangle(10, 8, 18, 4, -20, 3); popMatrix(); }; Enemy.prototype.waver = function() { this.width = 70; this.height = 30; this.isInverted = false; if (this.setSpawn) { this.position = new PVector(this.wSpawn[this.wSpawnIndex], 180); this.setSpawn = false; } if (this.wSpawnIndex === 0) { this.velocity.add(new PVector(6, 0)); } else { this.velocity.add(new PVector(-6, 0)); this.isInverted = true; } if (this.position.y + this.height/2 < 300) { this.velocity.add(new PVector(0, 1)); } else { this.velocity.add(new PVector(0, -1)); } if (this.velocity.x > 6 && this.wSpawnIndex === 0) { this.velocity.x = 6; } else if (this.velocity.x < -6 && this.wSpawnIndex === 1) { this.velocity.x = -6; } swordFish(this.position.x + 30, this.position.y + 15, this.velocity.y1.5, this.isInverted); this.position.add(this.velocity); }; Enemy.prototype.run = function() { for (var i = 0; i < players.length; i++) { if (players[i].position.x + charWidth > this.position.x && players[i].position.x < this.position.x + this.width && players[i].position.y + charHeight > this.position.y && players[i].position.y < this.position.y + this.height && players[i].lifeTimer === 30 && !isOnTutorial && !isOnTutorial) { if (this.type === 'waver') { players[i].livesLost = 3; } else { players[i].livesLost = 1; } players[i].lifeTimer--; players[i].redOpacity = 180; players[i].redOpacity -= 6; } } switch (this.type) { case 'bee': this.bee(); break; case 'dropper': if (!isOnTutorial) { this.dropper(); } else { this.dropper(true); } break; case 'waver': this.waver(); break; } }; var Spike = function(topSpawn) { this.comingFrom = floor(random(0, 2)); if (topSpawn) { this.comingFrom = 0; } this.time = 0; this.circSize = -90; this.circY = 0; this.x = -3000; if (this.comingFrom === 0) { this.y = -400; this.g = 2; } else { this.y = 700; this.g = -2; } this.w = 6000; this.h = 300; }; Spike.prototype.display = function() { pushMatrix(); translate(300, this.y + this.h/2); if (this.comingFrom === 1) { scale(1, -1); } fill(117, 117, 117); rectMode(RADIUS); noStroke(); rect(0, 0, 900, 120); rect(0, -150, 900, 35); fill(82, 82, 82); for (var i = 0; i < 57; i++) { triangle(i40 - 840, 120, i40 - 800, 120, i40 - 820, 150); } for (var i = 0; i < 14; i++) { fill(153, 153, 153); strokeWeight(2); stroke(92, 92, 92); line(i180 - 800, -180, i180 - 620, 120); } rectMode(CORNER); popMatrix(); if (this.time > 100) { switch (this.comingFrom) { case 0: if (this.time < 250) { if (this.y > -15) { this.g = -0.4; this.y = -15; } this.g += 0.5; } else { this.g = -10; } break; case 1: if (this.time < 250) { if (this.y < 315) { this.g = -0.4; this.y = 315; } this.g -= 0.5; } else { this.g = 10; } break; } this.y += this.g; } }; Spike.prototype.run = function() { for (var i = 0; i < players.length; i++) { if (players[i].position.x + charWidth > this.x && players[i].position.x < this.x + this.w && players[i].position.y + charHeight > this.y && players[i].position.y < this.y + this.h && !isOnTutorial) { smoke.push(new DPSystem(new PVector(players[i].position.x + charWidth/2, players[i].position.y + charHeight/2))); players.splice(i, 1); } } this.display(); this.time++; }; var runBombs = function() { for (var i = 0; i < bombs.length; i++) { if (bombs[i].activated) { for (var j = enemies.length - 1; j >= 0; j--) { if (enemies[j].position.x + enemies[j].width > bombs[i].position.x - bombs[i].explodeD && enemies[j].position.x < bombs[i].position.x + bombs[i].explodeD && enemies[j].position.y + enemies[j].height > bombs[i].position.y - bombs[i].explodeD && enemies[j].position.y < bombs[i].position.y + bombs[i].explodeD) { enemies[j].beeLives--; if (enemies[j].beeLives <= 0) { for (var n = 0; n < 7; n++) { coins.push(new Coin(enemies[j].position)); } smoke.push(new DPSystem(new PVector(enemies[j].position.x + enemies[j].width/2, enemies[j].position.y + enemies[j].height/2))); enemies.splice(j, 1); } } } for (var j = players.length - 1; j >= 0; j--) { if (players[j].position.x + charWidth > bombs[i].position.x - bombs[i].explodeD && players[j].position.x < bombs[i].position.x + bombs[i].explodeD && players[j].position.y + charHeight > bombs[i].position.y - bombs[i].explodeD && players[j].position.y < bombs[i].position.y + bombs[i].explodeD && !isOnTutorial) { players[j].lives -= 5; players[j].redOpacity = 180; players[j].redOpacity -= 6; } } if (bombs[i].type === 'PLAYER') { playerBombs.splice(playerBombs.indexOf(bombs[i]), 1); } shake.shake = true; bombWaves.push(new BombWave(new PVector(bombs[i].position.x, bombs[i].position.y))); bombs.splice(i, 1); } } for (var i = 0; i < bombWaves.length; i++) { bombWaves[i].run(); if (bombWaves[i].time < 0) { bombWaves.splice(i, 1); } } }; var Block = function(x, y, w, h, isOnFlipside) { this.x = x; this.y = y; this.w = w; this.h = h; this.isOnFlipside = isOnFlipside; }; Block.prototype.display = function() { fill(115, 54, 0); stroke(87, 41, 0); strokeWeight(4); rect(this.x, this.y, this.w, this.h, 1); }; Block.prototype.checkCollision = function() { for (var i = 0; i < players.length; i++) { if (players[i].position.x + charWidth > this.x && players[i].position.x < this.x + this.w && players[i].position.y + charHeight > this.y && players[i].position.y + charHeight < this.y + 15) { players[i].velocity.mult(new PVector(1, 0)); if (!this.isOnFlipside \|\| this.isOnFlipside === 'NONE') { players[i].isOnPlat = true; } players[i].position.y = this.y - charHeight; } else if (players[i].position.x + charWidth > this.x && players[i].position.x < this.x + this.w && players[i].position.y > this.y + this.h - 15 && players[i].position.y < this.y + this.h) { players[i].velocity.mult(new PVector(1, 0)); if (this.isOnFlipside \|\| this.isOnFlipside === 'NONE') { players[i].isOnPlat = true; } players[i].position.y = this.y + this.h; } else if (players[i].position.x + charWidth > this.x && players[i].position.x < this.x + 15 && players[i].position.y > this.y - charHeight && players[i].position.y < this.y + this.h) { players[i].isOnPlat = false; players[i].position.x = this.x - charWidth; } else if (players[i].position.x > this.x + this.w - 15 && players[i].position.x < this.x + this.w && players[i].position.y > this.y - charHeight && players[i].position.y < this.y + this.h) { players[i].isOnPlat = false; players[i].position.x = this.x + this.w; } } for (var i = 0; i < coins.length; i++) { if (coins[i].position.x + coinWidth > this.x && coins[i].position.x < this.x + this.w && coins[i].position.y + coinWidth > this.y && coins[i].position.y + coinWidth < this.y + 15) { coins[i].isOnPlat = true; coins[i].velocity.mult(new PVector(1, -0.5)); coins[i].position.y = this.y - coinWidth; } else if (coins[i].position.x + coinWidth > this.x && coins[i].position.x < this.x + this.w && coins[i].position.y > this.y + this.h - 15 && coins[i].position.y < this.y + this.h) { coins[i].isOnPlat = true; coins[i].velocity.mult(new PVector(1, -0.5)); coins[i].position.y = this.y + this.h; } else if (coins[i].position.x + coinWidth > this.x && coins[i].position.x < this.x + 15 && coins[i].position.y > this.y - coinWidth && coins[i].position.y < this.y + this.h) { coins[i].velocity.mult(new PVector(0, 1)); coins[i].position.x = this.x - coinWidth; } else if (coins[i].position.x > this.x + this.w - 15 && coins[i].position.x < this.x + this.w && coins[i].position.y > this.y - coinWidth && coins[i].position.y < this.y + this.h) { coins[i].velocity.mult(new PVector(0, 1)); coins[i].position.x = this.x + this.w; } } }; Block.prototype.run = function() { this.display(); this.checkCollision(); }; var Transition = function() { this.transTime = 0; this.runNow = false; this.transTo = 0; this.r1 = -90; this.r2 = -90; this.r3 = -90; }; Transition.prototype.run = function() { noStroke(); if (this.transTime > 20 && this.transTime < 50) { this.r1 /= 1.25; } if (this.transTime > 30 && this.transTime < 60) { this.r2 /= 1.25; } if (this.transTime > 40 && this.transTime < 70) { this.r3 /= 1.25; } if (this.transTime > 70) { this.r3 = 1.25; } if (this.transTime > 80) { this.r2 = 1.25; } if (this.transTime > 90) { this.r1 = 1.25; } pushMatrix(); fill(0, 191, 35); rotate(this.r1); if (this.transTime < 120) { rect(0, 0, width, height2); } popMatrix(); pushMatrix(); fill(0, 156, 31); rotate(this.r2); if (this.transTime < 110) { rect(0, 0, width, height2); } popMatrix(); pushMatrix(); fill(0, 110, 20); rotate(this.r3); if (this.transTime < 100) { rect(0, 0, width, height2); } popMatrix(); if (this.transTime === 70) { currScene = this.transTo; setEntity = true; } this.transTime++; }; Transition.prototype.reset = function() { this.transTime = 0; this.r1 = -90; this.r2 = -90; this.r3 = -90; trans = false; }; var PopUp = function(x, y, w, h, message) { this.x = x; this.yOffset = -20; this.y = y; this.w = w; this.h = h; this.message = message; this.isClicked = false; this.isDone = false; this.opacity = 0; this.retry = false; this.mainMenu = false; }; PopUp.prototype.display = function() { fill(60, 60, 60, this.opacity - 95); stroke(40, 40, 40, this.opacity - 55); strokeWeight(5); rect(this.x, this.y + this.yOffset, this.w, this.h, 4); textFont(createFont('Century Gothic'), 16); fill(255, 255, 255, this.opacity); text(this.message, this.x + 8, this.y + this.yOffset + 20); if (this.yOffset < -0.1 && !this.isClicked) { this.yOffset /= 1.25; } fill(100, 100, 100, this.opacity); textFont(createFont('Century Gothic Bold'), 12); if (mouseX > this.x + this.w - 40 && mouseX < this.x + this.w && mouseY > this.y + this.yOffset + this.h - 30 && mouseY < this.y + this.yOffset + this.h) { if (mouseIsPressed) { this.isClicked = true; } fill(255, 255, 255, this.opacity); cursor(HAND); } else { cursor(ARROW); } text('Next', this.x + this.w - 35, this.y + this.yOffset + this.h - 10); if (this.opacity < 255 && !this.isClicked) { this.opacity += 50; } if (this.opacity >= 255 && !this.isClicked) { this.opacity = 255; } if (this.isClicked) { if (this.opacity > 0) { this.opacity -= 50; canExplode = false; } else { canExplode = true; this.opacity = 0; this.isDone = true; } this.yOffset -= 10; } }; PopUp.prototype.lose = function() { fill(60, 60, 60, this.opacity - 95); stroke(40, 40, 40, this.opacity - 55); strokeWeight(5); rect(this.x, this.y + this.yOffset, this.w, this.h, 4); textFont(createFont('Century Gothic Bold'), 60); fill(255, 255, 255, this.opacity); textAlign(CENTER, CENTER); text('GAME OVER!', this.x + this.w/2, this.y + 80 + this.yOffset + 20); textSize(40); text('Here\'s Your Score:', this.x + this.w/2, this.y + this.h/2 - 20 + this.yOffset + 20); textSize(90); text(score, this.x + this.w/2, this.y + this.h/2 + 60 + this.yOffset + 20); fill(100, 100, 100, this.opacity); if (mouseX > this.x + 50 && mouseX < this.x + 150 && mouseY > this.y + this.h - 70 && mouseY < this.y + this.h) { fill(255, 255, 255, this.opacity); if (mouseIsPressed) { this.isClicked = true; this.retry = true; } cursor(HAND); } else { cursor(ARROW); } textSize(30); text('Retry', this.x + 100, this.y + this.h - 60 + this.yOffset + 20); fill(100, 100, 100, this.opacity); if (mouseX > this.x + this.w - 240 && mouseX < this.x + this.w - 40 && mouseY > this.y + this.h - 70 && mouseY < this.y + this.h) { fill(255, 255, 255, this.opacity); cursor(HAND); if (mouseIsPressed) { this.isClicked = true; this.mainMenu = true; } } else { cursor(ARROW); } text('Main Menu', this.x + this.w - 140, this.y + this.h - 60 + this.yOffset + 20); if (this.opacity < 255 && !this.isClicked) { this.opacity += 50; } if (this.yOffset < -0.1 && !this.isClicked) { this.yOffset /= 1.25; } if (this.isClicked) { if (this.opacity > 0) { this.opacity -= 50; canExplode = false; } else { canExplode = true; this.opacity = 0; this.isDone = true; } this.yOffset -= 10; } textAlign(LEFT, BASELINE); }; var loseScreen = new PopUp(50, 50, 500, 500); PopUp.prototype.showABees = function() { for (var i = 4; i > 0; i--) { this.b = new Enemy(this.x + 30 + i70, this.y + this.h - 40, 'bee', i, false); this.b.bee(this.opacity); } }; PopUp.prototype.showFBee = function() { this.b = new Enemy(this.x + (this.w/2), this.y + this.h - 30, 'bee', 1, true); this.b.bee(this.opacity); }; var tree = function(x, y, scaleBy) { pushMatrix(); translate(x, y); scale(scaleBy); noStroke(); fill(71, 33, 0); rect(45, 75, 10, 30); fill(0, 64, 0); stroke(0, 64, 0); strokeWeight(1); triangle(50, 20, 70, 45, 55, 40); triangle(55, 40, 78, 70, 55, 60); triangle(55, 60, 88, 90, 48, 80); triangle(45, 80, 50, 20, 60, 60); fill(0, 95, 0); stroke(0, 95, 0); triangle(50, 20, 30, 45, 45, 40); triangle(45, 40, 22, 70, 45, 60); triangle(45, 60, 12, 90, 48, 80); triangle(48, 80, 50, 20, 40, 60); popMatrix(); }; var Button = function(x, y, w, h, gravity, blockY, comingFrom, word) { this.x = x; this.y = y; this.w = w; this.h = h; this.v = 0; this.gravity = gravity; this.blockY = blockY; this.comingFrom = comingFrom; this.label = createGraphics(this.w - 10, this.h - 10, P2D); this.word = word; this.wordY = -50; this.labelOffset = 0; this.scaleBy = -0.25; this.scaleBy2 = 0.25; this.opacity = 95; this.isPressed = false; }; Button.prototype.collision = function() { if (this.comingFrom === 'ABOVE') { if (this.y + this.h > this.blockY) { this.v = -0.6; this.y = this.blockY - this.h; } } else if (this.comingFrom === 'BELOW') { if (this.y < this.blockY) { this.v = -0.6; this.y = this.blockY; } } }; Button.prototype.isMouseOver = function() { if (mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h) { return true; } }; Button.prototype.display = function() { strokeWeight(5); stroke(0, 84, 17); fill(5, 140, 0, this.opacity); pushMatrix(); translate(this.x + this.w/2, this.y + this.h/2); scale(this.scaleBy + this.scaleBy2 + 1); beginShape(); vertex(this.w/2 - 10, -this.h/2); vertex(this.w/2, -this.h/2 + 10); vertex(this.w/2, this.h/2 - 10); vertex(this.w/2 - 10, this.h/2); vertex(-this.w/2 + 10, this.h/2); vertex(-this.w/2, this.h/2 - 10); vertex(-this.w/2, -this.h/2 + 10); vertex(-this.w/2 + 10, -this.h/2); endShape(CLOSE); this.label.beginDraw(); this.label.background(0, 0, 0, 0); this.label.fill(255, 255, 255); this.label.textSize(40); this.label.textAlign(CENTER, CENTER); this.label.textFont(createFont('Century Gothic Bold'), 40); this.label.text(this.word + '?', (this.w - 10)/2, (this.h - 10)/2 + this.wordY); this.label.text(this.word, (this.w - 10)/2, (this.h - 10)/2 + this.wordY + 50); this.label.endDraw(); imageMode(CENTER); image(this.label, 0, 0); popMatrix(); this.collision(); this.v += this.gravity; this.y += this.v; if (this.isMouseOver()) { if (this.scaleBy < -0.05) { this.scaleBy /= 1.25; } if (this.wordY < 0) { this.wordY += 10; } if (this.opacity < 195) { this.opacity += 20; } } if (!this.isMouseOver()) { if (this.scaleBy2 > 0.05 && this.scaleBy > -0.05) { this.scaleBy2 /= 1.25; } else { this.scaleBy2 = 0.25; this.scaleBy = -0.25; } if (this.wordY > -50) { this.wordY -= 10; } if (this.opacity > 95) { this.opacity -= 20; } } }; var MenuAnimation = function() { this.arcAmt = -360; this.arcV = 0; this.flip = createGraphics(240, 100, P2D); this.flipY = -100; this.side = createGraphics(240, 100, P2D); this.sideY = 100; this.scaleAmt = -2; this.wordSize = -0.3; this.wordSin = 0; this.sineTimer = 0; this.play = new Button(220, -100, 160, 60, 1, 100, 'ABOVE', 'PLAY'); this.tutorial = new Button(190, 640, 220, 60, -1, 500, 'BELOW', 'TUTORIAL'); }; MenuAnimation.prototype.run = function() { this.flip.beginDraw(); this.flip.background(0, 0, 0, 0); this.flip.textAlign(CENTER, CENTER); this.flip.textFont(createFont('Century Gothic Bold'),30); this.flip.textSize(100); this.flip.fill(105, 65, 105); this.flip.text('FLIP', 125, 55 + this.flipY); this.flip.fill(255, 255, 255); this.flip.text('FLIP', 120, 50 + this.flipY); this.flip.endDraw(); this.side.beginDraw(); this.side.background(0, 0, 0, 0); this.side.textAlign(CENTER, CENTER); this.side.textFont(createFont('Century Gothic Bold'),30); this.side.textSize(100); this.side.fill(18, 138, 0); this.side.text('SIDE!', 125, 55 + this.sideY); this.side.fill(255, 255, 255); this.side.text('SIDE!', 120, 50 + this.sideY); this.side.endDraw(); if (menuTimer > 60) { this.flipY /= 1.25; this.sideY /= 1.25; } noFill(); strokeWeight(5); stroke(255, 255, 255); arc(300, 300, 320, 320, -90, this.arcAmt + 270 - 1); if (menuTimer > 40 && this.arcAmt < -60) { this.arcV += 1.2; } if (this.arcAmt > -100) { this.arcV = 0; this.arcAmt /= 1.2; } this.arcAmt += this.arcV; if (menuTimer > 100) { this.scaleAmt /= 1.3; } if (menuTimer > 130 && this.wordSize < -0.05) { this.wordSize /= 1.3; } if (this.wordSize > -0.05) { this.wordSin = sin(this.sineTimer7)0.08; this.sineTimer++; } pushMatrix(); translate(300, 300); scale(1, 1 + this.scaleAmt); scale(1 + this.wordSize + this.wordSin); imageMode(CENTER); image(this.flip, 0, -50); image(this.side, 0, 50); popMatrix(); if (menuTimer > 120) { this.play.display(); this.tutorial.display(); } }; var menu1 = new MenuAnimation(); var TPopUp = [ new PopUp(180, 40, 240, 120, 'Welcome to Flipside! This is \na survival challenge style \ngame, but with a twist \non the environment! Click \nnext to continue.'), new PopUp(180, 40, 240, 90, 'That little guy down there \nis your character. Use the \nWASD or arrow keys to move!'), new PopUp(60, 400, 370, 100, 'You may be wondering what would happen \nif you go underwater. Well, if you do so, \nthen your character will flip over and \nbe affected by an inverse gravity! Try it out!'), new PopUp(260, 360, 250, 100, 'Great! The underwater side of \nthe map is also referred to \nas the flipside since everything \nseems so inverted there!'), new PopUp(130, 360, 340, 180, 'Controls are still the same on the \nflipside, with (maybe) the \nexception of the W/up key (it\'s all \nrelative!). I suggest getting used to \nnavigating around the flipside, because \nyou may end up needing to resort \nthere sometimes. You\'ll find out why \nin due time. :)'), new PopUp(100, 80, 440, 130, 'This creature here is a bee - it\'s not something you \nwould want to be near. It follows you around and \nrepeatedly deals one heart of damage when touched. \nI probably don\'t need to tell you that it\'s game \nover when all of your hearts are gone. You won\'t be \nharmed in this tutorial though, for the sake of it.'), new PopUp(100, 100, 200, 100, 'Bombs can take out \nenemies like that bee. \nPress spacebar to \nplace one down.'), new PopUp(150, 80, 330, 140, 'Great! You probably saw that bar \nat the bottom of the screen \ndisappear and that check mark turn \ninto a cross. THAT MEANS YOU CAN\'T \nPLACE ANOTHER BOMB DOWN. You can \nonly place bombs one at a time.'), new PopUp(120, 340, 430, 130, 'Lure the bee to the bomb and click \nanywhere on the canvas (or press spacebar again) to \ndetonate it. Just make sure you aren\'t \nnear the bomb when it explodes! If you are, \nthen you take five hearts of damage \n(play mode only).'), new PopUp(180, 70, 320, 130, 'Nice! You\'ll see that bar at the \nbottom of the screen recharge, \nand when it\'s full again you can place \nanother bomb down. In the meantime, \npick up those coins dropped by \nthe bee to improve your score!'), new PopUp(60, 30, 400, 210, 'Some bees have armor, which means that it will \ntake multiple bombs to destroy them. The most \narmor a bee can have is three pieces, as seen \non the rightmost bee below. Going to the left \nare bees with one less piece of armor until \nthey have none, like the one on the left. \nBombs will eliminate one piece of armor at a time.'), new PopUp(60, 60, 310, 150, 'Another subtype of bee is the black \nwinged bee. They\'re something to look \nout for since they are faster than the \nnormal ones. Sometimes you\'ll find \nbees with black wings AND armor. \nYikes!'), new PopUp(150, 70, 300, 160, 'Helicopters and submarines move \naround the top and bottom of the \nmap and drop items when they\'re \nover (or under) you. Right now they\'ll \njust drop a crate of coins, but in \nplay mode they might drop \na crate of bees, or even a bomb!'), new PopUp(160, 100, 280, 150, 'Swordfish move in a fixed left \nor right direction, jumping in and \nout of the water as they go. \nThey deal three hearts of \ndamage if you touch \nthem (play mode only); watch out!'), new PopUp(170, 100, 260, 140, 'Let me introduce you to spikes \nin this game. They drop down \nand cover up an entire side \nof the map, killing players like \nyou INSTANTLY if they \ntouch it (play mode only).'), new PopUp(80, 15, 390, 170, 'This bit of UI to the right here will warn you \nwhen spikes are about to come. As you can see \nthere are two circles and two different \ncolored rectangles. The top circle and the \ngreen rectangle represent the top \nhalf of the map, and the bottom circle \nand the blue rectangle represent the water, \naka the bottom half of the map.'), new PopUp(120, 90, 290, 140, 'When one of the circles starts filling \nup with red like it is now, the side \nthat it corresponds to is the side that \nwill be covered in spikes. When the \ncircle is completely red the spikes \nwill come down'), new PopUp(150, 70, 220, 120, 'Pretty scary huh? It\'s \neasy to forget about the \nspikes when you\'re busy \navoiding enemies, so keep \nan eye out.'), new PopUp(160, 130, 280, 110, 'And that\'s pretty much it! Get a \nhighscore whilst avoiding enemies \nand spikes that spawn at intervals. \nPress next to go back to the \nmain menu. Have fun!') ]; var menu = function() { background(0, 115, 255); pushMatrix(); translate(0, sin(frameCount)3); noStroke(); fill(11, 64, 87); beginShape(); vertex(-20, 400); vertex(0, 140); vertex(40, 100); vertex(120, 130); vertex(150, 150); vertex(230, 80); vertex(290, 150); vertex(360, 90); vertex(420, 110); vertex(500, 160); vertex(600, 95); vertex(620, 400); endShape(); noStroke(); fill(lightGreen); ellipse(-515, 335, 350, 270); fill(greenCol); ellipse(-510, 340, 350, 270); fill(lightGreen); ellipse(-265, 325, 310, 230); fill(greenCol); ellipse(-260, 330, 310, 230); fill(lightGreen); ellipse(-155, 320, 280, 180); fill(greenCol); ellipse(-150, 325, 280, 180); fill(lightGreen); ellipse(295, 335, 500, 400); fill(greenCol); ellipse(300, 340, 500, 400); fill(lightGreen); ellipse(465, 335, 300, 240); fill(greenCol); ellipse(470, 340, 300, 240); fill(lightGreen); ellipse(95, 345, 450, 350); fill(greenCol); ellipse(100, 350, 450, 350); fill(lightGreen); ellipse(685, 325, 310, 270); fill(greenCol); ellipse(690, 330, 310, 270); fill(lightGreen); ellipse(795, 300, 170, 130); fill(greenCol); ellipse(800, 305, 170, 130); fill(lightGreen); ellipse(915, 315, 410, 260); fill(greenCol); ellipse(920, 320, 410, 260); fill(lightGreen); ellipse(1995, 335, 500, 290); fill(greenCol); ellipse(1200, 340, 500, 290); tree(210, 106, 0.7); tree(46, 180, 0.8); tree(330, 160, 0.65); tree(441, 219, 0.5); tree(233, 228, 0.4); tree(557, 194, 0.7); tree(863, 156, 0.9); tree(809, 218, 0.4); tree(1070, 187, 0.8); tree(658, 145, 0.86); tree(-103, 164, 1); tree(-378, 206, 0.74); tree(-497, 217, 0.38); tree(-275, 154, 0.84); strokeWeight(10); stroke(56, 56, 56); fill(97, 53, 0); rect(-820, height/2, 2300, height); fill(71, 38, 0); noStroke(); quad(-100, 320, 120, 430, 120, 700, -100, 700); quad(120, 430, 230, 380, 230, 700, 120, 700); quad(230, 380, 270, 400, 270, 700, 230, 700); quad(270, 400, 350, 425, 350, 700, 270, 700); quad(350, 425, 410, 406, 410, 700, 350, 700); quad(410, 406, 480, 415, 480, 700, 410, 700); quad(480, 415, 540, 390, 540, 700, 480, 700); quad(540, 390, 700, 410, 700, 700, 540, 700); fill(41, 22, 0); quad(-100, 500, 30, 480, 30, 700, -100, 700); quad(30, 480, 90, 530, 90, 700, 30, 700); quad(90, 530, 130, 490, 130, 700, 90, 700); quad(130, 490, 210, 505, 210, 700, 130, 700); quad(210, 505, 270, 500, 270, 700, 210, 700); quad(270, 500, 370, 540, 370, 700, 270, 700); quad(370, 540, 450, 525, 450, 700, 370, 700); quad(450, 525, 550, 480, 550, 700, 450, 700); quad(550, 480, 700, 530, 700, 700, 550, 700); fill(0, 94, 255, 100); noStroke(); rect(-820, sin(frameCount2 + 80)6 + height/2, 2300, height); popMatrix(); menu1.run(); menuTimer++; currScene = 0; }; var UIop = 190; var heart = function(x, y) { fill(255, 0, 0); noStroke(); bezier(x, y + 6, x - 15, y - 15, x, y - 10, x, y - 6); bezier(x, y + 6, x + 15 , y - 15, x, y - 10, x, y - 6); }; var UI = function() { fill(199, 119, 0, UIop); strokeWeight(4); stroke(110, 83, 0, UIop); beginShape(); vertex(-20, 570); vertex(530, 570); vertex(550, 540); vertex(620, 540); vertex(620, 620); vertex(-20, 620); endShape(); beginShape(); vertex(500, 10); vertex(620, 10); vertex(620, 80); vertex(500, 80); vertex(480, 60); vertex(480, 30); endShape(CLOSE); fill(255, 255, 255, 10); noStroke(); triangle(-20, 572, 100, 572, -20, 620); fill(0, 0, 0, 20); beginShape(); vertex(500, 572); vertex(532, 572); vertex(550, 542); vertex(620, 542); vertex(620, 620); vertex(400, 620); endShape(); fill(0, 0, 0, UIop - 50); textFont(impact, 15); text('Score: ' + score, 5, 590); text('Health:', 320, 590); for (var i = 0; i < players.length; i++) { for (var j = 0; j < players[i].lives; j++) { heart(j15 + 380, 586); } } textSize(25); textAlign(CENTER, CENTER); for (var i = 0; i < players.length; i++) { pushMatrix(); translate(115, 585); if (players[i].bombCooldown === 100) { fill(123, 255, 0); text('✅', -25, 0); } if (players[i].bombCooldown < 100 && players[i].bombCooldown > 1) { if (frameCount % 30 < 15) { fill(123, 255, 0); } else { fill(255, 0, 0); } pushMatrix(); translate(-25, 0); rotate(-90); text('🔋', 0, 0); popMatrix(); fill(255, 0, 0); } if (players[i].bombCooldown === 1) { fill(255, 0, 0); text('✖️', -25, 0); } triangle(8, -2, 8, 2, 13, 0); triangle(-2, -8, 2, -8, 0, -13); triangle(-8, -2, -8, 2, -13, 0); triangle(-2, 8, 2, 8, 0, 13); fill(0); ellipse(0, 0, 20, 20); fill(123, 255, 0); if (players[i].bombCooldown < 100) { fill(255, 0, 0); } quad(0, 7, 7, 0, 0, -7, -7, 0); popMatrix(); fill(0, 255, 30); if (players[i].bombCooldown < 100) { fill(255, 0, 0); } rect(135, 575, players[i].bombCooldown1.75, 20); } noFill(); strokeWeight(4); stroke(105, 42, 0); rect(135, 575, 175, 20, 4); textAlign(LEFT, BASELINE); noStroke(); fill(0, 150, 0); rect(540, 20, 40, 50); fill(0, 0, 150); rect(540, 45, 40, 25); for (var i = 0; i < spikes.length; i++) { fill(255, 0, 0); noStroke(); arc(520, spikes[i].circY, 20, 20, -90, spikes[i].circSize); if (spikes[i].time < 100) { fill(140, 140, 140, sin(spikes[i].time20)90 + 110); if (spikes[i].comingFrom === 0) { spikes[i].circY = 32.5; for (var j = 0; j < 4; j++) { triangle(j10 + 540, 20, j10 + 550, 20, j10 + 545, 32); } } else if (spikes[i].comingFrom === 1) { spikes[i].circY = 57.5; for (var j = 0; j < 4; j++) { triangle(j10 + 540, 70, j10 + 550, 70, j10 + 545, 58); } } spikes[i].circSize += 3.6; } } stroke(92, 57, 0); strokeWeight(3); noFill(); rect(540, 20, 40, 50, 5); strokeWeight(3); stroke(50, 50, 50); noFill(); ellipse(520, 32.5, 20, 20); ellipse(520, 57.5, 20, 20); }; var backCol1 = blendColor(greenCol, blueMix, BLEND); var transition = new Transition(); var beeSpawnInterval = 300; var fishSpawnInterval = 400; var dropperSpawnInterval = 460; var spikeSpawnInterval = 0; var enemySpawns = function() { if (gameTime % beeSpawnInterval === 0) { if (gameTime < 1200) { enemies.push(new Enemy(0, 0, 'bee', 1)); } else if (gameTime < 2000) { enemies.push(new Enemy(0, 0, 'bee', floor(random(1, 3)))); } else if (gameTime < 2600) { enemies.push(new Enemy(0, 0, 'bee', floor(random(1, 4)))); } else if (gameTime < 3100) { enemies.push(new Enemy(0, 0, 'bee', floor(random(1, 5)))); } else if (gameTime < 4000) { enemies.push(new Enemy(0, 0, 'bee', floor(random(1, 6)))); } else { enemies.push(new Enemy(0, 0, 'bee', floor(random(1, 6)))); } } if (gameTime % 700 === 0 && beeSpawnInterval > 70) { beeSpawnInterval -= 10; } if (gameTime % 350 && fishSpawnInterval > 180) { fishSpawnInterval -= 10; } if (gameTime % fishSpawnInterval === 0) { enemies.push(new Enemy(0, 0, 'waver')); } if (gameTime % 400 && dropperSpawnInterval > 150) { dropperSpawnInterval -= 10; } if (gameTime % dropperSpawnInterval === 0) { enemies.push(new Enemy(0, 0, 'dropper')); } if (spikes.length === 0 && spikeSpawnInterval < 500) { spikeSpawnInterval++; } if (spikeSpawnInterval === 500) { spikes.push(new Spike()); spikeSpawnInterval = 0; } if (enemies.length > 12) { enemies.splice(enemies.length - 1, 1); } }; var tutorialTime = 0; var tutorial = function() { if (tutorialTime < 80) { tutorialTime++; } if (tutorialTime === 1) { players.push(new Player(200, 100)); } if (TPopUp[4].isDone && tutorialTime === 80) { enemies.push(new Enemy(300, 20, 'bee', 1, false)); tutorialTime++; } if (TPopUp[11].isDone && tutorialTime === 81) { enemies.push(new Enemy(0, 0, 'dropper', 0, false, 3), new Enemy(0, 0, 'dropper', 0, false, 2)); tutorialTime++; } if (TPopUp[12].isDone && tutorialTime === 82) { enemies.push(new Enemy(0, 0, 'waver')); tutorialTime++; } if (TPopUp[15].isDone && tutorialTime === 83) { spikes.push(new Spike(true)); tutorialTime++; } isOnTutorial = true; }; var resetTutorial = function() { enemies.splice(0, enemies.length); spikes.splice(0, spikes.length); coins.splice(0, coins.length); bombs.splice(0, bombs.length); players.splice(0, players.length); }; var resetGame = function() { enemies.splice(0, enemies.length); spikes.splice(0, spikes.length); coins.splice(0, coins.length); crates.splice(0, crates.length); bombs.splice(0, bombs.length); score = 0; setEntity = true; gameTime = 0; loseScreen.retry = false; loseScreen.mainMenu = false; loseScreen.isDone = false; loseScreen.opacity = 0; loseScreen.isClicked = false; loseScreen.yOffset = -20; menu1.play.isPressed = false; menu1.tutorial.isPressed = false; }; var arena = function(isTutorial) { var b1 = new Block(150, 0, 30, 285, 'NONE'); var b2 = new Block(420, 0, 30, 285, 'NONE'); var sideB = new Block(-330, -10, 30, 620, 'NONE'); var sideB1 = new Block(900, -10, 30, 620, 'NONE'); var si3 = sin(frameCount2 + 80)6; var blocks = [ new Block(150, 285, 300, 30, 'NONE'), new Block(570, 285, 330, 30, 'NONE'), new Block(-300, 285, 330, 30, 'NONE'), new Block(270, 180, 30, 30, false), new Block(300, 180, 30, 30, false), new Block(270, 390, 30, 30, true), new Block(300, 390, 30, 30, true) ]; background(0, 115, 255); noStroke(); fill(11, 64, 87); beginShape(); vertex(-20, 400); vertex(0, 140); vertex(40, 100); vertex(120, 130); vertex(150, 150); vertex(230, 80); vertex(290, 150); vertex(360, 90); vertex(420, 110); vertex(500, 160); vertex(600, 95); vertex(620, 400); endShape(); pushMatrix(); shake.run(); for (var i = 0; i < players.length; i++) { if (players[i].position.x + charWidth > 400 && isTutorial !== true) { translate(-(players[i].position.x + charWidth)/2 + 200, 0); } else if (players[i].position.x < 200 && isTutorial !== true) { translate(-players[i].position.x/2 + 100, 0); } if (isTutorial) { if (players[i].position.x + charWidth > 600) { players[i].position.x = 600 - charWidth; } else if (players[i].position.x < 0) { players[i].position.x = 0; } } } fill(backCol1); ellipse(300, 340, 1000, 300); popMatrix(); pushMatrix(); shake.run(); if (!isOnTutorial) { for (var i = 0; i < players.length; i++) { if (players[i].position.x + charWidth > 400) { translate(-(players[i].position.x + charWidth) + 400, 0); } else if (players[i].position.x < 200) { translate(-players[i].position.x + 200, 0); } if (players[i].position.x + charWidth > 900) { players[i].position.x = 900 - charWidth; } else if (players[i].position.x < -300) { players[i].position.x = -300; } } } // foreground hills noStroke(); fill(lightGreen); ellipse(-515, 335, 350, 270); fill(greenCol); ellipse(-510, 340, 350, 270); fill(lightGreen); ellipse(-265, 325, 310, 230); fill(greenCol); ellipse(-260, 330, 310, 230); fill(lightGreen); ellipse(-155, 320, 280, 180); fill(greenCol); ellipse(-150, 325, 280, 180); fill(lightGreen); ellipse(295, 335, 500, 400); fill(greenCol); ellipse(300, 340, 500, 400); fill(lightGreen); ellipse(465, 335, 300, 240); fill(greenCol); ellipse(470, 340, 300, 240); fill(lightGreen); ellipse(95, 345, 450, 350); fill(greenCol); ellipse(100, 350, 450, 350); fill(lightGreen); ellipse(685, 325, 310, 270); fill(greenCol); ellipse(690, 330, 310, 270); fill(lightGreen); ellipse(795, 300, 170, 130); fill(greenCol); ellipse(800, 305, 170, 130); fill(lightGreen); ellipse(915, 315, 410, 260); fill(greenCol); ellipse(920, 320, 410, 260); fill(lightGreen); ellipse(1995, 335, 500, 290); fill(greenCol); ellipse(1200, 340, 500, 290); tree(210, 106, 0.7); tree(46, 180, 0.8); tree(330, 160, 0.65); tree(441, 219, 0.5); tree(233, 228, 0.4); tree(557, 194, 0.7); tree(863, 156, 0.9); tree(809, 218, 0.4); tree(1070, 187, 0.8); tree(658, 145, 0.86); tree(-103, 164, 1); tree(-378, 206, 0.74); tree(-497, 217, 0.38); tree(-275, 154, 0.84); strokeWeight(10); stroke(0, 115, 31); fill(97, 53, 0); rect(-820, height/2, 2300, height); fill(71, 38, 0); noStroke(); quad(-100, 350, 120, 430, 120, 700, -100, 700); quad(120, 430, 230, 380, 230, 700, 120, 700); quad(230, 380, 270, 400, 270, 700, 230, 700); quad(270, 400, 350, 425, 350, 700, 270, 700); quad(350, 425, 410, 406, 410, 700, 350, 700); quad(410, 406, 480, 415, 480, 700, 410, 700); quad(480, 415, 540, 390, 540, 700, 480, 700); quad(540, 390, 660, 410, 660, 700, 540, 700); quad(660, 410, 720, 395, 720, 700, 660, 700); quad(720, 395, 840, 440, 840, 700, 720, 700); quad(840, 440, 910, 420, 910, 700, 840, 700); quad(910, 420, 1005, 405, 1005, 700, 910, 700); quad(1005, 405, 1080, 435, 1080, 700, 1005, 700); quad(1080, 435, 1300, 340, 1300, 700, 1080, 700); quad(-700, 370, -530, 390, -530, 700, -700, 700); quad(-530, 390, -460, 375, -460, 700, -530, 700); quad(-460, 375, -400, 430, -400, 700, -460, 700); quad(-400, 430, -290, 365, -290, 700, -400, 700); quad(-290, 365, -210, 380, -210, 700, -290, 700); quad(-210, 380, -100, 350, -100, 700, -210, 700); fill(41, 22, 0); quad(-140, 520, 30, 480, 30, 700, -140, 700); quad(30, 480, 90, 530, 90, 700, 30, 700); quad(90, 530, 130, 490, 130, 700, 90, 700); quad(130, 490, 210, 505, 210, 700, 130, 700); quad(210, 505, 270, 500, 270, 700, 210, 700); quad(270, 500, 370, 540, 370, 700, 270, 700); quad(370, 540, 450, 525, 450, 700, 370, 700); quad(450, 525, 550, 480, 550, 700, 450, 700); quad(550, 480, 700, 530, 700, 700, 550, 700); quad(700, 530, 770, 510, 770, 700, 700, 700); quad(770, 510, 850, 500, 850, 700, 770, 700); quad(850, 500, 950, 550, 950, 700, 850, 700); quad(950, 550, 1050, 490, 1050, 700, 950, 700); quad(1050, 490, 1110, 505, 1110, 700, 1050, 700); quad(1110, 505, 1300, 480, 1300, 700, 1110, 700); quad(-700, 510, -570, 480, -570, 700, -700, 700); quad(-570, 480, -500, 515, -500, 700, -570, 700); quad(-500, 515, -420, 460, -420, 700, -500, 700); quad(-420, 460, -310, 495, -310, 700, -420, 700); quad(-310, 495, -230, 475, -230, 700, -310, 700); quad(-230, 475, -140, 520, -140, 700, -230, 700); for (var i = 0; i < blocks.length; i++) { blocks[i].run(); } sideB.display(); sideB1.display(); if (!TPopUp[1].isDone && isTutorial) { b1.run(); b2.run(); } for (var i = 0; i < spikes.length; i++) { spikes[i].run(); if (spikes[i].time > 300) { spikes.splice(i, 1); } } for (var i = 0; i < players.length; i++) { players[i].run(); } for (var i = 0; i < bombs.length; i++) { if (bombs[i].type === 'PLAYER' && bombs[i].assign) { playerBombs.push(bombs[i]); bombs[i].assign = false; } } if (playerBombs.length >= 2) { bombs.splice(bombs.indexOf(playerBombs[0]), 1); playerBombs.splice(0, 1); } if (isTutorial) { if (tutorialTime === 80) { TPopUp[0].display(); } for (var i = 0; i < TPopUp.length - 1; i++) { if (TPopUp[i].isDone) { TPopUp[i + 1].display(); } if (i + 1 === 10 && TPopUp[9].isDone && !TPopUp[10].isDone) { TPopUp[10].showABees(); } if (i + 1 === 11 && TPopUp[10].isDone && !TPopUp[11].isDone) { TPopUp[11].showFBee(); } } } for (var i = 0; i < bombs.length; i++) { bombs[i].run(); } for (var i = 0; i < enemies.length; i++) { enemies[i].run(); if (enemies[i].type === 'dropper' && enemies[i].chosenIndex < 2 && enemies[i].position.x > 1220) { enemies.splice(i, 1); } if (enemies[i].type === 'dropper' && enemies[i].chosenIndex >= 2 && enemies[i].position.x < -820 - enemies[i].width) { enemies.splice(i, 1); } if (enemies[i].lifetime < 0) { enemies.splice(i, 1); } if (enemies[i].type === 'waver' && enemies[i].position.x > 1500 \|\| enemies[i].position.x < -900) { enemies.splice(i, 1); } } for (var i = 0; i < coins.length; i++) { coins[i].run(); } for (var i = 0; i < crates.length; i++) { crates[i].run(); if (crates[i].isBroken) { crates.splice(i, 1); } } for (var i = 0; i < smoke.length; i++) { smoke[i].run(); if (smoke[i].time < 0) { smoke.splice(i, 1); } } for (var i = 0; i < coins.length; i++) { if (!coins[i].active) { coins.splice(i, 1); score += 10; } } noStroke(); fill(0, 94, 255, 100); rect(-820, si3 + height/2, 2300, height); for (var i = 0; i < players.length; i++) { if (players[i].lives <= 0) { smoke.push(new DPSystem(new PVector(players[i].position.x + charWidth/2, players[i].position.y + charHeight/2))); players.splice(i, 1); } } runBombs(); popMatrix(); if (!isOnTutorial && players.length === 0) { loseScreen.lose(); } else { UI(); for (var i = 0; i < players.length; i++) { players[i].UIImage(); } } if (loseScreen.retry) { trans = true; } if (loseScreen.mainMenu) { trans = true; } gameTime++; }; var LogoP = function(target) { this.target = target; this.spawnChoices = [ [random(-300, 300), random(-550, -350)], [random(-300, 300), random(350, 550)], [random(-550, -350), random(-300, 300)], [random(350, 550), random(-300, 300)] ]; this.chosen = floor(random(0, this.spawnChoices.length)); this.position = new PVector(this.spawnChoices[this.chosen][0], this.spawnChoices[this.chosen][1]); this.velocity = new PVector(0, 0); this.size = 6; this.deteriorate = false; }; LogoP.prototype.run = function() { noFill(); strokeWeight(2); stroke(255, 255, 255); ellipse(this.position.x, this.position.y, this.size, this.size); this.dist = PVector.sub(this.target, this.position); this.dist.normalize(); this.velocity.limit(10); this.velocity.add(this.dist); this.position.add(this.velocity); }; var LogoPS = function(target) { this.particles = []; this.target = target; this.setP = true; this.showDot = false; this.dotSize = 4.5; }; LogoPS.prototype.run = function() { if (this.setP) { for (var i = 0; i < 50; i++) { this.particles.push(new LogoP(this.target)); } this.setP = false; } for (var i = this.particles.length - 1; i > 0; i--) { this.particles[i].run(); if (this.particles[i].position.x > this.target.x - 6 && this.particles[i].position.x < this.target.x + 6 && this.particles[i].position.y > this.target.y - 6 && this.particles[i].position.y < this.target.y + 6) { this.particles[i].deteriorate = true; } if (this.particles[i].deteriorate) { this.particles[i].size -= 3; } if (this.particles[i].size < 0) { this.showDot = true; this.particles.splice(i, 1); } } if (this.showDot) { fill(255, 255, 255); noStroke(); ellipse(this.target.x, this.target.y, -this.dotSize + 4.5, -this.dotSize + 4.5); this.dotSize /= 1.2; } }; var Logo = function() { this.logoTime = 0; this.o = -2000; this.bling = createGraphics(100, 20, P2D); this.blingP = 0; this.blingV = 0; this.border = createGraphics(360, 10, P2D); this.borderX = -600; this.s1 = 90; this.s2 = 270; this.e1 = -90; this.e2 = -320; this.t1 = -115; this.t2 = -60; this.h1 = -115; this.h2 = 180; this.h3 = -70; this.w1X = 50; this.w1Y = -115; this.w2X = 70; this.w2Y = -55; this.scale = 1; this.p = createGraphics(200, 50, P2D); this.pHeight = 50; this.ul = 100; this.particles = new LogoPS(new PVector(120, -55)); this.coverY = 600; this.fade = 0; }; var logo = new Logo(); var LogoCirc = function(target, launch) { this.size = 0; this.sizeV = 0; this.position = new PVector(width/2, height/2); this.target = target; this.v = 0; this.launch = launch; }; LogoCirc.prototype.display = function() { this.dest = PVector.sub(this.target, this.position); this.dest.normalize(); this.dest.mult(this.v); noFill(); strokeWeight(3); stroke(255 , 255, 255, 200); ellipse(this.position.x, this.position.y, this.size, this.size); if (logo.logoTime === 120) { this.sizeV = 21; } if (logo.logoTime > 120 && logo.logoTime < 160) { this.sizeV -= 1; } if (logo.logoTime > 140 && this.size < 50) { this.sizeV = -1; } if (logo.logoTime > 161) { this.sizeV /= 1.8; } if (logo.logoTime === this.launch) { this.v = 40; } if (logo.logoTime > this.launch) { this.v /= 1.135; } this.size += this.sizeV; this.position.add(this.dest); }; var circ1 = new LogoCirc(new PVector(60, 60), 195); var circ2 = new LogoCirc(new PVector(540, 60), 200); var circ3 = new LogoCirc(new PVector(540, 540), 205); var circ4 = new LogoCirc(new PVector(60, 540), 210); Logo.prototype.showCover = function() { noStroke(); fill(0, 0, 0, this.fade); rect(0, this.coverY - 600, width, height); if (this.logoTime > 480) { if (this.fade < 260) { this.fade += 10; } } if (this.logoTime > 530) { this.coverY /= 1.25; } }; Logo.prototype.display = function() { if (this.logoTime > 60 && this.logoTime < 120) { this.o = this.o/1.5; } fill(0); rect(0, this.coverY - 600, width, height); noStroke(); for (var i = 0; i < 300; i += 5) { noFill(); strokeWeight(5); stroke(0, 170, 255, this.o + 1200/i); rect(i, i, (-i + 300)2, (-i + 300)2); } if (logo.logoTime === 175) { this.blingV = 30; } if (logo.logoTime > 175) { this.blingV /= 1.16; this.bling.beginDraw(); this.bling.angleMode = 'degrees'; this.bling.background(0, 0, 0, 0); this.bling.stroke(255, 255, 255); this.bling.line(this.blingP - 100, 0, this.blingP, 0); this.bling.beginDraw(); pushMatrix(); translate(300, 300); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(180); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(90); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(-90); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(45); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(-45); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(-135); image(this.bling, 60, 0); popMatrix(); pushMatrix(); translate(300, 300); rotate(135); image(this.bling, 60, 0); popMatrix(); } if (this.logoTime > 245) { this.border.beginDraw(); this.border.background(0, 0, 0, 0); this.border.strokeWeight(4); this.border.stroke(255, 255, 255, 150); this.border.line(this.borderX, 0, this.borderX + 600, 0); this.border.endDraw(); image(this.border, 120, 60); pushMatrix(); translate(540, 120); rotate(90); image(this.border, 0, 0); popMatrix(); pushMatrix(); translate(480, 540); rotate(180); image(this.border, 0, 0); popMatrix(); pushMatrix(); translate(60, 480); rotate(-90); image(this.border, 0, 0); popMatrix(); if (this.borderX < 0) { this.borderX += 4; } } if (this.logoTime > 260) { pushMatrix(); strokeWeight(2); stroke(255, 255, 255); noFill(); translate(300, 300); scale(this.scale); // S arc(-115, -100, 30, 30, 90, this.s1); arc(-115, -70, 30, 30, 270, this.s2); // e line(-90, -70, this.e1, -70); arc(-75, -70, 30, 30, -320, this.e2); // t line(-40, -115, -40, this.t1); line(-60, -85, this.t2, -85); // h line(-10, -115, -10, this.h1); arc(2, -70, 24, 20, 180, this.h2); // W line(50, -115, this.w1X, this.w1Y); line(90, -115, this.w1X + 40, this.w1Y); line(70, -55, this.w2X, this.w2Y); line(110, -55, this.w2X + 40, this.w2Y); if (this.w2X < 90) { this.w2X += 0.5; } if (this.w2Y > -115) { this.w2Y -= 1.5; } if (this.w1X < 70) { this.w1X += 0.5; } if (this.w1Y < -55) { this.w1Y += 1.5; } if (this.h1 < -55) { this.h1 += 1; } if (this.h2 < 360) { this.h2 += 4; } else { line(14, -70, 14, this.h3); if (this.h3 < -55) { this.h3++; } } if (this.t1 < -55) { this.t1++; } if (this.t2 < -20) { this.t2 += 1; } if (this.e2 < 0) { this.e2 += 5; } if (this.e1 < -60) { this.e1 += 2; } if (this.s1 < 320) { this.s1 += 3; } if (this.s2 < 530) { this.s2 += 3; } if (this.logoTime > 330) { this.p.beginDraw(); this.p.background(0, 0, 0, 0); this.p.fill(255, 255, 255); this.p.noStroke(); this.p.textFont(createFont("Century Gothic"), 30); this.p.text("P r e s e n t s", 0, 35); this.p.endDraw(); image(this.p, -90, 0, 200, -this.pHeight + 50.001); this.pHeight /= 1.25; } if (this.logoTime > 335) { noFill(); stroke(255, 255, 255); strokeWeight(2); line(this.ul - 100, 45, -this.ul + 100, 45); this.ul /= 1.25; } if (this.logoTime > 340) { this.particles.run(); } if (this.logoTime > 440) { this.o = 3; } this.scale += 0.0008; popMatrix(); } this.blingP += this.blingV; circ1.display(); circ2.display(); circ3.display(); circ4.display(); this.logoTime++; this.showCover(); }; mouseClicked = function() { if (currScene === 0 && menu1.play.isMouseOver()) { trans = true; menu1.play.v = -20; menu1.play.isPressed = true; } if (currScene === 0 && menu1.tutorial.isMouseOver()) { trans = true; menu1.tutorial.v = 20; menu1.tutorial.isPressed = true; for (var i = 0; i < TPopUp.length; i++) { TPopUp[i].isDone = false; TPopUp[i].isClicked = false; TPopUp[i].yOffset = -20; } tutorialTime = 0; } if (currScene === 'logo') { currScene = 0; } }; draw = function() { if (TPopUp[TPopUp.length - 1].isDone && currScene === -1 && tutorialTime === 84) { trans = true; tutorialTime++; } if (setEntity && currScene === 1) { players.push(new Player(200, 100)); enemies.push(new Enemy(random(50, 550), -100, 'bee'), new Enemy(random(50, 550), 700, 'bee'), new Enemy(0, 0, 'dropper', 0, false, 3)); setEntity = false; } if (logo.logoTime > 520 && menuTimer < 20) { currScene = 0; logo.logoTime++; } switch (currScene) { case 0: menu(); logo.showCover(); break; case 1: isOnTutorial = false; arena(); enemySpawns(); break; case -1: arena(true); tutorial(); break; } if (currScene === 'logo') { logo.display(); } if (trans && transition.transTime < 130) { if (currScene === 0 && menu1.play.isPressed) { transition.transTo = 1; } else if (currScene === 0 && menu1.tutorial.isPressed) { transition.transTo = -1; } if (currScene === 1) { transition.transTo = 0; } if (currScene === -1) { transition.transTo = 0; if (transition.transTime === 60) { resetTutorial(); } } if (currScene === 1 && loseScreen.retry) { transition.transTo = 1; if (transition.transTime === 70) { resetGame(); } } if (currScene === 1 && loseScreen.mainMenu) { transition.transTo = 0; if (transition.transTime === 70) { resetGame(); } } transition.run(); } else { transition.reset(); } };
Folds	303,310,311,327,352,379,380,441,443,501,503,505,551,606,607,637,733,818,820,829,830,839,840,860,861,865,867,874,875,929,931,977,978,1004,1007,1035,1038,1056,1057,1108,1109,1119,1161,1167,1168,1173,1176,1217,1218,1221,1222,1229,1230,1278,1279,1285,1287,1299,1300,1340,1341,1398,1400,1406,1407,1410,1412,1435,1437,1454,1455,1467,1468,1472,1473,1532,1636,1747,1755,1886,2282,2295,2296,2306,2307,2313,2314,2340,2341,2369,2371,2378,2379,2407,2412,2424,2425,2615
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLj09uGhCgw
Votes	497
Spin-Offs	15
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Circle Box
Author Name	CircleBox
Author ID	kaid_109768234182584014659165
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739448916025
Updated	4 months ago, 1744820991298
Source Deleted	unknown