Viewing Program

Program Data

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

Title	Juggler (Game)
ID	5038805586247680
Created	5 years ago, 1573509309063
Updated	4 years ago, 1603678822863
Code	/ View my other projects here / //https://www.khanacademy.org/profile/grantjenkins/projects / Subscribe to me here / //https://www.khanacademy.org/computer-programming/gray-wolf/4876588413698048 /* Juggler Gray Wolf, November 2019 - After months of work, finally released!! Game based off Mr Juggler on IOS -------------------------------------------------- If you take a spin off, go into settings and change the height to 600, save, then refresh your page -------------------------------------------------- From the maker of: 3D Fish Simulation https://www.khanacademy.org/cs/gw/4853452271714304 Monster Mash https://www.khanacademy.org/cs/gw/4708597296988160 Cannon https://www.khanacademy.org/cs/gw/4898616818958336 / /* Paste save code over the top of line 32 / //var saveCode = [0, 0, 200, 0, 0, true, false, false, false, false, false, false, false, false, false, 0]; //default var saveCode = [0, 0, 200, 0, 0, true, false, false, false, false, false, false, false, false, false, 0]; { //// // Do not remove this line angleMode = "degrees"; textAlign(CENTER, TOP); var headingFont = createFont("Trebuchet MS"); textFont(createFont("Verdana")); var game, juggler; } //Globals { //Key\|Button stuff var clicked = false, hover = false; var keys = []; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; mouseClicked = function(){ clicked = true; }; } //Keys/Mouse { var Button = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.size = config.size \|\| 65; this.content = config.content \|\| "Home"; this.page = config.page \|\| "home"; this.level = config.level \|\| 0; this.textSize = config.textSize \|\| this.size * 0.2; this.borderColor = color(250, 250, 250, 0); this.backColor = color(62, 209, 54, 200); this.textColor = color(255, 255, 255, 240); this.backColorHover = color(255, 255, 255); this.textColorHover = color(50, 50, 50, 200); this.growth = 0; this.image = config.image \|\| null; this.index = config.index \|\| 0; }; Button.prototype.draw = function () { textSize(this.textSize + (this.growth * 0.1)); noStroke(); //circles if (dist(mouseX, mouseY, this.x, this.y) <= this.size / 2) { //hover this.growth = constrain(this.growth + 0.5, 0, 5); if(clicked) { game.page = this.page; if(this.page === "save") { game.save(); } else if(this.page === "difficulty") { saveCode[15] = abs(game.difficulty - 1); game.difficulty = saveCode[15]; this.content = game.difficulty === 0 ? "Easy" : "Hard"; this.size = game.difficulty === 0 ? 80 : 60; this.textSize = this.size * 0.2; game.page = "home"; } else if(this.page === "store") { game.jugglerSelectedIndex = game.jugglerIndex; } else if(this.page === "buy") { game.buyJuggler(); } else if(this.page === "left") { //part of store game.jugglerSelectedIndex--; if(game.jugglerSelectedIndex < 0) { game.jugglerSelectedIndex = game.jugglers.length-1; } if(game.jugglers[game.jugglerSelectedIndex].active) { game.jugglerIndex = game.jugglerSelectedIndex; saveCode[4] = game.jugglerIndex; } game.page = "store"; } else if(this.page === "right") { //part of store game.jugglerSelectedIndex++; if(game.jugglerSelectedIndex === game.jugglers.length) { game.jugglerSelectedIndex = 0; } if(game.jugglers[game.jugglerSelectedIndex].active) { game.jugglerIndex = game.jugglerSelectedIndex; saveCode[4] = game.jugglerIndex; } game.page = "store"; } else if(this.page === "level") { game.level = this.level; } game.reset(); } pushStyle(); textAlign(CENTER, CENTER); fill(this.backColorHover); stroke(this.borderColor); strokeWeight(this.size * 0.1); ellipse(this.x, this.y, this.size + this.growth, this.size + this.growth); fill(0, 0, 0, 25); arc(this.x, this.y, this.size + this.growth, this.size + this.growth, 1, 180); fill(this.textColorHover); switch(this.content) { case "Start": case "Play": case "Replay": case "Next": 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 "How": pushStyle(); textSize(this.size0.6); text("?", this.x, this.y); popStyle(); break; case "Store": pushStyle(); rect(this.x-this.size0.17, this.y+this.size0.07, this.size0.34, this.size0.22); arc(this.x, this.y+this.size0.077, this.size0.34, this.size0.2, 181, 360); ellipse(this.x, this.y-this.size0.12, this.size0.2, this.size0.2); //balls ellipse(this.x-this.size0.28, this.y-this.size0.17, this.size0.07, this.size0.07); ellipse(this.x+this.size0.28, this.y-this.size0.17, this.size0.07, this.size0.07); ellipse(this.x, this.y-this.size0.35, this.size0.07, this.size0.07); noFill(); stroke(this.textColorHover); strokeWeight(3); line(this.x-this.size0.3, this.y+this.size0.08, this.x+this.size0.27, this.y+this.size0.08); line(this.x-this.size0.3, this.y+this.size0.06, this.x-this.size0.3, this.y-this.size0.03); line(this.x+this.size0.27, this.y+this.size0.06, this.x+this.size0.27, this.y-this.size0.03); popStyle(); break; case "Home": 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 "Levels": pushStyle(); noFill(); stroke(this.textColorHover); strokeWeight(4); line(this.x-this.size0.23, this.y-this.size0.2, this.x+this.size0.23, this.y-this.size0.2); line(this.x-this.size0.23, this.y, this.x+this.size0.23, this.y); line(this.x-this.size0.23, this.y+this.size0.2, this.x+this.size0.23, this.y+this.size0.2); popStyle(); break; case "Save": pushStyle(); noFill(); strokeWeight(2); stroke(this.textColorHover); //outer beginShape(); vertex(this.x-this.size0.26, this.y-this.size0.25); vertex(this.x+this.size0.17, this.y-this.size0.25); vertex(this.x+this.size0.26, this.y-this.size0.15); vertex(this.x+this.size0.26, this.y+this.size0.25); vertex(this.x-this.size0.26, this.y+this.size0.25); vertex(this.x-this.size0.26, this.y-this.size0.25); endShape(); noStroke(); fill(this.textColorHover); //inner rect(this.x-this.size0.15, this.y-this.size0.26, this.size0.27, this.size0.18, 2); rect(this.x-this.size0.18, this.y, this.size0.36, this.size0.26, 2); fill(this.backColorHover); rect(this.x-this.size0.02, this.y-this.size0.23, this.size0.07, this.size0.14); noFill(); stroke(this.backColorHover); strokeWeight(1); //lines line(this.x-this.size0.12, this.y+this.size0.07, this.x+this.size0.11, this.y+this.size0.07); line(this.x-this.size0.12, this.y+this.size0.14, this.x+this.size0.11, this.y+this.size0.14); line(this.x-this.size0.12, this.y+this.size0.20, this.x+this.size0.11, this.y+this.size0.20); popStyle(); break; case ">": case "<": pushStyle(); textSize(this.size0.3); text(this.content, this.x, this.y); popStyle(); break; default: text(this.content, this.x, this.y); break; } popStyle(); } else { //not hover this.growth = constrain(this.growth - 0.5, 0, 10); pushStyle(); textAlign(CENTER, CENTER); fill(this.backColor); stroke(this.borderColor); strokeWeight(2); noStroke(); ellipse(this.x, this.y, this.size + this.growth, this.size + this.growth); fill(0, 0, 0, 20); arc(this.x, this.y, this.size + this.growth, this.size + this.growth, 1, 180); fill(this.textColor); switch(this.content) { case "Start": case "Play": case "Replay": case "Next": 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 "How": pushStyle(); textSize(this.size0.6); text("?", this.x, this.y); popStyle(); break; case "Store": pushStyle(); rect(this.x-this.size0.17, this.y+this.size0.07, this.size0.34, this.size0.22); arc(this.x, this.y+this.size0.077, this.size0.34, this.size0.2, 181, 360); ellipse(this.x, this.y-this.size0.12, this.size0.2, this.size0.2); //balls ellipse(this.x-this.size0.28, this.y-this.size0.17, this.size0.07, this.size0.07); ellipse(this.x+this.size0.28, this.y-this.size0.17, this.size0.07, this.size0.07); ellipse(this.x, this.y-this.size0.35, this.size0.07, this.size0.07); noFill(); stroke(this.textColor); strokeWeight(3); line(this.x-this.size0.3, this.y+this.size0.08, this.x+this.size0.27, this.y+this.size0.08); line(this.x-this.size0.3, this.y+this.size0.06, this.x-this.size0.3, this.y-this.size0.03); line(this.x+this.size0.27, this.y+this.size0.06, this.x+this.size0.27, this.y-this.size0.03); popStyle(); break; case "Home": 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 "Levels": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(4); line(this.x-this.size0.23, this.y-this.size0.2, this.x+this.size0.23, this.y-this.size0.2); line(this.x-this.size0.23, this.y, this.x+this.size0.23, this.y); line(this.x-this.size0.23, this.y+this.size0.2, this.x+this.size0.23, this.y+this.size0.2); popStyle(); break; case "Save": pushStyle(); noFill(); strokeWeight(2); stroke(this.textColor); //outer beginShape(); vertex(this.x-this.size0.26, this.y-this.size0.25); vertex(this.x+this.size0.17, this.y-this.size0.25); vertex(this.x+this.size0.26, this.y-this.size0.15); vertex(this.x+this.size0.26, this.y+this.size0.25); vertex(this.x-this.size0.26, this.y+this.size0.25); vertex(this.x-this.size0.26, this.y-this.size0.25); endShape(); noStroke(); fill(this.textColor); //inner rect(this.x-this.size0.15, this.y-this.size0.26, this.size0.27, this.size0.18, 2); rect(this.x-this.size0.18, this.y, this.size0.36, this.size0.26, 2); fill(this.backColor); rect(this.x-this.size0.02, this.y-this.size0.23, this.size0.07, this.size0.14, 2); noFill(); stroke(this.backColor); strokeWeight(1); //lines line(this.x-this.size0.12, this.y+this.size0.07, this.x+this.size0.11, this.y+this.size0.07); line(this.x-this.size0.12, this.y+this.size0.14, this.x+this.size0.11, this.y+this.size0.14); line(this.x-this.size0.12, this.y+this.size0.20, this.x+this.size0.11, this.y+this.size0.20); popStyle(); break; case ">": case "<": pushStyle(); textSize(this.size0.3); text(this.content, this.x, this.y); popStyle(); break; default: text(this.content, this.x, this.y); break; } popStyle(); } }; } //Buttons { var Coin = function(config) { this.x = config.x \|\| width * 0.95; this.y = config.y \|\| height * 0.04; this.w = config.w \|\| 15; this.h = config.h \|\| 15; this.angle = config.angle \|\| 0; this.speed = config.speed \|\| 1; }; Coin.prototype.update = function() { this.angle+= this.speed; }; Coin.prototype.display = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); noStroke(); fill(240, 216, 99); beginShape(); vertex(0, -this.h); vertex(this.w0.3, -this.h0.4); vertex(this.w0.9, -this.h0.3); vertex(this.w0.5, this.h0.15); vertex(this.w0.6, this.h0.8); vertex(0, this.h0.5); vertex(-this.w0.6, this.h0.8); vertex(-this.w0.5, this.h0.15); vertex(-this.w0.9, -this.h0.3); vertex(-this.w0.3, -this.h0.4); endShape(CLOSE); popMatrix(); }; Coin.prototype.run = function() { this.update(); this.display(); }; } //Coin (star) { { var Ball = function(config) { this.pos = config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y); this.velocity = config.velocity \|\| new PVector(0, 0); this.acceleration = config.acceleration \|\| new PVector(0, 0); this.thrust = config.thrust \|\| new PVector(1.75, -7.5); this.gravity = config.gravity \|\| new PVector(0, 0.15); this.applyForce(this.thrust); this.w = config.w \|\|27; this.h = config.h \|\| this.w; this.angle = config.angle \|\| 0; this.angleDir = 1; this.thrustH = 1.75; this.thrustV = -7.5; }; Ball.prototype.applyForce = function (force) { this.acceleration.add(force); }; Ball.prototype.update = function() { this.applyForce(this.gravity); this.velocity.add(this.acceleration); this.pos.add(this.velocity); this.acceleration.mult(0); }; Ball.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); rotate(frameCount-1); noStroke(); fill(123, 209, 104, 200); ellipse(0, 0, this.w, this.h); fill(0, 0, 0, 20); arc(0, 0, this.w, this.h, 0, 180); arc(0, 0, this.w, this.h, 45, 225); arc(0, 0, this.w, this.h, 135, 315); arc(0, 0, this.w, this.h, 180, 360); popMatrix(); }; Ball.prototype.run = function() { this.update(); this.display(); }; } //Ball (Parent) { var Plus = function(config) { Ball.call(this, config); }; Plus.prototype = Object.create(Ball.prototype); Plus.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noStroke(); fill(132, 240, 110, 200); rect(-this.w0.5, -this.w0.2, this.w, this.w0.4); rect(-this.w0.2, -this.w0.5, this.w0.4, this.w); popMatrix(); }; } //--Plus (1) { var Star = function(config) { Ball.call(this, config); }; Star.prototype = Object.create(Ball.prototype); Star.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); //star fill(102); stroke(255); strokeWeight(2); beginShape(); vertex(0, -this.h); vertex(this.w0.3, -this.h0.4); vertex(this.w0.9, -this.h0.3); vertex(this.w0.5, this.h0.15); vertex(this.w0.6, this.h0.8); vertex(0, this.h0.5); vertex(-this.w0.6, this.h0.8); vertex(-this.w0.5, this.h0.15); vertex(-this.w0.9, -this.h0.3); vertex(-this.w0.3, -this.h0.4); endShape(CLOSE); popMatrix(); }; } //--Star (2) { var Flower = function(config) { Ball.call(this, config); this.colors = [color(196, 37, 63), color(235, 218, 35), color(103, 230, 71)]; this.radius = this.w; }; Flower.prototype = Object.create(Ball.prototype); Flower.prototype.display = function() { for(var i = 0; i < 6; i++) { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 1 this.angleDir; rotate(i * 60 + this.angle); //leaf noStroke(); fill(this.colors[i % 3]); pushMatrix(); translate(0, - this.radius0.7); beginShape(); vertex(0, -this.radius0.5); bezierVertex(this.radius0.4, -this.radius0.1, this.radius0.4, this.radius0.3, 0, this.radius0.5); bezierVertex(-this.radius0.4, this.radius0.3, -this.radius0.4, -this.radius0.1, 0, -this.radius0.5); endShape(CLOSE); popMatrix(); //stem noFill(); stroke(this.colors[i % 3]); line(0, -this.radius0.2, 0, 0); popMatrix(); } }; } //--Flower (3) { var Ladybug = function(config) { Ball.call(this, config); this.color = color(235, 65, 65); }; Ladybug.prototype = Object.create(Ball.prototype); Ladybug.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); //legs noFill(); stroke(31, 31, 31); strokeWeight(this.w/50); line(0, 0, -this.w0.5, -this.h0.4); line(0, 0, this.w0.5, -this.h0.4); line(0, 0, -this.w0.6, -this.h0.15); line(0, 0, this.w0.6, -this.h0.15); line(0, 0, -this.w0.6, this.h0.15); line(0, 0, this.w0.6, this.h0.15); line(0, 0, -this.w0.5, this.h0.4); line(0, 0, this.w0.5, this.h0.4); //body noStroke(); fill(this.color); ellipse(0, 0, this.w, this.h); //spots fill(31, 31, 31); ellipse(-this.w0.16, -this.h0.2, this.w0.1, this.h0.1); ellipse(this.w0.16, -this.h0.2, this.w0.1, this.h0.1); ellipse(-this.w0.3, 0, this.w0.1, this.h0.1); ellipse(this.w0.3, 0, this.w0.1, this.h0.1); ellipse(-this.w0.16, this.h0.2, this.w0.1, this.h0.1); ellipse(this.w0.16, this.h0.2, this.w0.1, this.h0.1); //line on back rect(-this.w0.01, -this.h0.45, this.w0.02, this.h0.9); //head arc(0, -this.h0.4, this.w0.5, this.h0.4, 181, 360); arc(0, -this.h0.4, this.w0.5, this.h0.03, 1, 180); //feelers noFill(); stroke(31, 31, 31); strokeWeight(this.w/100); beginShape(); vertex(0, -this.h0.5); bezierVertex(-this.w0.1, -this.h0.8, -this.w0.2, -this.h0.9, -this.w0.3, -this.h0.8); endShape(); beginShape(); vertex(0, -this.h0.5); bezierVertex(this.w0.1, -this.h0.8, this.w0.2, -this.h0.9, this.w0.3, -this.h0.8); endShape(); //eyes fill(242, 237, 242); ellipse(-this.w0.12, -this.h0.47, this.w0.05, this.h0.07); ellipse(this.w0.12, -this.h0.47, this.w0.05, this.h0.07); popMatrix(); }; } //--Ladybug (4) { var Penguin = function(config) { Ball.call(this, config); this.color = color(33, 33, 33); }; Penguin.prototype = Object.create(Ball.prototype); Penguin.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noStroke(); //legs fill(243, 57, 0, 200); //left beginShape(); vertex(this.w0.1, this.h0.48); vertex(this.w0.12, this.h0.65); bezierVertex(this.w0.2, this.h0.62,this.w0.35, this.h0.57, this.w0.4, this.h0.73); vertex(this.w0.06, this.h0.72); vertex(this.w0.05, this.h0.48); vertex(this.w0.1, this.h0.48); endShape(); //right beginShape(); vertex(-this.w0.1, this.h0.48); vertex(-this.w0.12, this.h0.65); bezierVertex(-this.w0.2, this.h0.62,-this.w0.35, this.h0.57, -this.w0.4, this.h0.72); vertex(-this.w0.06, this.h0.72); vertex(-this.w0.05, this.h0.48); vertex(-this.w0.1, this.h0.48); endShape(); //body //outer fill(this.color); beginShape(); vertex(0, -this.h0.5); bezierVertex(-this.w0.5, -this.h0.5, -this.w0.8, this.h0.5, 0, this.h0.5); bezierVertex(this.w0.8, this.h0.5, this.w0.5, -this.h0.5, 0, -this.h0.5); endShape(); //inner fill(250, 250, 250); beginShape(); vertex(0, -this.h0.45); bezierVertex(-this.w0.45, -this.h0.45, -this.w0.65, this.h0.45, 0, this.h0.48); bezierVertex(this.w0.65, this.h0.48, this.w0.45, -this.h0.45, 0, -this.h0.45); endShape(); //arms //left fill(this.color); beginShape(); vertex(-this.w0.4, -this.h0.23); bezierVertex(-this.w0.6, -this.h0.28, -this.w0.53, -this.h0.3, -this.w0.6, -this.h0.3); bezierVertex(-this.w0.6, -this.h0.15, -this.w0.5, -this.h0.08, -this.w0.48, -this.h0.05); vertex(-this.w0.4, -this.h0.23); endShape(); //right beginShape(); vertex(this.w0.4, -this.h0.23); bezierVertex(this.w0.6, -this.h0.28, this.w0.53, -this.h0.3, this.w0.6, -this.h0.3); bezierVertex(this.w0.6, -this.h0.15, this.w0.5, -this.h0.08, this.w0.48, -this.h0.05); vertex(this.w0.4, -this.h0.23); endShape(); //eyes fill(this.color); ellipse(-this.w0.12, -this.h0.3, this.w0.04, this.h0.07); ellipse(this.w0.12, -this.h0.3, this.w0.04, this.h0.07); //beak fill(234, 156, 16); beginShape(); vertex(this.w0.1, -this.h0.22); bezierVertex(this.w0.05, -this.h0.12, this.w0.01, -this.h0.12, 0, -this.h0.12); bezierVertex(-this.w0.01, -this.h0.12, -this.w0.05, -this.h0.12, -this.w0.1, -this.h0.22); bezierVertex(-this.w0.02, -this.h0.25, this.w0.02, -this.h0.25, this.w0.1, -this.h0.22); endShape(); //flush cheeks fill(232, 118, 161, 100); ellipse(-this.w0.2, -this.h0.2, this.w/12, this.h/12); ellipse(this.w0.2, -this.h0.2, this.w/12, this.h/12); popMatrix(); }; } //--Penguin (5) { var NinjaStar = function(config) { Ball.call(this, config); this.color = color(105, 100, 105); }; NinjaStar.prototype = Object.create(Ball.prototype); NinjaStar.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); noStroke(); fill(this.color); for(var i = 0; i < 360; i+= 60) { pushMatrix(); rotate(i); //star beginShape(); vertex(-this.w0.02, -this.h0.1); bezierVertex(-this.w0.1, -this.h0.25, -this.w0.1, -this.h0.23, -this.w0.1, -this.h0.23); vertex(0, -this.h0.5); bezierVertex(this.w0.1, -this.h0.23, this.w0.1, -this.h0.25, this.w0.1, -this.h0.23); vertex(this.w0.02, -this.h0.1); vertex(-this.w0.02, -this.h0.1); endShape(); popMatrix(); } noStroke(); fill(this.color); ellipse(0, 0, this.w0.3, this.w0.3); fill(235, 222, 221); ellipse(0, 0, this.w0.23, this.w0.23); popMatrix(); }; } //--Ninja Star (6) { var Gift = function(config) { Ball.call(this, config); }; Gift.prototype = Object.create(Ball.prototype); Gift.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); //main box noStroke(); fill(232, 66, 44); rect(-this.w0.5, -this.h0.5, this.w, this.h); //box tape fill(240); rect(-this.w0.1, -this.h0.5, this.w0.2, this.h); //shadow fill(84, 81, 81, 50); rect(-this.w0.5, -this.h0.3, this.w, this.h0.2); //lid fill(232, 66, 44); rect(-this.w0.55, -this.h0.5, this.w1.1, this.h0.3); //lid tape fill(240); rect(-this.w0.1, -this.h0.5, this.w0.2, this.h0.3); //bow beginShape(); vertex(0, -this.h0.45); vertex(-this.w0.3, -this.h0.55); vertex(-this.w0.25, -this.h0.7); endShape(CLOSE); beginShape(); vertex(0, -this.h0.45); vertex(this.w0.35, -this.h0.55); vertex(this.w0.3, -this.h0.7); endShape(CLOSE); beginShape(); vertex(0, -this.h0.45); vertex(-this.w0.08, -this.h0.7); vertex(this.w0.08, -this.h0.6); endShape(CLOSE); popMatrix(); }; } //--Gift (7) { var Football = function(config) { Ball.call(this, config); }; Football.prototype = Object.create(Ball.prototype); Football.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); //ball noStroke(); fill(224, 149, 69); ellipse(0, 0, this.w, this.h); //lace noFill(); stroke(245, 237, 237); strokeWeight(1); line(0, -this.h0.25, 0, this.h0.25); line(-this.w * 0.11, -this.h * 0.2, this.w * 0.1, -this.h * 0.2); line(-this.w * 0.13, -this.h * 0.1, this.w * 0.13, -this.h * 0.1); line(-this.w * 0.13, 0, this.w * 0.13, 0); line(-this.w * 0.13, this.h * 0.1, this.w * 0.13, this.h * 0.1); line(-this.w * 0.11, this.h * 0.2, this.w * 0.1, this.h * 0.2); //stripes noStroke(); fill(247, 242, 242); beginShape(); vertex(-this.w0.3, -this.h0.4); vertex(this.w0.3, -this.h0.4); vertex(this.w0.4, -this.h0.3); vertex(-this.w0.4, -this.h0.3); endShape(CLOSE); beginShape(); vertex(-this.w0.3, this.h0.4); vertex(this.w0.3, this.h0.4); vertex(this.w0.4, this.h0.3); vertex(-this.w0.4, this.h0.3); endShape(CLOSE); popMatrix(); }; } //--Football (8) { var EightBall = function(config) { Ball.call(this, config); }; EightBall.prototype = Object.create(Ball.prototype); EightBall.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noStroke(); fill(50, 50, 50); ellipse(0, 0, this.w, this.h); fill(240); ellipse(0, 0, this.w0.5, this.h0.5); fill(20, 20, 20); textSize(12); textAlign(CENTER, CENTER); text("8", 0, 0); popMatrix(); }; } //--Eight Ball (9) { var Ring = function(config) { Ball.call(this, config); }; Ring.prototype = Object.create(Ball.prototype); Ring.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noFill(); stroke(221, 227, 34, 200); strokeWeight(6); ellipse(0, 0, this.w, this.h); noStroke(); fill(247, 239, 239, 150); ellipse(0, -this.h0.5, this.w0.2, this.h0.2); ellipse(0, this.h0.5, this.w0.2, this.h0.2); ellipse(-this.w0.5, 0, this.w0.2, this.h0.2); ellipse(this.w0.5, 0, this.w0.2, this.h0.2); popMatrix(); }; } //--Ring (10) { var Knife = function(config) { Ball.call(this, config); }; Knife.prototype = Object.create(Ball.prototype); Knife.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); //blade noStroke(); fill(200, 200, 200); beginShape(); vertex(-this.w0.25, -this.h0.2); vertex(this.w0.25, -this.h0.2); bezierVertex(this.w0.25, this.h0.3, this.w0.1, this.h0.5, 0, this.h0.65); bezierVertex(-this.w0.1, this.h0.5, -this.w0.25, this.h0.3, -this.w0.25, -this.h0.2); endShape(CLOSE); //cuff stroke(100); strokeWeight(2); line(-this.w0.6, -this.h0.2, this.w0.6, -this.h0.2); //handle noStroke(); fill(100); beginShape(); vertex(-this.w0.2, -this.h0.2); vertex(-this.w0.2, -this.h0.55); vertex(this.w0.2, -this.h0.55); vertex(this.w0.2, -this.h0.2); endShape(CLOSE); popMatrix(); }; } //--Knife (11) { var Bomb = function(config) { Ball.call(this, config); }; Bomb.prototype = Object.create(Ball.prototype); Bomb.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); //bomb noStroke(); //wick fill(199, 193, 193); rect(-this.w0.03, -this.h0.75, this.w0.06, this.h0.2); //flame fill(200, 20, 20); ellipse(0, -this.h0.65, this.w0.2, this.w0.2); fill(235, 184, 54); ellipse(-this.w0.02, -this.h0.66, this.w0.1, this.w0.1); fill(200, 209, 77); ellipse(this.w0.02, -this.h0.64, this.w0.1, this.w0.1); //turret fill(58, 61, 61); rect(-this.w0.14, -this.h0.55, this.w0.28, this.h0.075, 2); //body fill(67, 71, 71); ellipse(0, 0, this.w, this.h); //shadows fill(173, 168, 168, 50); rotate(-30); ellipse(this.w0.3, -this.h0.1, this.w0.2, this.h0.25); rotate(30); fill(46, 43, 43, 150); beginShape(); vertex(-this.w0.4, -this.h0.25); bezierVertex(-this.w0.65, this.h0.4, 0, this.h0.65, this.w0.4, this.h0.3); bezierVertex(0, this.h0.4, -this.w0.4, this.h0.15, -this.w0.4, -this.h0.25); endShape(CLOSE); popMatrix(); }; } //--Bomb (12) { var Card = function(config) { Ball.call(this, config); }; Card.prototype = Object.create(Ball.prototype); Card.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 this.angleDir; rotate(this.angle); noStroke(); fill(250, 250, 250); pushStyle(); rectMode(CENTER); rect(0, 0, this.w, this.h); popStyle(); scale(0.35); fill(255, 0, 0); text("A", -this.w * 0.75, -this.h * 1.2); translate(0, this.h0.2); beginShape(); vertex(0, -this.h0.5); bezierVertex(-this.w1.15, -this.h0.85, -this.w0.45, this.h0.25, 0, this.h0.5); bezierVertex(this.w0.45, this.h0.25, this.w1.15, -this.h0.85, 0, -this.h0.5); endShape(CLOSE); rotate(180); text("A", -this.w * 0.75, -this.h * 1.1); popMatrix(); }; } //--Card (13) { var Sun = function(config) { Ball.call(this, config); this.color = color(246, 231, 88); }; Sun.prototype = Object.create(Ball.prototype); Sun.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noStroke(); //sun fill(this.color); ellipse(0, 0, this.w, this.w); //eyes fill(33, 33, 33); ellipse(-this.w0.1, -this.h0.2, this.w0.05, this.h0.05); ellipse(this.w0.1, -this.h0.2, this.w0.05, this.h0.05); //mouth noFill(); stroke(33, 33, 33); strokeWeight(this.w/150); arc(0, 0, this.w0.5, this.h0.4, 11, 180); for(var i = 0; i < 360; i+= 30) { pushMatrix(); rotate(i); stroke(this.color); line(0, -this.h0.55, 0, -this.h0.7 -this.h(i%60)0.002); popMatrix(); } popMatrix(); }; } //--Sun (14) { var Fish = function(config) { Ball.call(this, config); }; Fish.prototype = Object.create(Ball.prototype); Fish.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); this.angle += 5 * this.angleDir; rotate(this.angle); noStroke(); //fill(54, 168, 186, 200); fill(224, 115, 56, 250); ellipse(0, 0, this.w, this.h); triangle(-this.w0.5, 0, -this.w0.8, -this.h0.5, -this.w0.8, this.h0.5); //eye fill(255); ellipse(this.w0.2, 0, this.h0.3, this.h0.3); fill(0); ellipse(this.w0.2, 0, this.h0.1, this.h0.1); popMatrix(); }; } //--Fish (15) } //Balls { { //Juggler var Juggler = function(config) { this.pos = config.pos \|\| new PVector(width0.5, height0.78); this.w = config.w \|\| 80; this.h = config.h \|\| 140; //Move down when press hand key this.baseY = this.pos.y; this.maxY = this.pos.y + this.h 0.05; this.dirY = 0; this.speedY = 0.75; this.currentY = this.baseY; this.eyeColor = config.eyeColor \|\| color(28, 28, 28); this.eyes = 0; //0 = round, 1 = flat, 2 = arc, 3 = slanted this.mouthColor = config.mouthColor \|\| color(28, 28, 28); this.mouth = 0; //0 = smile, 1 = flat this.baseAngle = 20; this.maxAngle = 25; this.speedAngle = 0.75; this.leftAngleDir = 0; this.leftAngle = this.baseAngle; this.rightAngleDir = 0; this.rightAngle = this.baseAngle; this.angle = 0; this.angleDir = 1; this.leftHand = config.leftHand \|\| new PVector(width0.72, height0.805); this.rightHand = config.rightHand \|\| new PVector(width0.28, height0.805); this.handSize = config.handSize \|\| game.difficulty === 0 ? this.w : this.w0.7; this.handThicknessMin = 2; this.handThicknessMax = 5; this.leftHandThickness = this.handThicknessMin; this.rightHandThickness = this.handThicknessMin; this.leftHandGrow = false; this.rightHandGrow = false; this.leftHandDelay = 0; this.rightHandDelay = 0; this.handDelaxMax = config.handDelayMax \|\| 20; }; Juggler.prototype.handPressed = function(hand) { //move body down this.dirY = 1; if(hand === "left") { //left hand this.leftAngleDir = 1; this.leftHandGrow = true; } else { //right hand this.rightAngleDir = 1; this.rightHandGrow = true; } this.eyes = random(); // < 0.25 = round, 0.5 = flat, 0.75 = arc, 1 = slanted this.mouth = random(); // < 0.5 = smile, 1 = flat }; Juggler.prototype.update = function() { this.angle+= this.angleDir 0.2; if(this.angle <= -4 \|\| this.angle >= 4) { this.angleDir= -1; } this.currentY += this.speedY this.dirY; this.leftAngle += this.speedAngle * this.leftAngleDir; this.rightAngle += this.speedAngle * this.rightAngleDir; if(this.leftAngle >= this.maxAngle) { this.leftAngleDir = -1; } else if(this.leftAngle <= this.baseAngle) { this.leftAngleDir = 0; } if(this.rightAngle >= this.maxAngle) { this.rightAngleDir = -1; } else if(this.rightAngle <= this.baseAngle) { this.rightAngleDir = 0; } if(this.leftHandDelay > 0) { this.leftHandDelay--; } if(this.rightHandDelay > 0) { this.rightHandDelay--; } if(this.currentY >= this.maxY) { this.dirY = -1; } else if(this.currentY <= this.baseY) { this.dirY = 0; } }; Juggler.prototype.hands = function() { //hands noFill(); stroke(19, 103, 128, 100); //left hand if(this.leftHandGrow) { this.leftHandThickness+= 0.5; if(this.leftHandThickness >= this.handThicknessMax) { this.leftHandGrow = false; } } else if(this.leftHandThickness > this.handThicknessMin) { this.leftHandThickness-= 0.5; } strokeWeight(this.leftHandThickness); ellipse(this.leftHand.x, this.leftHand.y, this.handSize, this.handSize); //right hand if(this.rightHandGrow) { this.rightHandThickness+= 0.5; if(this.rightHandThickness >= this.handThicknessMax) { this.rightHandGrow = false; } } else if(this.rightHandThickness > this.handThicknessMin) { this.rightHandThickness-= 0.5; } strokeWeight(this.rightHandThickness); ellipse(this.rightHand.x, this.rightHand.y, this.handSize, this.handSize); }; Juggler.prototype.displayShadow = function() { pushMatrix(); translate(this.pos.x, this.pos.y); noStroke(); fill(206, 112, 87, 50); ellipse(0, this.h0.79, this.w3.2, this.w0.6); fill(10, 10, 10, 25); ellipse(0, this.h0.79, this.w1.6, this.w0.3); popMatrix(); }; Juggler.prototype.display = function() { //Subtypes define main juggler explicitly //This displays the eyes and mouth using colors specified strokeWeight(1); noStroke(); //Eyes pushStyle(); if(this.eyes < 0.25) { //round fill(this.eyeColor); ellipse(-this.w0.2, -this.h0.3, this.w0.1, this.w0.1); ellipse(this.w0.2, -this.h0.3, this.w0.1, this.w0.1); } else if(this.eyes < 0.5) { //flat fill(this.eyeColor); ellipse(-this.w0.2, -this.h0.3, this.w0.1, this.w0.01); ellipse(this.w0.2, -this.h0.3, this.w0.1, this.w0.01); } else if(this.eyes < 0.75) { //arc noFill(); stroke(this.eyeColor); arc(-this.w0.2, -this.h0.3, this.w0.1, this.w0.1, 181, 360); arc(this.w0.2, -this.h0.3, this.w0.1, this.w0.1, 181, 360); } else { //slanted noFill(); stroke(this.eyeColor); line(-this.w0.15, -this.h0.32, -this.w0.25, -this.h0.28); line(this.w0.15, -this.h0.32, this.w0.25, -this.h0.28); } popStyle(); //Mouth pushStyle(); if(this.mouth < 0.5) { //smile noFill(); stroke(this.mouthColor); arc(0, -this.h0.16, this.w0.2, this.w0.1, 0, 180); } else { //flat noFill(); stroke(this.mouthColor); arc(0, -this.h0.16, this.w0.1, this.w0.05, 0, 180); } popStyle(); }; Juggler.prototype.run = function() { this.update(); this.display(); }; } //Juggler (Supertype) { var Man = function(config) { Juggler.call(this, config); }; Man.prototype = Object.create(Juggler.prototype); Man.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(255, 147, 48); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w0.9, this.h * 0.1); fill(255, 255, 255); rect(this.w0.9, -this.h0.15, this.w0.2, this.h 0.1); //left hand fill(207, 196, 143); fill(247, 177, 151); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(255, 147, 48); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w0.9, this.h * 0.1); fill(255, 255, 255); rect(-this.w0.9, -this.h0.15, -this.w0.2, this.h 0.1); //right hand fill(207, 196, 143); fill(247, 177, 151); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(254, 116, 46); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes fill(230, 230, 230); //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); //socks fill(200, 200, 200); //right rect(-this.w0.3, this.h0.65, this.w * 0.2, this.h * 0.05); //left rect(this.w0.1, this.h0.65, this.w * 0.2, this.h * 0.05); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(207, 196, 143); fill(247, 177, 151); rect(-this.w0.5, -this.h0.5, this.w, this.h0.6, 20); //hair fill(20, 20, 20); rect(-this.w0.5, -this.h0.52, this.w, this.h0.1, 20); //ears fill(247, 177, 151); ellipse(-this.w0.5, -this.h0.3, this.w0.1, this.h0.1, 20); ellipse(this.w0.5, -this.h0.3, this.w0.1, this.h0.1, 20); //eyes Juggler.prototype.display.call(this); //body fill(254, 116, 46); rect(-this.w0.5, this.h0.2, this.w, this.h0.3); fill(255, 147, 48); rect(-this.w0.5, -this.h0.1, this.w, this.h0.4); //collar fill(240, 240, 240); rect(-this.w0.51, -this.h0.1, this.w1.03, this.h0.05); //bow tie triangle(0, -this.h0.09, -this.w0.3, -this.h0.15, -this.w0.3, 0); triangle(0, -this.h0.09, this.w0.3, -this.h0.15, this.w0.3, 0); fill(240, 240, 240); //centre stripe rect(-this.w0.07, -this.h0.1, this.w0.14, this.h0.4); //bottom of stripe arc(0, this.h0.3, this.w 0.5, this.h * 0.15, 180, 270); arc(0, this.h0.3, this.w 0.5, this.h * 0.15, 270, 360); fill(0); fill(255, 147, 48); ellipse(0, 0, this.w0.07, this.w0.07); ellipse(0, this.h0.1, this.w0.07, this.w0.07); fill(230, 230, 230); ellipse(0, -this.h0.068, 15, 14); popMatrix(); //display hands (rings) this.hands(); }; } //Man { var Robot = function(config) { Juggler.call(this, config); }; Robot.prototype = Object.create(Juggler.prototype); Robot.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(161, 88, 24); fill(191, 185, 181); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //left hand fill(207, 196, 143); fill(150, 149, 144); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(161, 88, 24); fill(191, 185, 181); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(207, 196, 143); fill(150, 149, 144); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(56, 50, 50); fill(150, 149, 144); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes fill(191, 185, 181); //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(150, 149, 144); rect(-this.w0.6, -this.h0.3, this.w1.2, this.h0.05); rect(-this.w0.5, -this.h0.5, this.w, this.h0.5, 20); //eyes Juggler.prototype.display.call(this); //body fill(191, 185, 181); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6, 0, 0, 10, 10); popMatrix(); //display hands (rings) this.hands(); }; } //Robot { var Bear = function(config) { Juggler.call(this, config); }; Bear.prototype = Object.create(Juggler.prototype); Bear.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(181, 90, 16); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //left hand fill(130, 73, 26); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(181, 90, 16); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(130, 73, 26); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(181, 90, 16); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(148, 72, 15); rect(-this.w0.5, -this.h0.5, this.w, this.h0.5, 10); //ears ellipse(-this.w0.45, -this.h0.5, this.w0.35, this.h0.2); ellipse(this.w0.45, -this.h0.5, this.w0.35, this.h0.2); fill(125, 58, 10); ellipse(-this.w0.43, -this.h0.48, this.w0.2, this.h0.1); ellipse(this.w0.43, -this.h0.48, this.w0.2, this.h0.1); //nose fill(138, 99, 57); ellipse(0, -this.h0.18, this.w0.37, this.h0.2); fill(59, 37, 12); ellipse(0, -this.h0.22, this.w0.15, this.h0.05); //eyes Juggler.prototype.display.call(this); //body fill(135, 66, 10); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); popMatrix(); //display hands (rings) this.hands(); }; } //Bear { var Worker = function(config) { Juggler.call(this, config); }; Worker.prototype = Object.create(Juggler.prototype); Worker.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(222, 111, 22); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //left hand fill(207, 196, 143); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(222, 111, 22); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(207, 196, 143); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(0, 95, 141); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); fill(71, 45, 32); rect(-this.w0.3, this.h0.7, this.w * 0.2, this.h * 0.1); rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(207, 196, 143); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4); //hat fill(242, 203, 27); arc(0, -this.h0.42, this.w1.1, this.h0.4, 181, 360); fill(143, 134, 93); rect(-this.w0.55, -this.h0.45, this.w1.1, this.h0.03); stroke(143, 134, 93); strokeWeight(2); line(-this.w0.2, -this.h0.6, -this.w0.15, -this.h0.5); line(this.w0.2, -this.h0.6, this.w0.15, -this.h0.5); noStroke(); //eyes Juggler.prototype.display.call(this); //body fill(222, 111, 22); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); fill(0, 95, 141); rect(-this.w0.5, this.h0.2, this.w, this.h0.3); rect(-this.w0.4, 0, this.w0.8, this.h0.3); rect(-this.w0.35, -this.h0.1, this.w0.1, this.h0.3); rect(this.w0.25, -this.h0.1, this.w0.1, this.h0.3); fill(204, 196, 37); ellipse(-this.w0.3, this.h0.04, this.w0.1, this.h0.05); ellipse(this.w0.3, this.h0.04, this.w0.1, this.h0.05); popMatrix(); //display hands (rings) this.hands(); }; } //Worker { var Knight = function(config) { Juggler.call(this, config); }; Knight.prototype = Object.create(Juggler.prototype); Knight.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(173, 171, 164); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h 0.1); //left hand fill(207, 196, 143); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(173, 171, 164); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(207, 196, 143); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(122, 118, 118); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(207, 196, 143); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4); //helmet fill(173, 171, 164); beginShape(); vertex(-this.w0.5, -this.h0.5); vertex(0, -this.h0.6); vertex(this.w0.5, -this.h0.5); vertex(this.w0.5, -this.h0.3); vertex(-this.w0.5, -this.h0.3); vertex(-this.w0.5, -this.h0.5); endShape(CLOSE); //helmet slots fill(77, 77, 73); rect(-this.w0.2, -this.h0.52, this.w0.02, this.h0.1); rect(this.w0.2, -this.h0.52, this.w0.02, this.h0.1); rect(-this.w0.1, -this.h0.54, this.w0.02, this.h0.12); rect(this.w0.1, -this.h0.54, this.w0.02, this.h0.12); rect(0, -this.h0.56, this.w0.02, this.h0.14); //face fill(207, 196, 143); rect(-this.w0.4, -this.h0.37, this.w0.8, this.h0.1); //eyes Juggler.prototype.display.call(this); //body fill(158, 155, 153); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); //belt fill(138, 135, 133); rect(-this.w0.5, this.h0.13, this.w, this.h0.05); //fins fill(138, 135, 133); rect(-this.w0.5, this.h0.2, this.w, this.h0.05); rect(-this.w0.5, this.h0.3, this.w, this.h0.05); rect(-this.w0.5, this.h0.4, this.w, this.h0.05); //body flaps fill(158, 157, 153); beginShape(); vertex(-this.w0.5, this.h0.2); vertex(-this.w0.1, this.h0.2); vertex(-this.w0.2, this.h0.5); vertex(-this.w0.6, this.h0.5); endShape(CLOSE); beginShape(); vertex(this.w0.5, this.h0.2); vertex(this.w0.1, this.h0.2); vertex(this.w0.2, this.h0.5); vertex(this.w0.6, this.h0.5); endShape(CLOSE); popMatrix(); //display hands (rings) this.hands(); }; } //Knight { var Ninja = function(config) { Juggler.call(this, config); }; Ninja.prototype = Object.create(Juggler.prototype); Ninja.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(13, 13, 12); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //left hand fill(207, 196, 143); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(13, 13, 12); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(207, 196, 143); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(13, 13, 12); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(13, 13, 12); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4); //head bow triangle(this.w0.45, -this.h0.4, this.w0.7, -this.h0.3, this.w0.7, -this.h0.35); triangle(this.w0.45, -this.h0.4, this.w0.7, -this.h0.42, this.w0.7, -this.h0.47); //face fill(207, 196, 143); rect(-this.w0.4, -this.h0.4, this.w0.8, this.h0.2, 20); //eyes Juggler.prototype.display.call(this); //body fill(13, 13, 12); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); //belt fill(214, 49, 43); rect(-this.w0.5, this.h0.15, this.w, this.h0.05); //belt bow triangle(this.w0.1, this.h0.15, -this.w0.05, this.h0.3, -this.w0.15, this.h0.3); triangle(this.w0.1, this.h0.15, this.w0.05, this.h0.3, this.w0.15, this.h0.3); popMatrix(); //display hands (rings) this.hands(); }; } //Ninja { var Pig = function(config) { Juggler.call(this, config); }; Pig.prototype = Object.create(Juggler.prototype); Pig.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(242, 167, 198); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h 0.1); fill(170, 190, 56); rect(0, -this.h0.15, this.w0.7, this.h * 0.1); //left hand fill(222, 149, 179); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(242, 167, 198); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); fill(170, 190, 56); rect(0, -this.h0.15, -this.w0.7, this.h * 0.1); //right hand fill(222, 149, 179); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(242, 167, 198); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); fill(71, 69, 68); rect(-this.w0.3, this.h0.7, this.w * 0.2, this.h * 0.1); rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(242, 167, 198); rect(-this.w0.5, -this.h0.5, this.w, this.h0.5, 20); //ears beginShape(); vertex(-this.w0.48, -this.h0.4); bezierVertex(-this.w0.47, -this.h0.6, -this.w0.42, -this.h0.6, -this.w0.42, -this.h0.6); bezierVertex(-this.w0.3, -this.h0.5, -this.w0.25, -this.h0.5, -this.w0.28, -this.h0.5); endShape(CLOSE); beginShape(); vertex(this.w0.48, -this.h0.4); bezierVertex(this.w0.47, -this.h0.6, this.w0.42, -this.h0.6, this.w0.42, -this.h0.6); bezierVertex(this.w0.3, -this.h0.5, this.w0.25, -this.h0.5, this.w0.28, -this.h0.5); endShape(CLOSE); //nose fill(227, 134, 172); ellipse(0, -this.h0.22, this.w0.32, this.h0.1); fill(181, 119, 111); ellipse(-this.w0.06, -this.h0.22, this.w0.05, this.h0.05); ellipse(this.w0.06, -this.h0.22, this.w0.05, this.h0.05); //eyes Juggler.prototype.display.call(this); //body fill(170, 190, 56); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); fill(102, 176, 195); rect(-this.w0.5, this.h0.2, this.w, this.h0.3); popMatrix(); //display hands (rings) this.hands(); }; } //Pig { var Criminal = function(config) { Juggler.call(this, config); }; Criminal.prototype = Object.create(Juggler.prototype); Criminal.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(198, 198, 198); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //stripes fill(0, 0, 0); rect(0, -this.h0.15, this.w0.5, this.h * 0.1); rect(this.w0.6, -this.h0.15, this.w0.1, this.h 0.1); rect(this.w0.8, -this.h0.15, this.w0.1, this.h 0.1); //left hand fill(8, 8, 8); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(198, 198, 198); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //stripes fill(0, 0, 0); rect(0, -this.h0.15, -this.w0.5, this.h * 0.1); rect(-this.w0.6, -this.h0.15, -this.w0.1, this.h 0.1); rect(-this.w0.8, -this.h0.15, -this.w0.1, this.h 0.1); //right hand fill(8, 8, 8); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(2, 2, 2); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(207, 196, 143); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4); //hat fill(8, 8, 8); rect(-this.w0.5, -this.h0.58, this.w, this.h0.15, 10); //stripes fill(4, 4, 4); rect(-this.w0.52, -this.h0.49, this.w1.05, this.h0.07); //mask fill(0, 0, 0); beginShape(); vertex(-this.w0.5, -this.h0.37); vertex(this.w0.5, -this.h0.37); vertex(this.w0.5, -this.h0.22); bezierVertex(-this.w0.5, -this.h0.26, -this.w0.5, -this.h0.2, -this.w0.5, -this.h0.22); vertex(-this.w0.5, -this.h0.35); endShape(CLOSE); //eyes fill(207, 196, 143); ellipse(-this.w0.2, -this.h0.3, this.w0.2, this.h0.1); ellipse(this.w0.2, -this.h0.3, this.w0.2, this.h0.1); Juggler.prototype.display.call(this); //body fill(198, 198, 198); rect(-this.w0.5, -this.h0.1, this.w, this.h0.5); //stripes fill(0, 0, 0); rect(-this.w0.5, -this.h0.1, this.w, this.h0.05); rect(-this.w0.5, 0, this.w, this.h0.05); rect(-this.w0.5, this.h0.1, this.w, this.h0.05); rect(-this.w0.5, this.h0.2, this.w, this.h0.05); rect(-this.w0.5, this.h0.3, this.w, this.h0.05); rect(-this.w0.5, this.h0.4, this.w, this.h0.05); popMatrix(); //display hands (rings) this.hands(); }; } //Criminal { var Powerpuff = function(config) { Juggler.call(this, config); }; Powerpuff.prototype = Object.create(Juggler.prototype); Powerpuff.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(248, 191, 174); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h * 0.1); //left hand ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(248, 191, 174); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(250, 250, 250); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); fill(2, 2, 2); rect(-this.w0.3, this.h0.7, this.w * 0.2, this.h * 0.1); rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); //shoes //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //head fill(248, 191, 174); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4); //eyes fill(255, 255, 255); ellipse(-this.w0.22, -this.h0.33, this.w0.45, this.h0.25); ellipse(this.w0.22, -this.h0.33, this.w0.45, this.h0.25); fill(119, 199, 104); ellipse(-this.w0.21, -this.h0.32, this.w0.39, this.h0.23); ellipse(this.w0.21, -this.h0.32, this.w0.39, this.h0.23); fill(0, 0, 0); ellipse(-this.w0.21, -this.h0.32, this.w0.32, this.h0.2); ellipse(this.w0.21, -this.h0.32, this.w0.32, this.h0.2); this.eyeColor = color(255, 255, 255); //hair fill(0, 0, 0); arc(0, -this.h0.42, this.w1.1, this.h0.4, 181, 360); fill(248, 191, 174); triangle(-this.w0.1, -this.h0.41, 0, -this.h0.5, this.w0.1, -this.h0.41); Juggler.prototype.display.call(this); //body fill(119, 199, 104); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); fill(14, 15, 14); rect(-this.w0.5, this.h0.1, this.w, this.h0.2); popMatrix(); //display hands (rings) this.hands(); }; } //Powerpuff { var Clown = function(config) { Juggler.call(this, config); }; Clown.prototype = Object.create(Juggler.prototype); Clown.prototype.display = function() { noStroke(); //shadow Juggler.prototype.displayShadow.call(this); //Arms/Hands pushMatrix(); fill(236, 29, 35); translate(this.pos.x, this.pos.y); rotate(this.leftAngle); //left arm rect(0, -this.h0.15, this.w1.1, this.h 0.1); //left hand fill(240, 240, 240); ellipse(this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); pushMatrix(); fill(236, 29, 35); translate(this.pos.x, this.pos.y); rotate(-this.rightAngle); //right arm rect(0, -this.h0.15, -this.w1.1, this.h * 0.1); //right hand fill(240, 240, 240); ellipse(-this.w1.1, -this.h0.11, this.w0.28, this.w0.28); popMatrix(); //Legs pushMatrix(); translate(this.pos.x, this.pos.y); fill(57, 141, 205); //right rect(-this.w0.3, this.h0.4, this.w * 0.2, this.h * 0.4); //left rect(this.w0.1, this.h0.4, this.w * 0.2, this.h * 0.4); //shoes fill(150, 49, 33); //right rect(-this.w0.5 + this.w 0.2, this.h0.7, this.w 0.2, this.h * 0.1); arc(-this.w0.5 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 180, 270); //left rect(this.w0.1, this.h0.7, this.w * 0.2, this.h * 0.1); arc(this.w0.1 + this.w 0.2, this.h0.8, this.w 0.5, this.h * 0.2, 270, 360); //socks fill(251, 223, 60); //right rect(-this.w0.3, this.h0.65, this.w * 0.2, this.h * 0.05); //left rect(this.w0.1, this.h0.65, this.w * 0.2, this.h * 0.05); popMatrix(); //Head/Body pushMatrix(); translate(this.pos.x, this.currentY); //move body down when key pressed rotate(this.angle); //hair fill(255, 110, 39); ellipse(-this.w0.55, -this.h0.35, this.w0.3, this.h0.15); ellipse(-this.w0.5, -this.h0.4, this.w0.3, this.h0.15); ellipse(-this.w0.45, -this.h0.45, this.w0.4, this.h0.2); ellipse(-this.w0.35, -this.h0.5, this.w0.44, this.h0.22); ellipse(this.w0.55, -this.h0.35, this.w0.3, this.h0.15); ellipse(this.w0.5, -this.h0.4, this.w0.3, this.h0.15); ellipse(this.w0.45, -this.h0.45, this.w0.4, this.h0.2); ellipse(this.w0.35, -this.h0.5, this.w0.44, this.h0.22); //head fill(242, 214, 200); rect(-this.w0.5, -this.h0.5, this.w, this.h0.4, 10); //mouth area fill(244, 245, 236); rect(-this.w0.5, -this.h0.2, this.w, this.h0.4); //hat pushMatrix(); rotate(this.angle); fill(145, 40, 141); rect(-this.w0.2, -this.h0.7, this.w0.4, this.h0.25, 10); fill(128, 37, 125); rect(-this.w0.23, -this.h0.55, this.w0.46, this.h0.1, 10); popMatrix(); //nose fill(236, 29, 35); ellipse(0, -this.h0.23, this.w0.2, this.h0.1); //eyes fill(255, 255, 255); ellipse(-this.w0.2, -this.h0.3, this.w0.22, this.h0.18); ellipse(this.w0.2, -this.h0.3, this.w0.22, this.h0.18); Juggler.prototype.display.call(this); //body fill(236, 29, 35); rect(-this.w0.5, -this.h0.1, this.w, this.h0.6); //pants fill(57, 141, 205); rect(-this.w0.5, this.h0.2, this.w, this.h0.3); //belt fill(250, 152, 33); rect(-this.w0.5, this.h0.2, this.w, this.h0.05); //bands rect(-this.w0.4, -this.h0.1, this.w0.1, this.h0.3); rect(this.w0.3, -this.h0.1, this.w0.1, this.h0.3); //buttons fill(58, 182, 73); ellipse(0, 0, this.w0.1, this.h0.05); ellipse(0, this.h0.1, this.w0.1, this.h0.05); //pockets fill(251, 223, 60); rect(-this.w0.5, this.h0.25, this.w0.2, this.h0.1); rect(this.w0.3, this.h0.25, this.w0.2, this.h0.1); ellipse(-this.w0.1, this.h0.3, this.w0.1, this.h0.05); ellipse(this.w0.15, this.h0.35, this.w0.12, this.h0.05); ellipse(-this.w0.25, this.h0.42, this.w0.13, this.h0.05); ellipse(0, this.h0.42, this.w0.07, this.h0.03); ellipse(this.w0.25, this.h0.43, this.w0.1, this.h0.03); popMatrix(); //display hands (rings) this.hands(); }; } //Clown } //Juggler { var Game = function(config) { this.page = "home"; //Start on the home page this.lastPage = this.page; this.level = 0; //Start on level 0 (home) this.difficulty = saveCode[15]; //0 = easy, 1 = hard (larger/smaller hand size) this.maxLevelPlayed = saveCode[3]; this.currentLevel = this.maxLevelPlayed; this.balls = []; this.ballDelay = 400; this.ballTimer = 0; this.paused = false; this.pausedScreen = ""; this.currentBallIndex = 0; this.levels = [ { //Home \| Levels \| How \| Etc... }, { //Level 1 balls: 1, juggles: 5, coins: 10, story: ("Just getting started") }, { //Level 2 balls: 1, juggles: 10, coins: 20, story: ("A few more juggles") }, { //Level 3 balls: 1, juggles: 15, coins: 30, story: ("Simples") }, { //Level 4 balls: 1, juggles: 20, coins: 40, story: ("That's a lot of juggles") }, { //Level 5 balls: 2, juggles: 10, coins: 50, story: ("Terrible twos") }, { //Level 6 balls: 2, juggles: 15, coins: 75, story: ("Getting trickier") }, { //Level 7 balls: 2, juggles: 20, coins: 100, story: ("Let's do this") }, { //Level 8 balls: 2, juggles: 25, coins: 200, story: ("Getting tougher") }, { //Level 9 balls: 2, juggles: 30, coins: 250, story: ("Now we're talking") }, { //Level 10 balls: 3, juggles: 15, coins: 300, story: ("Three's a crowd") }, { //Level 11 balls: 3, juggles: 20, coins: 350, story: ("Easy peasy :/") }, { //Level 12 balls: 3, juggles: 25, coins: 400, story: ("Getting kind of crazy") }, { //Level 13 balls: 3, juggles: 30, coins: 450, story: ("Holy guacamole") }, { //Level 14 balls: 4, juggles: 30, coins: 500, story: ("Fantastic four") }, { //Level 15 balls: 4, juggles: 40, coins: 1000, story: ("Time to wrap this up") } ]; this.levelInfo = ""; this.jugglers = [ { juggler: "Man", active: saveCode[5] }, { juggler: "Robot", active: saveCode[6] }, { juggler: "Bear", active: saveCode[7] }, { juggler: "Worker", active: saveCode[8] }, { juggler: "Knight", active: saveCode[9] }, { juggler: "Ninja", active: saveCode[10] }, { juggler: "Pig", active: saveCode[11] }, { juggler: "Criminal", active: saveCode[12] }, { juggler: "Powerpuff", active: saveCode[13] }, { juggler: "Clown", active: saveCode[14] } ]; this.jugglerIndex = saveCode[4]; this.jugglerSelectedIndex = this.jugglerIndex; this.selectedJuggler = ""; this.jugglersAllPurchased = false; this.totalJuggles = saveCode[1]; this.juggles = 0; this.coin = new Coin({}); this.buyCoin = new Coin({ x: width * 0.56, y: 450 }); this.coins = saveCode[2]; this.ball = new Ball({ pos: new PVector(width * 0.05, height * 0.04), trust: new PVector(0, 0) }); this.started = false; this.hits = saveCode[0]; //Initial hits this.headingColor = color(255, 255, 255); this.textColor = color(242, 247, 250); //Default text color { this.nextButton = new Button({ x: width0.35, y: 295, content: "Next", page: "next" }); this.playButton = new Button({ x: width0.35, y: 295, content: "Play", page: "play" }); this.homeButton = new Button ({ x: width* 0.65, y: 295, content: "Home", page: "home" }); this.backButton = new Button ({ x: width* 0.5, y: height* 0.88, content: "Home", page: "home" }); this.completeBackButton = new Button ({ x: width* 0.5, y: height* 0.52, content: "Home", page: "home" }); this.howButton = new Button({ x: width * 0.33, y: 290, content: "How", page: "how" }); this.levelsButton = new Button({ x: width * 0.67, y: 290, content: "Levels", page: "levels" }); this.storeButton = new Button({ x: width0.23, y: 370, content: "Store", page: "store" }); this.startButton = new Button({ x: width0.5, y: 220, content: "Start", page: "start" }); this.difficultyButton = new Button({ x: width0.28, y: 482, content: this.difficulty === 0 ? "Easy" : "Hard", size: this.difficulty === 0 ? 80 : 60, page: "difficulty" }); this.replayButton = new Button({ x: width0.35, y: 295, content: "Replay", page: "replay" }); this.saveButton = new Button({ x: width0.77, y: 370, content: "Save", page: "save" }); this.buyButton = new Button({ x: width0.71, y: 450, size: 60, content: "Buy", page: "buy" }); this.playfromStoreButton = new Button({ x: width0.5, y: height0.7, content: "Play", page: "playFromStore" }); this.leftButton = new Button({ x: width0.15, y: height0.3, size: 60, content: "<", page: "left" }); this.rightButton = new Button ({ x: width* 0.85, y: height0.3, size: 60, content: ">", page: "right" }); this.levelButtons = [ new Button({ x: width0.15, y: height0.25, content: "1", page: "level", level: 1 }), new Button({ x: width0.385, y: height0.25, content: "2", page: "level", level: 2 }), new Button({ x: width0.615, y: height0.25, content: "3", page: "level", level: 3 }), new Button({ x: width0.85, y: height0.25, content: "4", page: "level", level: 4 }), new Button({ x: width0.15, y: height0.4, content: "5", page: "level", level: 5 }), new Button({ x: width0.385, y: height0.4, content: "6", page: "level", level: 6 }), new Button({ x: width0.615, y: height0.4, content: "7", page: "level", level: 7 }), new Button({ x: width0.85, y: height0.4, content: "8", page: "level", level: 8 }), new Button({ x: width0.15, y: height0.55, content: "9", page: "level", level: 9 }), new Button({ x: width0.385, y: height0.55, content: "10", page: "level", level: 10 }), new Button({ x: width0.615, y: height0.55, content: "11", page: "level", level: 11 }), new Button({ x: width0.85, y: height0.55, content: "12", page: "level", level: 12 }), new Button({ x: width0.15, y: height0.7, content: "13", page: "level", level: 13 }), new Button({ x: width0.385, y: height0.7, content: "14", page: "level", level: 14 }), new Button({ x: width0.615, y: height0.7, content: "15", page: "level", level: 15 }) ]; } //Buttons }; Game.prototype.checkGameOver = function() { for(var i = this.balls.length - 1; i >= 0; i--) { if(this.balls[i].pos.y + this.balls[i].h > height) { this.page = "gameover"; break; } } }; Game.prototype.checkCollision = function(hand) { if(hand === "right" && juggler.rightHandDelay === 0) { var rightHandHit = false; for(var i = this.balls.length - 1; i >= 0; i--) { var ball = this.balls[i]; if(ball.velocity.y >= 0) { //only check if ball is moving downwards if(dist(juggler.rightHand.x, juggler.rightHand.y, ball.pos.x, ball.pos.y) <= juggler.handSize / 2 + ball.w / 2) { ball.velocity.x = 0; ball.velocity.y = 0; ball.applyForce(new PVector(ball.thrustH, ball.thrustV)); ball.angleDir= -1; if(this.started) { this.hits++; this.juggles--; this.totalJuggles++; saveCode[1]++; //total number of juggles } rightHandHit = true; } } } if(rightHandHit) { juggler.rightHandDelay = juggler.handDelaxMax * 0.5; } else { juggler.rightHandDelay = juggler.handDelaxMax; } } else if(hand === "left" && juggler.leftHandDelay === 0) { var leftHandHit = false; for(var i = 0; i < this.balls.length; i++) { var ball = this.balls[i]; if(ball.velocity.y >= 0) { //only check if ball is moving downwards if(dist(juggler.leftHand.x, juggler.leftHand.y, ball.pos.x, ball.pos.y) <= juggler.handSize / 2 + ball.w / 2) { ball.velocity.x = 0; ball.velocity.y = 0; ball.applyForce(new PVector(-ball.thrustH, ball.thrustV)); ball.angleDir= -1; if(this.started) { this.hits++; this.juggles--; this.totalJuggles++; saveCode[1]+= 1; //total number of juggles } leftHandHit = true; } } } if(leftHandHit) { juggler.leftHandDelay = juggler.handDelaxMax 0.5; } else { juggler.leftHandDelay = juggler.handDelaxMax; } } }; Game.prototype.checkComplete = function() { if(this.juggles <= 0) { this.coins+= this.levels[this.level].coins; saveCode[2] = this.coins; //add total coins if(this.maxLevelPlayed <= this.level) { //ensure keep max level completed if(this.level < this.levels.length) { this.maxLevelPlayed = constrain(this.level + 1, 0, this.levels.length - 1); } else { this.maxLevelPlayed = this.level; } saveCode[3] = this.maxLevelPlayed; } this.level++; if(this.level < this.levels.length) { this.currentLevel = this.level; this.page = "next"; } else { this.currentLevel = 1; this.page = "gamecomplete"; this.level = 0; } } }; Game.prototype.runBalls = function() { if(this.started) { for(var i = 0; i < this.balls.length; i++) { this.balls[i].run(); } } else { this.balls[0].display(); } }; Game.prototype.displayJuggles = function() { pushStyle(); textAlign(CENTER, TOP); textFont(headingFont); textSize(60); fill(255); text(this.juggles, width/2, height0.2); popStyle(); }; Game.prototype.setBall = function() { this.addBall({ thrust: new PVector(0, 0) }); //display first ball this.started = false; this.ballDelay = floor(random(380, 420)); }; Game.prototype.reset = function () { switch (this.page) { case "start": this.level = this.currentLevel === 0 ? 1 : this.currentLevel; //1; this.init(); this.setBall(); this.page = "play"; break; case "play": this.init(); this.setBall(); break; case "replay": this.init(); this.setBall(); break; case "playFromStore": this.level = this.currentLevel === 0 ? 1 : this.currentLevel; this.init(); this.setBall(); this.page = "play"; break; case "next": case "level": this.init(); this.setBall(); this.page = "play"; break; default: this.init(); this.level = 0; break; } }; Game.prototype.play = function() { this.displayScenePlay(); fill(this.textColor); textSize(18); text(this.levelInfo.story, width 0.5, 210); this.displayLevel(); this.displayHits(); this.displayCoins(); this.displayJuggles(); juggler.run(); this.runBalls(); if(keyPressed) { switch (keyCode) { case 39: //right arrow key case 68: //D key case 100: //d key if(juggler.leftHandDelay <= 0) { juggler.handPressed("left"); this.checkCollision("left"); //Left hand } break; case 37: //left arrow key case 65: //A key case 97: //a key // this.started = true; if(juggler.rightHandDelay <= 0) { juggler.handPressed("right"); this.checkCollision("right"); //Right hand } this.started = true; break; } keyCode = 0; } if(clicked === true) { if(mouseX > width/2) { if(juggler.leftHandDelay <= 0) { juggler.handPressed("left"); this.checkCollision("left"); //Left hand } } else { if(juggler.rightHandDelay <= 0) { juggler.handPressed("right"); this.checkCollision("right"); //Right hand } this.started = true; } } this.checkComplete(); this.checkGameOver(); if(this.started) { this.ballTimer++; if(this.ballTimer % this.ballDelay === 0 && this.levels[this.level].balls > this.balls.length) { var r = random(); this.addBall({ pos: new PVector(r < 0.5 ? -50 : width + 50, height0.7), thrust: new PVector(r < 0.5 ? 2.5 : -2.5, -9.5) }); //display extra balls from left or right (random) this.ballTimer = 0; this.ballDelay = floor(random(380, 420)); } } }; Game.prototype.addBall = function(config) { switch(this.currentBallIndex) { case 1: this.balls.push(new Plus({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 40 })); break; case 2: this.balls.push(new Star({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 20, h: 20 })); break; case 3: this.balls.push(new Flower({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 22, h: 22 })); break; case 4: this.balls.push(new Ladybug({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 35, h: 35 })); break; case 5: this.balls.push(new Penguin({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 40, h: 40 })); break; case 6: this.balls.push(new NinjaStar({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 50, h: 50 })); break; case 7: this.balls.push(new Gift({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 30, h: 30 })); break; case 8: this.balls.push(new Football({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 35, h: 45 })); break; case 9: this.balls.push(new EightBall({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 40, h: 40 })); break; case 10: this.balls.push(new Ring({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 35, h: 35 })); break; case 11: this.balls.push(new Knife({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 25, h: 45 })); break; case 12: this.balls.push(new Bomb({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 35, h: 35 })); break; case 13: this.balls.push(new Card({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 30, h: 40 })); break; case 14: this.balls.push(new Sun({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 40, h: 40 })); break; case 15: this.balls.push(new Fish({ pos: config.pos \|\| new PVector(juggler.rightHand.x, juggler.rightHand.y), gravity: new PVector(0, 0.15), thrust: config.thrust \|\| new PVector(1.75, -7.5), w: 40, h: 30 })); break; } }; Game.prototype.init = function() { this.balls = []; this.ballTimer = 0; keyCode = 0; this.currentBallIndex = floor(random(1, 16)); this.hits = 0; juggler = this.getJuggler(this.jugglerIndex); this.setGameLevel(); }; Game.prototype.setGameLevel = function () { //Get the current level object this.levelInfo = this.levels[this.level]; this.juggles = this.levelInfo.juggles; }; Game.prototype.buyJuggler = function() { this.coins-= 100; saveCode[2] = this.coins; saveCode[this.jugglerSelectedIndex+5] = true; this.jugglers[this.jugglerSelectedIndex].active = true; this.jugglerIndex = this.jugglerSelectedIndex; saveCode[4] = this.jugglerIndex; this.page = "store"; this.jugglersAllPurchased = true; for(var i = 5; i < 15; i++) { if(saveCode[i] === false) { this.jugglersAllPurchased = false; break; } } }; Game.prototype.getJuggler = function(index) { switch(this.jugglers[index].juggler) { case "Man": return new Man({}); case "Robot": return new Robot({}); case "Bear": return new Bear({}); case "Worker": return new Worker({}); case "Knight": return new Knight({}); case "Ninja": return new Ninja({}); case "Pig": return new Pig({}); case "Criminal": return new Criminal({}); case "Powerpuff": return new Powerpuff({}); case "Clown": return new Clown({}); default: return juggler; } }; Game.prototype.runDisabledButtons = function() { textAlign(CENTER, CENTER); this.drawDisabledButtons(width0.15, height0.25, 1); this.drawDisabledButtons(width0.385, height0.25, 2); this.drawDisabledButtons(width0.615, height0.25, 3); this.drawDisabledButtons(width0.85, height0.25, 4); this.drawDisabledButtons(width0.15, height0.4, 5); this.drawDisabledButtons(width0.385, height0.4, 6); this.drawDisabledButtons(width0.615, height0.4, 7); this.drawDisabledButtons(width0.85, height0.4, 8); this.drawDisabledButtons(width0.15, height0.55, 9); this.drawDisabledButtons(width0.385, height0.55, 10); this.drawDisabledButtons(width0.615, height0.55, 11); this.drawDisabledButtons(width0.85, height0.55, 12); this.drawDisabledButtons(width0.15, height0.7, 13); this.drawDisabledButtons(width0.385, height0.7, 14); this.drawDisabledButtons(width0.615, height0.7, 15); }; Game.prototype.drawDisabledButtons = function(x, y, n) { noStroke(); fill(10, 10, 10, 50); ellipse(x, y, 65, 65); fill(255, 255, 255, 200); text(n, x, y); }; Game.prototype.displayCoins = function() { pushStyle(); textAlign(RIGHT, TOP); textSize(20); fill(this.textColor); text(this.coins, width 0.90, 12); this.coin.run(); popStyle(); }; Game.prototype.displayHits = function() { this.ball.display(); pushStyle(); textAlign(LEFT, TOP); textSize(20); fill(this.textColor); text(this.totalJuggles, 40, 12); popStyle(); }; Game.prototype.displayDifficulty = function() { this.ball.display(); pushStyle(); textAlign(CENTER, TOP); textSize(20); fill(this.textColor); text(this.difficulty === 0 ? "Easy" : "Hard", width/2, 12); popStyle(); }; Game.prototype.displayLevel = function() { pushStyle(); textAlign(CENTER, TOP); textSize(20); fill(this.textColor); text("Level " + this.level, width * 0.5, 12); popStyle(); }; Game.prototype.displayScenePlay = function() { background(87, 153, 189); fill(119, 52, 59); rect(0, 530, width, 100); pushMatrix(); translate(0, -45); this.displayGround(color(119, 52, 59)); popMatrix(); //curtain fill(221, 60, 58); //right beginShape(); vertex(0, 0); vertex(width0.3, 0); bezierVertex(width0.27, height0.3, width0.17, height0.5, width0.07, height0.7); vertex(width0.12, height0.93); bezierVertex(width0.08, height0.94, 0, height0.93, 0, height0.93); vertex(0, 0); endShape(); fill(243, 85, 74); beginShape(); vertex(width0.2, 0); vertex(width0.3, 0); bezierVertex(width0.27, height0.3, width0.17, height0.5, width0.07, height0.7); vertex(width0.12, height0.93); bezierVertex(width0.09, height0.935, width0.08, height0.935, width0.07, height0.932); vertex(width0.03, height0.7); bezierVertex(width0.12, height0.5, width0.24, height0.3, width0.255, 0); vertex(width0.2, 0); endShape(); fill(221, 60, 58); //left beginShape(); vertex(width, 0); vertex(width0.7, 0); bezierVertex(width0.73, height0.3, width0.83, height0.5, width0.93, height0.7); vertex(width0.88, height0.93); bezierVertex(width0.92, height0.94, width, height0.93, width, height0.93); vertex(width, 0); endShape(); fill(243, 85, 74); beginShape(); vertex(width0.8, 0); vertex(width0.7, 0); bezierVertex(width0.73, height0.3, width0.83, height0.5, width0.93, height0.7); vertex(width0.88, height0.93); bezierVertex(width0.91, height0.935, width0.92, height0.935, width0.93, height0.932); vertex(width0.97, height0.7); bezierVertex(width0.88, height0.5, width0.76, height0.3, width0.745, 0); vertex(width0.8, 0); endShape(); //top of curtain fill(221, 60, 58); rect(0, 0, width, 50); for(var i = 0; i <= 10; i++) { fill(10, 10, 10, 20); ellipse(50i, 85, 50, 50); fill(243, 85, 74); ellipse(50i, 70, 50, 50); fill(255, 219, 78); ellipse(50i, 60, 50, 50); fill(221, 60, 58); ellipse(50i, 50, 50, 50); } //curtain ties fill(255, 250, 250); //right beginShape(); vertex(-10, height0.69); bezierVertex(width0.03, height0.7, width0.05, height0.7, width0.07, height0.7); vertex(width0.0745, height0.72); bezierVertex(width0.05, height0.72, width0.03, height0.72, -10, height0.71); vertex(-10, height0.69); endShape(); //left beginShape(); vertex(width+10, height0.69); bezierVertex(width0.97, height0.7, width0.95, height0.7, width0.93, height0.7); vertex(width0.9255, height0.72); bezierVertex(width0.95, height0.72, width0.97, height0.72, width+10, height0.71); vertex(width+10, height0.69); endShape(); noStroke(); }; Game.prototype.displaySceneMan = function() { noStroke(); switch(this.jugglerIndex) { case 0: //Man fill(10, 10, 10, 20); rect(width0.4, height0.3, width0.2, height0.5); break; case 1: //Robot fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 2: //Bear fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 3: //Worker fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 4: //Knight fill(10, 10, 10, 10); beginShape(); vertex(width0.3, height0.9); vertex(width0.3, height0.4); vertex(width0.35, height0.4); vertex(width0.35, height0.5); vertex(width0.4, height0.5); vertex(width0.4, height0.3); vertex(width0.6, height0.3); vertex(width0.6, height0.5); vertex(width0.65, height0.5); vertex(width0.65, height0.4); vertex(width0.7, height0.4); vertex(width0.7, height0.9); vertex(width0.3, height0.9); endShape(); break; case 5: //Ninja fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 6: //Pig fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 7: //Criminal fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 8: //Powerpuff fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; case 9: //Clown fill(232, 18, 232, 50); rect(width0.4, height0.3, width0.2, height0.5); break; } }; Game.prototype.displaySceneMenu = function() { background(16, 54, 94); this.displayGround(color(53, 115, 29)); }; Game.prototype.displaySceneStore = function() { background(87, 153, 189); fill(221, 60, 58); rect(0, 0, width, 50); for(var i = 0; i <= 10; i++) { fill(10, 10, 10, 20); ellipse(50i, 85, 50, 50); fill(243, 85, 74); ellipse(50i, 70, 50, 50); fill(255, 219, 78); ellipse(50i, 60, 50, 50); fill(221, 60, 58); ellipse(50i, 50, 50, 50); } noStroke(); fill(53, 115, 29); fill(119, 52, 59); rect(0, height0.68, width, height0.32); pushMatrix(); translate(0, -height0.32); this.displayGround(color(119, 52, 59)); popMatrix(); }; Game.prototype.displayGround = function(c) { noStroke(); fill(c); arc(width0.5, height, width * 1.2, 75, 181, 360); }; Game.prototype.homeScreen = function () { this.displayScenePlay(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); textSize(54); fill(this.headingColor); text("Juggler", width * 0.5, 105); popStyle(); this.displayHits(); this.displayCoins(); this.displayDifficulty(); if(frameCount % 75 === 0) { juggler.handPressed(frameCount % 150 === 0 ? "left" : "right"); } juggler.run(); //display pulsing arrow towards jugglers store if(this.coins >= 100 && this.jugglersAllPurchased === false) { noStroke(); fill(227, 227, 32); triangle(width0.32 + sin(frameCount9) * 2.5, height0.615, width0.37 + sin(frameCount9) 2.5, height0.595, width0.37 + sin(frameCount9) 2.5, height0.635); } this.levelsButton.draw(); this.howButton.draw(); this.storeButton.draw(); this.startButton.draw(); this.saveButton.draw(); this.difficultyButton.draw(); }; Game.prototype.howScreen = function () { this.displayScenePlay(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); text("How", width / 2, 8); popStyle(); fill(this.textColor); textSize(14); text("When the object reaches the hand\n(circles) you need to press:\nA or left arrow key for their right hand\n D or right arrow key for their left hand\n\nTiming is everything\n\nCompleting a level will award you stars that can\nbe used to purchase more jugglers from the store\n\nTo change jugglers go back into the store and\nscroll through until you find the one you want\n\nClick save to keep your progress\n(you will need to copy/paste the save code)\n\nYou can choose easy or hard mode\n\nYou can replay any level from the levels\nscreen if you've already completed it", width / 2, 120); this.backButton.draw(); }; Game.prototype.levelsScreen = function () { this.displayScenePlay(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); text("Levels", width / 2, 8); popStyle(); this.runDisabledButtons(); this.levelButtons[0].draw(); for(var i = 1; i < this.maxLevelPlayed; i++) { this.levelButtons[i].draw(); } this.backButton.draw(); }; Game.prototype.storeScreen = function () { this.displaySceneStore(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); text("Store", width / 2, 8); popStyle(); this.displayHits(); this.displayCoins(); var j = this.jugglers[this.jugglerSelectedIndex]; fill(this.textColor); textSize(22); text(j.juggler, width / 2, 120); textSize(18); text((this.jugglerSelectedIndex + 1) + "/" + this.jugglers.length, width / 2, 160); if(j.active) { this.jugglerIndex = this.jugglerSelectedIndex; } this.selectedJuggler = this.getJuggler(this.jugglerSelectedIndex); pushMatrix(); translate(0, -height0.3); this.selectedJuggler.run(); popMatrix(); if(j.active) { this.playfromStoreButton.draw(); } this.leftButton.draw(); this.rightButton.draw(); this.backButton.draw(); if(!j.active) { fill(50, 50, 50, 150); ellipse(width0.5, height0.52, width0.64, height0.4, 5); fill(200, 200, 200); textSize(22); text("Locked", width0.5, height0.65); pushStyle(); textAlign(RIGHT, TOP); textSize(20); fill(this.textColor); text("100", width * 0.52, 440); this.buyCoin.display(); popStyle(); if(this.coins >= 100) { this.buyButton.draw(); } } }; Game.prototype.nextScreen = function() { this.displayScenePlay(); if(frameCount % 75 === 0) { juggler.handPressed(frameCount % 150 === 0 ? "left" : "right"); } juggler.run(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); if(this.level === 1) { text("ARE YOU READY?", width / 2, height0.2); fill(this.textColor); textSize(18); text("Press Play to start", width / 2, 190); this.homeButton.draw(); this.playButton.draw(); } else if(this.level <= this.levels.length) { text("LEVEL COMPLETE", width / 2, height0.2); fill(this.textColor); textSize(18); text("Press Play to continue", width / 2, 190); this.homeButton.draw(); this.nextButton.draw(); } popStyle(); this.displayHits(); this.displayCoins(); }; Game.prototype.completeScreen = function () { this.displayScenePlay(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); text("GAME COMPLETE", width / 2, height0.2); popStyle(); fill(this.textColor); textSize(16); text("You are a juggling master\n\nMight be time to\njoin the circus", width / 2, 180); this.displayHits(); this.displayCoins(); if(frameCount % 75 === 0) { juggler.handPressed(frameCount % 150 === 0 ? "left" : "right"); } juggler.run(); this.completeBackButton.draw(); }; Game.prototype.gameOverScreen = function() { this.displayScenePlay(); textAlign(CENTER, TOP); pushStyle(); textFont(headingFont); fill(this.headingColor); textSize(40); text("OOPS", width / 2, height0.2); popStyle(); fill(this.textColor); textSize(24); text("Juggles: " + this.hits + "/" + this.levels[this.level].juggles, width*0.5, 180); this.displayHits(); this.displayCoins(); this.displayLevel(); if(frameCount % 75 === 0) { juggler.handPressed(frameCount % 150 === 0 ? "left" : "right"); } juggler.run(); this.homeButton.draw(); this.replayButton.draw(); }; Game.prototype.checkPaused = function() { if (keyPressed && keyCode === 80) { //P - Pause //if(this.page === "home" \|\| this.page === "paused") { this.paused = !this.paused; this.pausedScreen = get(); if(this.paused) { this.lastPage = this.page; this.page = "paused"; } else { this.page = this.lastPage; } //} keyCode = 0; } }; Game.prototype.pausedPage = function() { background(255, 255, 255); imageMode(CENTER); image(this.pausedScreen, width/2, height/2, this.paused ? 300 : width, height); }; Game.prototype.save = function() { println("COPY AND PASTE THE SAVE CODE BELOW TO LINE 32\n\nvar saveCode = [" + saveCode.join(", ") + "];"); }; } //Game game = new Game({}); game.init(); draw = function() { game.checkPaused(); switch(game.page) { case "paused": game.pausedPage(); break; case "home": case "save": game.homeScreen(); break; case "how": game.howScreen(); break; case "levels": game.levelsScreen(); break; case "store": game.storeScreen(); break; case "play": case "replay": game.play(); break; case "start": case "next": game.nextScreen(); break; case "gamecomplete": game.completeScreen(); break; case "gameover": game.gameOverScreen(); break; } //Mouse actions cursor(hover ? 'pointer' : 'default'); clicked = false; hover = false; };
Folds	34,43,45,58,61,77,79,369,372,411,414,460,462,482,484,515,517,552,554,628,630,721,723,763,765,819,821,869,871,899,901,929,931,968,970,1014,1016,1054,1056,1098,1100,1126,1131,1330,1332,1451,1453,1534,1536,1622,1624,1722,1724,1846,1848,1936,1938,2032,2034,2146,2148,2245,2247,2380,2384,3714,3722,3753
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL7Ixdj5CAw
Votes	312
Spin-Offs	24
Type	PJS
Width	400
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, 1739373588736
Updated	4 months ago, 1744844796078
Source Deleted	unknown