Viewing Program

Program Data

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

Title	Flappy Bird (Game)
ID	5014580741849088
Created	3 years ago, 1647260863703
Updated	3 years ago, 1647297538062
Code	/ Flappy Bird (Game) Gray Wolf, March 2022 Based of the original game Flappy Bird Over 6500 lines of code for flappy bird - crazy right :p This game has 15 birds, 9 trails (that follow the bird), 4 themes (including minecraft), and 27 achievements. Make sure you check out everything in the shop and try to get all the achievements (the last few are definitely challenging). To save your progress you'll firstly need to take a spin-off from this program, change the width/height to 600x600 in the Settings beneath your spin-off, Save, then Refresh your page. Once you have a spin-off, you can generate a Save Code that you paste on line 40. This will ensure you keep all your progress so you can continue playing from where you left off. Let me know what your favorite bird, trail and theme are :) Also let me know your highscore - I'll add the top 10 to this program. I spent a while trying to get some appropriate sounds, but unfortunately KA doesn't have many to choose from - hopefully they're ok. Any issues, please let me know and I'll try to resolve them asap. I have tested it thoroughly so hopefully all good. @Subscribe Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048 Direct link to my new sub thread here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048?qa_expand_key=ag5zfmtoYW4tYWNhZGVteXJpCxIIVXNlckRhdGEiRnVzZXJfaWRfa2V5X2h0dHA6Ly9pZC5raGFuYWNhZGVteS5vcmcvMWIwODJjZWUzY2UwNDAyN2IzMDhiYmZkNzJlYmYxYTQMCxIIRmVlZGJhY2sYgIDD_pKE0gkM / //default (blank) save code // var saveCode = "0\|0\|-14145496\|0\|Y\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|YNNNNNNNN\|YNNN\|0\|0\|0\|0\|N\|NNNNNNNNNNNNNNNNNNNNNNNNNNN"; var saveCode = "0\|0\|-14145496\|0\|Y\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|N\|0\|-14145496\|YNNNNNNNN\|YNNN\|0\|0\|0\|0\|N\|NNNNNNNNNNNNNNNNNNNNNNNNNNN"; textFont(createFont("Verdana")); smooth(); Object.constructor.prototype.new = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }; var game; var clicked = false, hover = false, keys = []; var Logo = (function() { var Logo = function(args) { this.scale = args.scale \|\| 1.0; this.x = args.x \|\| 600 * 0.5 * this.scale; this.y = args.y \|\| 600 * 0.4 * this.scale; this.colors = { back: color(84, 84, 84), outline: color(5, 5, 5), from: color(102, 99, 98), to: color(13, 13, 13), text: color(191, 191, 191) }; this.font = args.font \|\| createFont("Trebuchet MS"); this.gray = { words: "G R A Y W O L F", index: 0, timer: 0, delay: 2 }; this.prod = { opacity: 0, y: height * 1.2, }; this.img = undefined; this.imgs = []; this.splits = { left: undefined, right: undefined }; this.timer = 0; this.states = { a: { delay: 30, duration: 120, }, b: { delay: 30 }, c: { delay: 55 }, d: { delay: 45, x: 0 } }; this.state = "a"; this.done = false; this.complete = false; this.hover = false; this.init(); }; Logo.prototype = { init: function() { var gx = createGraphics(600, 600, P2D); gx.background(0, 0); gx.fill(255); //inner gx.beginShape(); gx.vertex(300, 137); gx.vertex(377, 150); gx.vertex(454, 118); gx.vertex(410, 213); gx.vertex(429, 202); gx.vertex(464, 279); gx.vertex(396, 361); gx.vertex(381, 316); gx.vertex(341, 399); gx.vertex(300, 443); gx.vertex(259, 399); gx.vertex(219, 316); gx.vertex(204, 361); gx.vertex(136, 279); gx.vertex(171, 202); gx.vertex(190, 213); gx.vertex(146, 118); gx.vertex(223, 150); gx.endShape(CLOSE); var shape = gx.get(115, 90, 370, 355); gx.noStroke(); for(var i = 90; i <= 445; i++) { gx.fill(gx.lerpColor(this.colors.to, this.colors.from, i/445)); gx.rect(115, i, 370, 1); } gx.stroke(150, 20); gx.strokeWeight(1); for(var i = 0; i < 200; i++) { gx.line(random(115, 485), random(90, 445), random(115, 485), random(90, 445)); } gx.filter(BLUR, 2.5); var grad = gx.get(115, 90, 370, 355); grad.mask(shape); gx.background(this.colors.back); gx.background(0, 0); gx.noStroke(); gx.fill(this.colors.outline); //outer gx.beginShape(); gx.vertex(300, 126); gx.vertex(376, 138); gx.vertex(480, 92); gx.vertex(437, 187); gx.vertex(482, 283); gx.vertex(396, 364); gx.vertex(383, 344); gx.vertex(354, 404); gx.vertex(300, 444); gx.vertex(246, 404); gx.vertex(217, 344); gx.vertex(204, 364); gx.vertex(118, 283); gx.vertex(163, 187); gx.vertex(120, 92); gx.vertex(224, 138); gx.endShape(CLOSE); gx.image(grad, 115, 90); fill(this.colors.outline); //nose gx.beginShape(); gx.vertex(300, 372); gx.vertex(323, 367); gx.vertex(320, 382); gx.vertex(300, 400); gx.vertex(280, 382); gx.vertex(277, 367); gx.endShape(CLOSE); //left eye gx.beginShape(); gx.vertex(324, 341); gx.vertex(320, 268); gx.vertex(428, 231); gx.vertex(378, 290); gx.vertex(358, 278); gx.vertex(372, 280); gx.vertex(390, 257); gx.vertex(334, 277); gx.endShape(CLOSE); //right eye gx.beginShape(); gx.vertex(276, 341); gx.vertex(280, 268); gx.vertex(172, 231); gx.vertex(222, 290); gx.vertex(244, 278); gx.vertex(228, 280); gx.vertex(210, 257); gx.vertex(266, 277); gx.endShape(CLOSE); this.img = gx.get(115, 90, 370, 355); //generate pieces of image for(var i = 0; i < 10; i++) { for(var j = 0; j < 10; j++) { this.imgs.push({ img: gx.get(115 + 37 * i, 90 + 35.5 * j, 37, 35.5), w: 37, h: 35.5, dx: 115 + 37 * i + 18.5, dy: 90 + 35.5 * j + 17.75, x: random(-width, width * 2), y: random(-height, height * 2), angle: ~~random(3600) }); } } }, draw: function() { if(!this.complete) { pushMatrix(); scale(this.scale); pushStyle(); switch(this.state) { case "a": background(this.colors.back); if(this.timer++ >= this.states.a.delay) { for(var i = 0; i < this.imgs.length; i++) { var item = this.imgs[i]; item.x = lerp(item.x, item.dx, 0.1); item.y = lerp(item.y, item.dy, 0.1); item.angle = lerp(item.angle, 0, 0.1); imageMode(CENTER); pushMatrix(); translate(item.x, item.y - 28); rotate(item.angle); image(item.img, 0, 0, item.w, item.h); popMatrix(); } if(this.timer >= this.states.a.duration) { this.state = "b"; this.timer = 0; } } break; case "b": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); if(this.timer++ >= this.states.b.delay) { textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); if(this.gray.index < this.gray.words.length && this.gray.timer++ >= this.gray.delay) { this.gray.index++; this.gray.timer = 0; } text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); this.prod.opacity = constrain(this.prod.opacity + 7, 0, 255); this.prod.y = ~~lerp(this.prod.y, this.y * 2.1, 0.030); textSize(30); fill(this.colors.text, this.prod.opacity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); } if(this.gray.index === this.gray.words.length) { this.state = "c"; this.timer = 0; } break; case "c": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); if(this.timer++ >= this.states.c.delay) { this.prod.opacity = constrain(this.prod.opacity - 5, 0, 255); } textSize(30); fill(this.colors.text, this.prod.opacity); this.prod.y = constrain(~~lerp(this.prod.y, this.y * 2.1, 0.035), 530 * this.scale, Infinity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); if(this.prod.opacity === 0) { //get split image for next state this.splits.left = get(0, 0, width / 2, height); this.splits.right = get(width / 2, 0, width / 2, height); this.state = "d"; this.timer = 0; } break; case "d": scale(1 / this.scale); imageMode(CORNER); if(this.timer++ >= this.states.d.delay) { this.states.d.x = constrain(this.states.d.x + 7, 0, width / 2); } image(this.splits.left, -this.states.d.x, 0); image(this.splits.right, width / 2 + this.states.d.x, 0); if(this.states.d.x >= width / 2) { this.completed = true; } if(this.timer === this.states.d.delay) { this.done = true; } break; } popStyle(); popMatrix(); } } }; return Logo; })(); var Button = (function() { var Button = function(args) { this.x = args.x; this.y = args.y; this.size = args.size \|\| 80; this.content = args.content; this.textSize = args.textSize \|\| this.w * 0.18; this.enabled = true; this.hover = false; this.selected = args.selected \|\| false; this.func = args.func; this.backColor = args.backColor \|\| color(250); this.textColor = args.textColor \|\| color(71, 71, 71); this.textColorBase = this.textColor; this.textColorDisabled = color(158, 156, 158); this.textColorHover = args.textColorHover \|\| color(247, 57, 82); this.questionFont = createFont("Arial Black"); }; Button.prototype = { over: function() { return (mouseX > this.x && mouseX < this.x + this.size && mouseY > this.y && mouseY < this.y + this.size); }, draw: function() { noStroke(); this.hover = this.over(); if(this.enabled && this.hover) { hover = true; } fill(game.themes[game.theme.index].colors.buttonBack, this.selected ? 100 : this.enabled && this.hover ? 150 : 220); rect(this.x, this.y, this.size, this.size); this.textColor = this.enabled === false ? this.textColorDisabled : this.hover ? game.themes[game.theme.index].colors.buttonTextHover : game.themes[game.theme.index].colors.buttonText; pushMatrix(); translate(this.x + this.size / 2, this.y + this.size / 2); switch(this.content) { case "Play": fill(this.textColor); triangle(this.size * 0.30, 0, -this.size * 0.20, -this.size * 0.30, -this.size * 0.20, this.size * 0.30); break; case "How": pushStyle(); fill(this.textColor); textFont(this.questionFont); textAlign(CENTER, CENTER); textSize(this.size * 0.75); text("?", 0, 0); popStyle(); break; case "Sound": pushStyle(); noStroke(); fill(this.textColor); triangle(0, -this.size * 0.3, 0, this.size * 0.3, -this.size * 0.3, 0); rect(-this.size * 0.3, -this.size * 0.1, this.size * 0.3, this.size * 0.2); if(game.sound) { noFill(); stroke(this.textColor); strokeWeight(this.size/20); arc(this.size * 0.1, 0, this.size * 0.2, this.size * 0.2, -91, 90); arc(this.size * 0.1, 0, this.size * 0.4, this.size * 0.4, -81, 80); } else { noFill(); stroke(this.textColor); strokeWeight(this.size/20); line(this.size * 0.1, -this.size * 0.1, this.size * 0.25, this.size * 0.1); line(this.size * 0.1, this.size * 0.1, this.size * 0.25, -this.size * 0.1); } popStyle(); break; case "Scoreboard": pushStyle(); noStroke(); fill(this.textColor); rect(-this.size * 0.35, -this.size * 0.1, this.size * 0.2, this.size * 0.5); rect(-this.size * 0.1, -this.size * 0.35, this.size * 0.2, this.size * 0.75); rect( this.size * 0.15, -this.size * 0.2, this.size * 0.2, this.size * 0.6); popStyle(); break; case "Themes": pushStyle(); noFill(); stroke(this.textColor); rect(-this.size * 0.34, -this.size * 0.3, this.size * 0.67, this.size * 0.6); noStroke(); fill(this.textColor); rect(-this.size * 0.35, this.size * 0.15, this.size * 0.7, this.size * 0.15); beginShape(); vertex(-this.size * 0.3, this.size * 0.15); vertex(-this.size * 0.2, this.size * 0.05); vertex(-this.size * 0.1, this.size * 0.15); vertex(-this.size * 0.0, this.size * 0.01); vertex( this.size * 0.07, this.size * 0.15); vertex( this.size * 0.12, this.size * 0.03); vertex( this.size * 0.17, this.size * 0.15); vertex( this.size * 0.24, this.size * 0.05); vertex( this.size * 0.33, this.size * 0.15); endShape(CLOSE); popStyle(); break; case "Trails": pushStyle(); rectMode(CENTER); noStroke(); fill(this.textColor); pushMatrix(); translate(this.size * 0.25, -this.size * 0.15); rotate(10); rect(0, 0, this.size * 0.20, this.size * 0.20); popMatrix(); pushMatrix(); translate(-this.size * 0.02, -this.size * 0.05); rotate(-10); rect(0, 0, this.size * 0.18, this.size * 0.18); popMatrix(); pushMatrix(); translate(-this.size * 0.20, this.size * 0.15); rotate(-30); rect(0, 0, this.size * 0.15, this.size * 0.15); popMatrix(); popStyle(); break; case "Birds": pushStyle(); noStroke(); fill(this.textColor); rect(-this.size * 0.25, -this.size * 0.28, this.size * 0.52, this.size * 0.57); //beak triangle(this.size * 0.40, 0, this.size * 0.25, -this.size * 0.12, this.size * 0.25, this.size * 0.12); //tail triangle(-this.size * 0.20, 0, -this.size * 0.35, -this.size * 0.15, -this.size * 0.35, this.size * 0.15); fill(255, 100); //eye ellipse(this.size * 0.14, -this.size * 0.08, this.size * 0.10, this.size * 0.10); //wing arc(-this.size * 0.1, this.size * 0.05, this.size * 0.35, this.size * 0.4, 0, 180); popStyle(); break; case "Achievements": pushStyle(); noStroke(); fill(this.textColor); arc(0, -this.size * 0.30, this.size * 0.55, this.size * 0.6, 0, 180); rect(-this.size * 0.05, -this.size * 0.15, this.size * 0.1, this.size * 0.50); arc(0, this.size * 0.37, this.size * 0.40, this.size * 0.25, 180, 360); noFill(); stroke(this.textColor); strokeWeight(this.size * 0.05); arc(-this.size * 0.19, -this.size * 0.19, this.size * 0.25, this.size * 0.15, 90, 270); arc( this.size * 0.19, -this.size * 0.19, this.size * 0.25, this.size * 0.15, -90, 90); strokeWeight(1); popStyle(); break; case "Shop": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(this.size * 0.05); beginShape(); vertex(-this.size * 0.27, -this.size * 0.21); vertex(this.size * 0.33, -this.size * 0.21); vertex(this.size * 0.25, this.size * 0.1); vertex(-this.size * 0.18, this.size * 0.1); endShape(CLOSE); line(-this.size * 0.30, -this.size * 0.30, -this.size * 0.38, -this.size * 0.30); line(-this.size * 0.30, -this.size * 0.30, -this.size * 0.16, this.size * 0.17); line(-this.size * 0.16, this.size * 0.17, this.size * 0.23, this.size * 0.17); ellipse(-this.size * 0.07, this.size * 0.25, this.size * 0.1, this.size * 0.1); ellipse(this.size * 0.15, this.size * 0.25, this.size * 0.1, this.size * 0.1); strokeWeight(1); fill(this.textColor); textSize(this.size * 0.2); textAlign(CENTER, CENTER); text("$", this.size * 0.02, -this.size * 0.07); popStyle(); break; case "Back": case "Home": pushStyle(); fill(this.textColor); beginShape(); vertex( this.size * 0.33, -this.size * 0.1); //1 vertex( this.size * 0.25, -this.size * 0.1); //1 vertex( this.size * 0.25, this.size * 0.30); //2 vertex( this.size * 0.07, this.size * 0.30); //3 vertex( this.size * 0.07, this.size * 0.12); //4 vertex(-this.size * 0.07, this.size * 0.12); //5 vertex(-this.size * 0.07, this.size * 0.30); //6 vertex(-this.size * 0.25, this.size * 0.30); //7 vertex(-this.size * 0.25, -this.size * 0.1); //8 vertex(-this.size * 0.32, -this.size * 0.1); //8 vertex(0, -this.size * 0.33); //9 vertex( this.size * 0.33, -this.size * 0.1); //10 endShape(); noFill(); stroke(this.textColor); strokeWeight(this.size0.05); line(this.x-this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.27, this.y-this.size0.05, this.x, this.y-this.size0.27); line(this.x+this.size0.15, this.y-this.size0.19, this.x+this.size0.15, this.y-this.size0.25); popStyle(); break; case "Replay": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(this.size 0.08); pushMatrix(); rotate(sin(frameCount * 5) * 20); arc(0, 0, this.size * 0.6, this.size * 0.6, 1, 275); noStroke(); fill(this.textColor); translate(this.size * 0.30, -this.size * 0.18); rotate(-70); triangle(0, -this.size * 0.1, -this.size * 0.14, -this.size * 0.3, this.size * 0.14, -this.size * 0.3); popMatrix(); strokeWeight(1); popStyle(); break; case "Save": pushStyle(); noFill(); strokeWeight(2); stroke(this.textColor); //outer beginShape(); vertex(-this.size0.26, -this.size0.25); vertex(this.size0.17, -this.size0.25); vertex(this.size0.26, -this.size0.15); vertex(this.size0.26, +this.size0.25); vertex(-this.size0.26, +this.size0.25); vertex(-this.size0.26, -this.size0.25); endShape(); noStroke(); fill(this.textColor); //inner rect(-this.size0.15, -this.size0.26, this.size0.27, this.size0.18, 2); rect(-this.size0.18, 0, this.size0.36, this.size0.26, 2); fill(this.textColor); rect(-this.size0.02, -this.size0.23, this.size0.07, this.size0.14); noFill(); stroke(255, 150); strokeWeight(1); //lines line(-this.size0.12, this.size0.07, this.size0.11, this.size0.07); line(-this.size0.12, this.size0.14, this.size0.11, this.size0.14); line(-this.size0.12, this.size0.20, this.size0.11, this.size0.20); if(this.hover) { textAlign(CENTER, BOTTOM); textSize(16); text("SAVE", 0, -this.size 0.5); } popStyle(); break; default: pushStyle(); fill(this.textColor); textSize(this.size * 0.7); textAlign(CENTER, CENTER); text(this.content, 0, 0); popStyle(); } popMatrix(); if(this.enabled && clicked && this.hover) { this.func(); } } }; return Button; })(); var ColorPicker = (function() { var ColorPicker = function(args) { this.x = args.x \|\| 0; this.y = args.y \|\| 0; this.size = args.size \|\|100; this.backColor = args.backColor \|\| color(95); this.value = args.value \|\| color(0, 0, 0); this.hue = { value: 0, y: 0 }; this.point = { x: 0, y: 0 }; this.updateValue = false; this.setColor(this.value); this.pickerImage = this.getImage(); }; ColorPicker.prototype = { RGBToHSB: function(r, g, b) { r /= 255; g /= 255; b /= 255; var v = Math.max(r, g, b), n = v - Math.min(r, g, b); var h = n === 0 ? 0 : n && v === r ? (g - b) / n : v === g ? 2 + (b - r) / n : 4 + (r - g) / n; return { hue: 42.5 * (h < 0 ? h + 6 : h), //0-255 saturation: v && (n / v) * 100, brightness: v * 100 }; }, setColor: function(clr) { this.value = clr; this.hsb = this.RGBToHSB(red(this.value), green(this.value), blue(this.value)); this.hue.value = this.hsb.hue; this.hue.y = map(this.hue.value, 255, 0, -this.size * 0.05, this.size * 0.85); this.point.x = map(this.hsb.saturation, 0, 100, 0, this.size * 0.9); this.point.y = map(this.hsb.brightness, 100, 0, 0, this.size * 0.9); this.pickerImage = this.getImage(); }, change: function() { return clicked && mouseX > this.x + this.size * 0.05 && mouseX < this.x + this.size * 1.05 && mouseY > this.y + this.size * 0.05 && mouseY < this.y + this.size * 0.95; }, over: function() { return mouseX > this.x + this.size * 0.05 && mouseX < this.x + this.size * 0.95 && mouseY > this.y + this.size * 0.05 && mouseY < this.y + this.size * 0.95; }, getImage: function() { var gtx = createGraphics(600, 600, P2D); gtx.pushMatrix(); gtx.translate(this.x, this.y); gtx.pushStyle(); //picker frame gtx.noStroke(); gtx.fill(this.backColor); gtx.rect(0, 0, this.size * 1.1, this.size); //change color mode to HSB gtx.colorMode(HSB); //hue picker for(var i = 0; i < this.size * 0.9; i++) { gtx.fill(map(i, 0, this.size * 0.9, 255, 0), 255, 255); gtx.rect( this.size * 0.95, this.size * 0.05 + i, this.size * 0.1, 1); } //picker //color saturation for(var i = 0; i < this.size * 0.9; i++) { gtx.fill(this.hue.value, 255 - map(i, 0, this.size * 0.9, 0, 255), 255); gtx.rect( this.size * 0.05, this.size * 0.05, this.size * 0.9 - i, this.size * 0.9); } //brightness for(var i = 0; i < this.size * 0.9; i++) { gtx.fill(0, 0, 0, map(i, 0, this.size * 0.9, 0, 255)); gtx.rect( this.size * 0.05, this.size * 0.05 + i, this.size * 0.9, 1); } //change color mode back to RGB gtx.colorMode(RGB); gtx.popStyle(); gtx.popMatrix(); return gtx.get(this.x, this.y, this.size * 1.1, this.size); }, draw: function() { pushMatrix(); translate(this.x, this.y); image(this.pickerImage, 0, 0); //update the value (color) that is selected if(clicked && this.over()) { this.value = get(this.x + this.size * 0.05 + this.point.x, this.y + this.size * 0.05 + this.point.y); } if(this.updateValue === true) { this.updateValue = false; this.value = get(this.x + this.size * 0.05 + this.point.x, this.y + this.size * 0.05 + this.point.y); } pushStyle(); //hue pointer fill(200); noStroke(); triangle( this.size * 1.05, this.size * 0.1 + this.hue.y, this.size * 1.08, this.size * 0.08 + this.hue.y, this.size * 1.08, this.size * 0.12 + this.hue.y); //selection circle stroke(255); fill(this.value); ellipse(this.size * 0.05 + this.point.x, this.size * 0.05 + this.point.y, this.size * 0.05, this.size * 0.05); popStyle(); popMatrix(); }, select: function() { if(clicked) { //hue selector if( mouseX > this.x + this.size * 0.95 && mouseX < this.x + this.size * 1.05 && mouseY > this.y + this.size * 0.05 && mouseY < this.y + this.size * 0.95) { //set hue this.hue.value = map(mouseY - (this.y + this.size * 0.05), 0, this.size * 0.95, 255, 0); //update hue arrow position this.hue.y = mouseY - (this.y + this.size * 0.1); this.pickerImage = this.getImage(); //update color value this.updateValue = true; } //color selector else if(this.over()) { //update selection circle this.point.y = mouseY - (this.y + this.size * 0.05); this.point.x = mouseX - (this.x + this.size * 0.05); } } }, run: function() { this.select(); this.draw(); } }; return ColorPicker; })(); var Transition = (function() { var Transition = function(args) { this.h = 0; this.vy = 15; this.color = args.color \|\| color(0); this.active = false; this.page = "home"; }; Transition.prototype = { reset: function() { this.h = 0; this.vy = 15; }, draw: function() { if(this.active) { pushStyle(); noStroke(); fill(this.color); fill(game.themes[game.theme.index].colors.transition); rect(-20, -20, width + 40, this.h); rect(-20, height-this.h, width + 40, this.h + 20); popStyle(); } }, update: function() { if(this.active) { this.h+= this.vy; //if halfway across the screen then change the scene if(this.h >= 300) { game.page = this.page; this.vy= -1; } //else if it's completely off the screen reset it and set to inactive else if(this.h < 0) { this.reset(); this.active = false; } } }, run: function() { this.draw(); this.update(); } }; return Transition; })(); var Theme = (function() { var Theme = function(args) { this.index = args.index \|\| 0; this.timer = args.timer \|\| 0; this.coords = { one: { x1: 0, x2: width, vx: 0.2 }, two: { x1: 0, x2: width, vx: 0.5 }, three: { x1: 0, x2: width, vx: 0.8 }, four: { x1: 0, x2: width, vx: 0.8 } }; this.move = args.move \|\| true; this.snow = { back: [], middle: [], front: [] }; this.init(); }; Theme.prototype = { init: function() { //add snow for(var i = 0; i < 10; i++) { this.snow.back.push({ x: random(600), y: random(400), diameter: random(2, 3), vy: random(0.2, 0.3), color: color(250, 247, 250) }); this.snow.middle.push({ x: random(600), y: random(500), diameter: random(3, 5), vy: random(0.5, 0.7), color: color(245, 245, 245) }); this.snow.front.push({ x: random(600), y: random(600), diameter: random(5, 8), vy: random(0.8, 1.0), color: color(240, 237, 240) }); } }, runSnow: function(arr) { noStroke(); for(var i = 0; i < arr.length; i++) { var flake = arr[i]; fill(flake.color); ellipse(flake.x, flake.y, flake.diameter, flake.diameter); flake.x-= (game.state === "play" && game.player.active) ? game.speed.value : 0; flake.y+= flake.vy; if(flake.x + flake.diameter < 0) { flake.x = 600 + flake.diameter; } if(flake.y + flake.diameter > 600) { flake.x = random(600); flake.y = -flake.diameter; } } }, draw: function() { switch(this.index) { case 0: //classic background(133, 222, 221); //classic_clouds_1 image(game.images.classic_clouds_1, this.coords.one.x1, 390); image(game.images.classic_clouds_1, this.coords.one.x2, 390); image(game.images.classic_buildings, this.coords.two.x1, 450); image(game.images.classic_buildings, this.coords.two.x2, 450); image(game.images.classic_hills_1, this.coords.three.x1, 505); image(game.images.classic_hills_1, this.coords.three.x2, 505); break; case 1: //alps background(191, 217, 219); image(game.images.alps_hills_1, this.coords.one.x1, 100); image(game.images.alps_hills_1, this.coords.one.x2, 100); image(game.images.alps_hills_2, this.coords.two.x1, 200); image(game.images.alps_hills_2, this.coords.two.x2, 200); this.runSnow(this.snow.middle); image(game.images.alps_hills_3, this.coords.three.x1, 380); image(game.images.alps_hills_3, this.coords.three.x2, 380); this.runSnow(this.snow.front); break; case 2: //radioactive background(67, 72, 82); image(game.images.radioactive_hills_3, this.coords.one.x1, 110); image(game.images.radioactive_hills_3, this.coords.one.x2, 110); image(game.images.radioactive_hills_2, this.coords.two.x1, 412); image(game.images.radioactive_hills_2, this.coords.two.x2, 412); image(game.images.radioactive_hills_1, this.coords.three.x1, 482); image(game.images.radioactive_hills_1, this.coords.three.x2, 482); break; case 3: //minecraft background(142, 214, 222); image(game.images.mine_tree_1, this.coords.two.x1 + 60, 200, game.images.mine_tree_1.width 0.6, game.images.mine_tree_1.height * 0.6); image(game.images.mine_tree_2, this.coords.two.x2 + 390, 190, game.images.mine_tree_2.width * 0.5, game.images.mine_tree_2.height * 0.5); image(game.images.mine_tree_1, this.coords.two.x2 + 60, 220, game.images.mine_tree_1.width * 0.5, game.images.mine_tree_1.height * 0.5); image(game.images.mine_hill_1, this.coords.two.x1, 320); image(game.images.mine_hill_1, this.coords.two.x2, 320); image(game.images.mine_tree_1, this.coords.three.x1 + 60, 300, game.images.mine_tree_1.width * 0.5, game.images.mine_tree_1.height * 0.5); image(game.images.mine_tree_2, this.coords.three.x2 + 170, 360, game.images.mine_tree_2.width * 0.4, game.images.mine_tree_2.height * 0.4); image(game.images.mine_hill_2, this.coords.three.x1, 410); image(game.images.mine_hill_2, this.coords.three.x2, 420); break; } }, update: function() { if(this.move) { for(var key in this.coords) { this.coords[key].x1-= this.coords[key].vx; this.coords[key].x2-= this.coords[key].vx; if(this.coords[key].x1 <= -width) { this.coords[key].x1+= width * 2; } if(this.coords[key].x2 <= -width) { this.coords[key].x2+= width * 2; } } } }, run: function() { this.draw(); this.update(); } }; return Theme; })(); var Player = (function() { var Player = function(args) { this.x = args.x \|\| 100; this.y = args.y \|\| 300; this.w = args.w \|\| 40; this.h = args.h \|\| 40; this.angle = 0; this.wing = { angle: 0 }; this.tail = { angle: 0 }; this.timer = 0; this.trail = args.trail \|\| { shape: 0, color: color(40) }; this.trails = []; this.spawn = { x: this.x, y: this.y }; this.vx = args.vx \|\| 0; this.vy = args.vy \|\| 0; this.gravity = args.gravity \|\| this.h / 75; this.lift = args.lift \|\| -this.h * 0.15; this.canFly = true; this.hit = false; this.crashed = false; this.active = false; this.colors = { trails: [ { color: color(97, 97, 97) }, { color: color(245, 24, 61) }, { color: color(45, 143, 173) } ], birds: [ { body: color(117, 198, 235), tail: color(97, 174, 207), wing: color(97, 174, 207), beak: color(232, 222, 186), trail: color(24, 91, 122) }, //Bluey { body: color(242, 242, 242), tail: color(61, 61, 61), wing: color(210, 210, 210), beak: color(242, 176, 106), trail: color(82, 82, 82) }, //Gully { body: color(148, 148, 148), tail: color(61, 61, 61), wing: color(99, 99, 99), beak: color(232, 222, 186), trail: color(82, 82, 82) }, //Gray { body: color(247, 207, 49), tail: color(61, 61, 61), wing: color(227, 160, 59), beak: color(95, 95, 95), trail: color(82, 82, 82) }, //Goldy { body: color(195, 156, 107), tail: color(176, 136, 88), wing: color(219, 182, 136), beak: color(232, 222, 186), trail: color(82, 82, 82) }, //Sandy { body: color(242, 242, 242), tail: color(61, 61, 61), wing: color(210, 210, 210), beak: color(150, 123, 102), trail: color(82, 82, 82) }, //Styles { body: color(169, 222, 64), tail: color(61, 61, 61), wing: color(195, 242, 102), beak: color(242, 176, 106), trail: color(82, 82, 82) }, //Greens { body: color(255, 147, 200), tail: color(154, 204, 50), tail2: color(51, 102, 0), wing: color(245, 117, 181), beak: color(242, 176, 106), trail: color(82, 82, 82) }, //Pinky { body: color(195, 156, 107), tail: color(176, 136, 88), wing: color(219, 182, 136), beak: color(232, 222, 186), trail: color(82, 82, 82) }, //Eagle { body: color(200, 177, 157), tail: color(61, 61, 61), wing: color(148, 122, 100), beak: color(148, 122, 100), trail: color(82, 82, 82) }, //Batty { body: color(230, 210, 190), hat: color(247, 87, 84), tail: color(61, 61, 61), wing: color(217, 191, 165), beak: color(242, 176, 106), trail: color(82, 82, 82) }, //Hatty { body: color(244, 157, 177), ear: color(230, 133, 156), tail: color(61, 61, 61), wing: color(250, 250, 250), beak: color(99, 99, 99), trail: color(82, 82, 82) }, //Piglet { body: color(253, 174, 75), strap: color(90, 90, 90), earpiece: color(140, 105, 70), tail: color(221, 124, 55), wing: color(221, 124, 55), beak: color(254, 237, 145), trail: color(82, 82, 82) }, //Beats { body: color(77, 77, 77), tail: color(61, 61, 61), wing: color(64, 63, 64), beak: color(148, 122, 100), trail: color(82, 82, 82) }, //Midnight { body: color(247, 87, 84), tail: color(61, 61, 61), wing: color(245, 115, 112), beak: color(242, 176, 106), trail: color(82, 82, 82) } //Red ] }; this.bird = args.bird \|\| 0; }; Player.prototype = { update: function() { this.angle = constrain(this.angle + this.vy, -5, 5); this.wing.angle = constrain(this.angle + this.vy * 5, -145, 15); this.tail.angle = constrain(this.angle + this.vy * 5, -25, 25); if(this.active && this.timer++ % 5 === 0) { this.trails.push({ x: this.x + this.w * 0.2, y: this.y + this.h * 0.5, vx: game.speed.value, diameter: this.w * 0.25, opacity: 255, color: this.trail.color, angle: ~~random(360), rot: 5 }); } }, drawStar: function(x, y, extRadius) { var tau = 360; var interior = extRadius * sin(1/20 * tau) / sin(7/20 * tau); pushMatrix(); translate(x, y); rotate(-tau/4); beginShape(); for(var theta = 0; theta < tau; theta += tau / (2 * 5)) { var radius = (radius === extRadius) ? interior : extRadius; vertex(radius * cos(theta), radius * sin(theta)); } endShape(CLOSE); popMatrix(); }, drawbirdBluey: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); triangle( -this.w * 0.3, 0, -this.w * 0.7, -this.h * 0.2, -this.w * 0.7, this.h * 0.2); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); //eye if(this.hit \|\| this.crashed) { noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.17, -this.h * 0.16, this.w * 0.32, this.h * 0.02); line(this.w * 0.17, this.h * 0.02, this.w * 0.32, -this.h * 0.16); } else { fill(61, 61, 61); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.2, this.w * 0.2); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.3, this.w * 0.9, 0, this.w / 2, this.h * 0.3); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdGoldy: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.2, -this.w * 0.9, -this.h * 0.2, -this.w * 1.0, 0); bezierVertex(-this.w * 0.9, -this.h * 0.07, -this.w * 0.6, -this.h * 0.07, -this.w * 0.4, 0); endShape(); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.10, -this.w * 0.7, -this.h * 0.10, -this.w * 0.9, this.h * 0.25); bezierVertex(-this.w * 0.7, this.h * 0.10, -this.w * 0.6, this.h * 0.05, -this.w * 0.4, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 0.65, this.h * 0.6, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.4, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdGully: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); triangle( -this.w * 0.3, 0, -this.w * 0.7, -this.h * 0.2, -this.w * 0.7, this.h * 0.2); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); //eye if(this.hit \|\| this.crashed) { noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.17, -this.h * 0.16, this.w * 0.32, this.h * 0.02); line(this.w * 0.17, this.h * 0.02, this.w * 0.32, -this.h * 0.16); } else { fill(61, 61, 61); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.2, this.w * 0.2); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.3, this.w * 0.9, 0, this.w / 2, this.h * 0.3); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdStyles: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.80, this.h * 0.10); vertex(-this.w * 0.75, this.h * 0.20); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); //eye if(this.hit \|\| this.crashed) { noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.17, -this.h * 0.16, this.w * 0.32, this.h * 0.02); line(this.w * 0.17, this.h * 0.02, this.w * 0.32, -this.h * 0.16); } else { fill(61, 61, 61); arc(this.w * 0.27, -this.h * 0.2, this.w * 0.4, this.h * 0.47, 0, 180); fill(240, 240, 240); arc(this.w * 0.27, -this.h * 0.18, this.w * 0.30, this.h * 0.40, 0, 180); fill(61, 61, 61); arc(this.w * 0.30, -this.h * 0.18, this.w * 0.30, this.h * 0.28, 0, 180); } //hair noStroke(); fill(birdColors.tail); ellipse(-this.w * 0.02, -this.h * 0.45, this.w * 0.25, this.h * 0.25); ellipse(this.w * 0.20, -this.h * 0.45, this.w * 0.37, this.h * 0.37); ellipse(this.w * 0.4, -this.h * 0.45, this.w * 0.3, this.h * 0.3); //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 1.0, this.h * 0.4, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.30, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdGray: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.2, -this.w * 0.9, -this.h * 0.2, -this.w * 1.0, 0); bezierVertex(-this.w * 0.9, -this.h * 0.07, -this.w * 0.6, -this.h * 0.07, -this.w * 0.4, 0); endShape(); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.10, -this.w * 0.7, -this.h * 0.10, -this.w * 0.9, this.h * 0.25); bezierVertex(-this.w * 0.7, this.h * 0.10, -this.w * 0.6, this.h * 0.05, -this.w * 0.4, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); arc(0, this.h * 0.5, this.w, this.h * 0.3, 180, 360); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 0.65, this.h * 0.6, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.4, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdSandy: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.2, -this.w * 0.9, -this.h * 0.2, -this.w * 1.0, 0); bezierVertex(-this.w * 0.9, -this.h * 0.07, -this.w * 0.6, -this.h * 0.07, -this.w * 0.4, 0); endShape(); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.10, -this.w * 0.7, -this.h * 0.10, -this.w * 0.9, this.h * 0.25); bezierVertex(-this.w * 0.7, this.h * 0.10, -this.w * 0.6, this.h * 0.05, -this.w * 0.4, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); arc(0, this.h * 0.5, this.w, this.h * 0.3, 180, 360); //spots fill(birdColors.beak, 100); ellipse(-this.w * 0.3, -this.h * 0.3, this.w * 0.10, this.w * 0.10); ellipse(-this.w * 0.18, -this.h * 0.2, this.w * 0.10, this.w * 0.10); ellipse(-this.w * 0.34, -this.h * 0.12, this.w * 0.10, this.w * 0.10); ellipse(-this.w * 0.22, -this.h * 0.05, this.w * 0.10, this.w * 0.10); ellipse(-this.w * 0.10, -this.h * 0.33, this.w * 0.10, this.w * 0.10); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 0.65, this.h * 0.6, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.4, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdEagle: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.2, -this.w * 0.9, -this.h * 0.2, -this.w * 1.0, 0); bezierVertex(-this.w * 0.9, -this.h * 0.07, -this.w * 0.6, -this.h * 0.07, -this.w * 0.4, 0); endShape(); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.10, -this.w * 0.7, -this.h * 0.10, -this.w * 0.9, this.h * 0.25); bezierVertex(-this.w * 0.7, this.h * 0.10, -this.w * 0.6, this.h * 0.05, -this.w * 0.4, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); beginShape(); vertex(this.w * 0.5, -this.h * 0.5); vertex(this.w * 0.4, -this.h * 0.5); vertex(this.w * 0.1, -this.h * 0.7); vertex(this.w * 0.11, -this.h * 0.55); vertex(-this.w * 0.20, -this.h * 0.7); vertex(this.w * -0.10, -this.h * 0.5); vertex(this.w * 0.15, -this.h * 0.3); vertex(this.w * -0.05, -this.h * 0.1); vertex(this.w * 0.15, this.h * 0.1); vertex(this.w * -0.00, this.h * 0.3); vertex(this.w * 0.15, this.h * 0.5); vertex(this.w * 0.5, this.h * 0.5); endShape(CLOSE); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(60, 60, 60); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.3, this.w * 0.3); fill(250, 240); ellipse(this.w * 0.30, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.3, this.w * 0.9, 0, this.w / 2, this.h * 0.3); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdGreens: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.80, this.h * 0.10); vertex(-this.w * 0.75, this.h * 0.20); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //hair noStroke(); fill(birdColors.tail); beginShape(); vertex(this.w * 0.4, -this.h * 0.5); bezierVertex( this.w * 0.40, -this.h * 0.55, this.w * 0.40, -this.h * 0.65, this.w * 0.25, -this.h * 0.7); bezierVertex( this.w * 0.32, -this.h * 0.65, this.w * 0.32, -this.h * 0.50, this.w * 0.30, -this.h * 0.55); bezierVertex( this.w * 0.27, -this.h * 0.56, this.w * 0.27, -this.h * 0.59, this.w * 0.10, -this.h * 0.65); bezierVertex( this.w * 0.18, -this.h * 0.60, this.w * 0.18, -this.h * 0.45, this.w * 0.15, -this.h * 0.5); endShape(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); arc(0, this.h * 0.5, this.w, this.h * 0.3, 180, 360); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.25, this.w * 0.9, 0, this.w / 2, 0); triangle( this.w / 2, this.h * 0.20, this.w * 0.80, this.h * 0.05, this.w / 2, this.h * 0.05); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdRed: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //hair noStroke(); fill(birdColors.tail); triangle(-this.w * 0.05, -this.h * 0.5, 0, -this.h * 0.6, this.w * 0.05, -this.h * 0.5); triangle(this.w * 0.05, -this.h * 0.5, this.w * 0.1, -this.h * 0.62, this.w * 0.15, -this.h * 0.5); triangle(this.w * 0.15, -this.h * 0.5, this.w * 0.2, -this.h * 0.64, this.w * 0.25, -this.h * 0.5); triangle(this.w * 0.25, -this.h * 0.5, this.w * 0.3, -this.h * 0.62, this.w * 0.35, -this.h * 0.5); triangle(this.w * 0.35, -this.h * 0.5, this.w * 0.4, -this.h * 0.6, this.w * 0.45, -this.h * 0.5); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); fill(60, 50); arc(-this.w * 0.5, 0, this.w * 0.5, this.h, -90, 90); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); arc(this.w * 0.27, -this.h * 0.1, this.w * 0.4, this.w * 0.4, 40, 250); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.25, this.w * 0.9, 0, this.w / 2, 0); triangle( this.w / 2, this.h * 0.20, this.w * 0.80, this.h * 0.05, this.w / 2, this.h * 0.05); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdTropics: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail pushMatrix(); rotate(this.tail.angle); fill(birdColors.tail); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.2, -this.w * 0.9, -this.h * 0.2, -this.w * 1.0, 0); bezierVertex(-this.w * 0.9, -this.h * 0.07, -this.w * 0.6, -this.h * 0.07, -this.w * 0.4, 0); endShape(); fill(birdColors.tail2); beginShape(); vertex(-this.w * 0.4, 0); bezierVertex(-this.w * 0.6, -this.h * 0.10, -this.w * 0.7, -this.h * 0.10, -this.w * 0.9, this.h * 0.25); bezierVertex(-this.w * 0.7, this.h * 0.10, -this.w * 0.6, this.h * 0.05, -this.w * 0.4, 0); endShape(); popMatrix(); //hair fill(birdColors.tail); beginShape(); vertex(this.w * 0.24, -this.h * 0.5); bezierVertex( this.w * 0.25, -this.h * 0.6, this.w * 0.25, -this.h * 0.7, this.w * 0.2, -this.h * 0.8); bezierVertex( this.w * 0.22, -this.h * 0.7, this.w * 0.22, -this.h * 0.6, this.w * 0.15, -this.h * 0.5); endShape(); fill(birdColors.tail2); beginShape(); vertex(this.w * 0.17, -this.h * 0.5); bezierVertex( this.w * 0.15, -this.h * 0.6, this.w * 0.15, -this.h * 0.7, this.w * 0.05, -this.h * 0.8); bezierVertex( this.w * 0.12, -this.h * 0.7, this.w * 0.12, -this.h * 0.6, this.w * 0.10, -this.h * 0.5); endShape(); fill(birdColors.tail); beginShape(); vertex(this.w * 0.14, -this.h * 0.5); bezierVertex( this.w * 0.07, -this.h * 0.6, this.w * 0.07, -this.h * 0.7, this.w * -0.09, -this.h * 0.8); bezierVertex( this.w * 0.02, -this.h * 0.7, this.w * 0.02, -this.h * 0.6, this.w * 0.00, -this.h * 0.5); endShape(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); arc(0, this.h * 0.5, this.w, this.h * 0.3, 180, 360); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.21, -this.h * 0.1, this.w * 0.25, this.w * 0.25); fill(250); ellipse(this.w * 0.26, -this.h * 0.1, this.w * 0.12, this.w * 0.12); } //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 0.65, this.h * 0.6, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.4, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdBatty: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail pushMatrix(); rotate(this.tail.angle); noFill(); stroke(birdColors.tail); bezier( -this.w * 0.5, 0, -this.w * 0.84, this.h * 0.2, -this.w * 0.40, -this.h * 0.35, -this.w * 0.9, -this.h * 0.1); noStroke(); fill(birdColors.tail); triangle( -this.w * 0.83, -this.h * 0.23, -this.w * 1.05, -this.h * 0.07, -this.w * 0.76, this.h * -0.01); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h, 5); //eye if(this.hit \|\| this.crashed) { noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.17, -this.h * 0.16, this.w * 0.32, this.h * 0.02); line(this.w * 0.17, this.h * 0.02, this.w * 0.32, -this.h * 0.16); } else { fill(250, 200); ellipse(this.w * 0.3, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.31, -this.h * 0.09, this.w * 0.20, this.w * 0.20); fill(250); ellipse(this.w * 0.28, -this.h * 0.15, this.w * 0.10, this.w * 0.10); } //horn noStroke(); fill(250, 200); triangle( this.w * 0.1, -this.h * 0.45, this.w * 0.24, -this.h * 0.75, this.w * 0.38, -this.h * 0.45); //nose noStroke(); fill(birdColors.beak); arc(this.w * 0.5, 0, this.w * 0.2, this.h * 0.2, -90, 90); //wing pushMatrix(); rotate(this.wing.angle); fill(birdColors.wing); triangle( 0, this.h * 0.10, -this.w * 0.6, this.h * 0.10, -this.w * 0.3, this.h * 0.43); stroke(birdColors.body); line( -this.w * 0.3, this.h * 0.15, -this.w * 0.3, this.h * 0.43); noStroke(); popMatrix(); popMatrix(); }, drawbirdHatty: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.80, this.h * 0.10); vertex(-this.w * 0.75, this.h * 0.20); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); arc(0, this.h * 0.5, this.w, this.h * 0.3, 180, 360); //hat fill(birdColors.hat); rect(-this.w * 0.47, -this.h * 0.66, this.w * 0.95, this.h * 0.27, 10, 10, 0, 0); fill(60, 60, 60); rect(-this.w * 0.5, -this.h * 0.47, this.w * 1.1, this.h * 0.08, 10); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.21, -this.h * 0.1, this.w * 0.25, this.w * 0.25); fill(250); ellipse(this.w * 0.26, -this.h * 0.1, this.w * 0.12, this.w * 0.12); } //beak noStroke(); fill(birdColors.beak); arc(this.w / 2, 0, this.w * 0.65, this.h * 0.6, 270, 360); arc(this.w / 2, this.h * 0.05, this.w * 0.5, this.h * 0.4, 0, 90); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdPiglet: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail pushMatrix(); rotate(this.tail.angle); noFill(); stroke(birdColors.tail); beginShape(); vertex(-this.w * 0.45, 0); bezierVertex( -this.w * 0.40, this.h * 0.25, -this.w * 1.00, this.h * 0.25, -this.w * 0.9, -this.h * 0.1); bezierVertex( -this.w * 0.78, -this.h * 0.31, -this.w * 0.45, -this.h * 0.17, -this.w * 0.70, -this.h * 0.00); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h, 5); //eye if(this.hit \|\| this.crashed) { noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.17, -this.h * 0.16, this.w * 0.32, this.h * 0.02); line(this.w * 0.17, this.h * 0.02, this.w * 0.32, -this.h * 0.16); } else { fill(250, 200); ellipse(this.w * 0.3, -this.h * 0.1, this.w * 0.4, this.w * 0.4); fill(61, 61, 61); ellipse(this.w * 0.31, -this.h * 0.09, this.w * 0.20, this.w * 0.20); fill(250); ellipse(this.w * 0.28, -this.h * 0.15, this.w * 0.10, this.w * 0.10); } //ear noStroke(); fill(birdColors.ear); triangle( this.w * 0.1, -this.h * 0.45, this.w * 0.24, -this.h * 0.65, this.w * 0.38, -this.h * 0.45); //nose noStroke(); fill(birdColors.beak); arc(this.w * 0.5, 0, this.w * 0.2, this.h * 0.2, -90, 90); //wing pushMatrix(); rotate(this.wing.angle); fill(birdColors.wing); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdMidnight: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //hair noStroke(); fill(birdColors.tail); triangle(-this.w * 0.05, -this.h * 0.5, 0, -this.h * 0.6, this.w * 0.05, -this.h * 0.5); triangle(this.w * 0.05, -this.h * 0.5, this.w * 0.1, -this.h * 0.62, this.w * 0.15, -this.h * 0.5); triangle(this.w * 0.15, -this.h * 0.5, this.w * 0.2, -this.h * 0.64, this.w * 0.25, -this.h * 0.5); triangle(this.w * 0.25, -this.h * 0.5, this.w * 0.3, -this.h * 0.62, this.w * 0.35, -this.h * 0.5); triangle(this.w * 0.35, -this.h * 0.5, this.w * 0.4, -this.h * 0.6, this.w * 0.45, -this.h * 0.5); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h); fill(240, 240, 240); fill(60, 50); arc(-this.w * 0.5, 0, this.w * 0.5, this.h, -90, 90); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(250, 200); arc(this.w * 0.27, -this.h * 0.1, this.w * 0.4, this.w * 0.4, 40, 250); fill(61, 61, 61); ellipse(this.w * 0.25, -this.h * 0.1, this.w * 0.15, this.w * 0.15); } //beak noStroke(); fill(birdColors.beak); triangle( this.w / 2, this.h * -0.25, this.w * 0.9, 0, this.w / 2, 0); triangle( this.w / 2, this.h * 0.20, this.w * 0.80, this.h * 0.05, this.w / 2, this.h * 0.05); //wing fill(birdColors.wing); pushMatrix(); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbirdBeats: function() { var birdColors = this.colors.birds[this.bird]; pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); //tail fill(birdColors.tail); pushMatrix(); rotate(this.tail.angle); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.70, -this.h * 0.34); vertex(-this.w * 0.80, -this.h * 0.24); vertex(-this.w * 0.3, 0); endShape(); beginShape(); vertex(-this.w * 0.3, 0); vertex(-this.w * 0.85, -this.h * 0.15); vertex(-this.w * 0.90, -this.h * 0.02); vertex(-this.w * 0.3, 0); endShape(); popMatrix(); //legs stroke(0, 50); line(-this.w * 0.1, this.h * 0.4, -this.w * 0.1, this.h * 0.8); line( this.w * 0.1, this.h * 0.4, this.w * 0.1, this.h * 0.8); //body noStroke(); fill(birdColors.body); rect(-this.w / 2, -this.h / 2, this.w, this.h, 5); fill(birdColors.wing); arc(0, this.h * 0.47, this.w * 0.94, this.h * 0.3, 180, 360); //eye if(this.hit \|\| this.crashed) { fill(250, 200); ellipse(this.w * 0.2, -this.h * 0.1, this.w * 0.4, this.w * 0.4); noFill(); stroke(60, 60, 60); strokeWeight(2); line(this.w * 0.15, -this.h * 0.15, this.w * 0.28, this.h * -0.01); line(this.w * 0.15, this.h * -0.01, this.w * 0.28, -this.h * 0.15); } else { fill(61, 61, 61); ellipse(this.w * 0.29, -this.h * 0.1, this.w * 0.23, this.w * 0.25); fill(250); ellipse(this.w * 0.32, -this.h * 0.12, this.w * 0.11, this.w * 0.11); } //beak noStroke(); fill(birdColors.beak); quad( this.w * 0.43, 0, this.w * 0.8, -this.h * 0.08, this.w * 0.75, this.h * 0.11, this.w * 0.45, this.h * 0.10); //headphones noFill(); stroke(birdColors.strap); strokeWeight(4); bezier( this.w * 0.15, -this.h * 0.5, this.w * 0.1, -this.h * 0.52, -this.w * 0.05, -this.h * 0.25, -this.w * 0.1, 0); strokeWeight(1); noStroke(); fill(birdColors.earpiece); rect(-this.w * 0.22, -this.h * 0.25, this.w * 0.32, this.w * 0.31, 3); //wing fill(birdColors.wing); pushMatrix(); translate(-2, 0); rotate(this.wing.angle); arc( -this.w * 0.3, this.h * 0.1, this.w * 0.5, this.h * 0.6, 0, 180); popMatrix(); popMatrix(); }, drawbird: function() { switch(this.bird) { case 0: //Bluey this.drawbirdBluey(); break; case 1: //Gully this.drawbirdGully(); break; case 2: //Gray this.drawbirdGray(); break; case 3: //Goldy this.drawbirdGoldy(); break; case 4: //Sandy this.drawbirdSandy(); break; case 5: //Styles this.drawbirdStyles(); break; case 6: //Greens this.drawbirdGreens(); break; case 7: //Tropics this.drawbirdTropics(); break; case 8: //Eagle this.drawbirdEagle(); break; case 9: //Batty this.drawbirdBatty(); break; case 10: //Hatty this.drawbirdHatty(); break; case 11: //Piglet this.drawbirdPiglet(); break; case 12: //Beats this.drawbirdBeats(); break; case 13: //Midnight this.drawbirdMidnight(); break; case 14: //Red this.drawbirdRed(); break; } }, drawTrailStandard: function(trail) { noStroke(); fill(this.trail.color, trail.opacity); rect(trail.x, trail.y, trail.diameter, trail.diameter); }, drawTrailCircle: function(trail) { noStroke(); fill(this.trail.color, trail.opacity); ellipse(trail.x + trail.diameter / 2, trail.y + trail.diameter / 2, trail.diameter, trail.diameter); }, drawTrailTriangle: function(trail) { trail.angle+= trail.rot; pushMatrix(); translate(trail.x + trail.diameter / 2, trail.y + trail.diameter / 2); rotate(trail.angle); noStroke(); fill(this.trail.color, trail.opacity); triangle( 0, -trail.diameter / 2, -trail.diameter / 2, trail.diameter / 2, trail.diameter / 2, trail.diameter / 2); popMatrix(); }, drawTrailCross: function(trail) { trail.angle+= 10; var diameter = trail.diameter * 1.1; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noStroke(); fill(this.trail.color, trail.opacity); rect(-diameter * 0.5, -diameter * 0.15, diameter, diameter * 0.3); rect(-diameter * 0.15, -diameter * 0.5, diameter * 0.3, diameter); popMatrix(); }, drawTrailStar: function(trail) { trail.angle+= trail.rot; var diameter = trail.diameter * 1.1; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noStroke(); fill(this.trail.color, trail.opacity); this.drawStar(0, 0, diameter * 0.8); popMatrix(); }, drawTrailHeart: function(trail) { trail.angle+= trail.rot; var diameter = trail.diameter * 1.2; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noStroke(); fill(this.trail.color, trail.opacity); ellipse( diameter * 0.18, -diameter * 0.20, diameter * 0.50, diameter * 0.55); ellipse(-diameter * 0.18, -diameter * 0.20, diameter * 0.50, diameter * 0.55); triangle(0, diameter * 0.40, -diameter * 0.34, 0, diameter * 0.34, 0); popMatrix(); }, drawTrailLine: function(trail) { trail.angle+= trail.rot * 4; var diameter = trail.diameter * 1.2; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noFill(); strokeWeight(2); stroke(this.trail.color, trail.opacity); line(-diameter * 0.4, 0, diameter * 0.4, 0); strokeWeight(1); popMatrix(); }, drawTrailHash: function(trail) { trail.angle+= trail.rot; var diameter = trail.diameter * 1.2; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noFill(); stroke(this.trail.color, trail.opacity); line(-diameter * 0.5, diameter * 0.2, diameter * 0.5, diameter * 0.2); line(-diameter * 0.5, -diameter * 0.2, diameter * 0.5, -diameter * 0.2); line(-diameter * 0.2, -diameter * 0.5, -diameter * 0.2, diameter * 0.5); line( diameter * 0.2, -diameter * 0.5, diameter * 0.2, diameter * 0.5); popMatrix(); }, drawTrailArc: function(trail) { trail.angle+= 10; var diameter = trail.diameter * 1.1; pushMatrix(); translate(trail.x + diameter / 2, trail.y + diameter / 2); rotate(trail.angle); noStroke(); fill(this.trail.color, trail.opacity); arc(0, 0, diameter, diameter, 0, 270); popMatrix(); }, drawTrail: function(index, trail) { switch(index) { case 0: this.drawTrailStandard(trail); break; case 1: this.drawTrailCircle(trail); break; case 2: this.drawTrailCross(trail); break; case 3: this.drawTrailTriangle(trail); break; case 4: this.drawTrailHeart(trail); break; case 5: this.drawTrailStar(trail); break; case 6: this.drawTrailLine(trail); break; case 7: this.drawTrailHash(trail); break; case 8: this.drawTrailArc(trail); break; } }, draw: function() { for(var i = this.trails.length - 1; i >= 0; i--) { var trail = this.trails[i]; this.drawTrail(this.trail.shape, trail); trail.x-= trail.vx; trail.opacity-= 5; trail.diameter-= 0.1; if(trail.diameter <= 0) { this.trails.splice(i, 1); } } this.drawbird(); }, fall: function() { this.y = constrain(this.y + this.vy, 0, 540); this.vy = this.vy + this.gravity; if(this.y !== 540) { this.angle+= 10; } this.drawbird(); }, run: function() { this.draw(); this.update(); } }; return Player; })(); var Game = (function() { var Game = function(args) { this.page = "load"; this.images = undefined; this.imageIndex = 0; this.loaded = false; this.timer = 0; this.logo = Logo.new({}); this.shopTimer = 0; this.birds = [ { name: "Blue", enabled: true, cost: 0, x: 0, y: 0, sprite: Player.new({ bird: 0, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Gully", enabled: false, cost: 5, x: 0, y: 0, sprite: Player.new({ bird: 1, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Gray", enabled: false, cost: 10, x: 0, y: 0, sprite: Player.new({ bird: 2, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Goldy", enabled: false, cost: 15, x: 0, y: 0, sprite: Player.new({ bird: 3, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Sandy", enabled: false, cost: 20, x: 0, y: 0, sprite: Player.new({ bird: 4, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Styles", enabled: false, cost: 25, x: 0, y: 0, sprite: Player.new({ bird: 5, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Greens", enabled: false, cost: 30, x: 0, y: 0, sprite: Player.new({ bird: 6, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Tropics", enabled: false, cost: 35, x: 0, y: 0, sprite: Player.new({ bird: 7, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Eagle", enabled: false, cost: 40, x: 0, y: 0, sprite: Player.new({ bird: 8, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Batty", enabled: false, cost: 45, x: 0, y: 0, sprite: Player.new({ bird: 9, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Hatty", enabled: false, cost: 50, x: 0, y: 0, sprite: Player.new({ bird: 10, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Piglet", enabled: false, cost: 60, x: 0, y: 0, sprite: Player.new({ bird: 11, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Beats", enabled: false, cost: 75, x: 0, y: 0, sprite: Player.new({ bird: 12, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Midnight", enabled: false, cost: 100, x: 0, y: 0, sprite: Player.new({ bird: 13, trail: { shape: 0, color: color(40, 40, 40) } }) }, { name: "Red", enabled: false, cost: 150, x: 0, y: 0, sprite: Player.new({ bird: 14, trail: { shape: 0, color: color(40, 40, 40) } }) } ]; this.trails = [ { name: "Square", enabled: true, cost: 0, x: 0, y: 0 }, { name: "Circle", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Cross", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Triangle", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Heart", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Star", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Line", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Hash", enabled: false, cost: 10, x: 0, y: 0 }, { name: "Arc", enabled: false, cost: 10, x: 0, y: 0 } ]; this.themes = [ { name: "Classic", enabled: true, cost: 0, x: 120, y: 180, colors: { token: color(82, 80, 81), text: color(50, 50, 50, 150), back: color(133, 222, 221), buttonBack: color(242, 242, 237), buttonText: color(137, 148, 127), buttonTextHover: color(102, 112, 93), transition: color(242, 242, 237), achievementBack: color(184, 235, 146, 220), achievementText: color(66, 66, 66, 200) } }, { name: "Alps", enabled: false, cost: 25, x: 330, y: 180, colors: { token: color(240, 93, 118), text: color(50, 150), back: color(191, 217, 219), buttonBack: color(109, 130, 91), buttonText: color(224, 224, 224), buttonTextHover: color(247, 247, 247), transition: color(109, 130, 91), achievementBack: color(185, 204, 167), achievementText: color(48, 47, 48) } }, { name: "Radioactive", enabled: false, cost: 50, x: 120, y: 365, colors: { token: color(252, 60, 67), text: color(240, 200), back: color(67, 72, 82), buttonBack: color(51, 54, 61), buttonText: color(156, 154, 156), buttonTextHover: color(196, 196, 196), transition: color(51, 54, 61), achievementBack: color(159, 201, 62), achievementText: color(61, 61, 61) } }, { name: "Minecraft", enabled: false, cost: 100, x: 330, y: 365, colors: { token: color(245, 79, 104), text: color(50, 150), back: color(142, 214, 222), buttonBack: color(153, 152, 150), buttonText: color(71, 60, 35), buttonTextHover: color(209, 207, 209), transition: color(153, 152, 150), achievementBack: color(99, 176, 77, 220), achievementText: color(219, 216, 219) } } ]; this.sound = false; this.sounds = { token: getSound("retro/coin"), hit: getSound("retro/hit1"), crash: getSound("retro/hit2"), achievement: getSound("retro/whistle1"), buy: getSound("rpg/coin-jingle") }; this.speed = { value: 2, FREQUENCY: 360, //every 6 seconds INCREMENT: 0.2, //increase by 0.2 MIN: 2, MAX: 4 //increase up to max only }; this.score = { value: 0, last: 0, best: 0 }; this.tokens = { value: 0, best: 0, data: [] }; this.player = Player.new({ bird: 0, trail: { shape: 0, color: color(40, 40, 40) } }); this.theme = Theme.new({ index: 0 }); this.trailBird = Player.new({ bird: this.player.bird, trail: this.player.trail, active: true, x: 345, y: 200 }); this.menuBird = Player.new({ bird: 0, trail: 0, x: 50, y: 270 }); this.colorPicker = ColorPicker.new({ x: 368, y: 303, size: 204, value: color(97, 197, 230) }); this.transition = Transition.new({ color: this.themes[this.theme.index].colors.transition }); this.over = { timer: 0, buttons: { replay: { value: -100, from: -100, to: 250, delay: 80 }, achievements: { value: -100, from: -100, to: 365, delay: 90 }, shop: { value: -100, from: -100, to: 255, delay: 100 }, home: { value: -100, from: -100, to: 145, delay: 110 }, save: { value: -100, from: -100, to: 520, delay: 120 } }, title: { value: -200, from: -200, to: 60, delay: 10 }, panel: { value: 800, from: 800, to: 110, delay: 40 }, score: { value: 0, delay: 80 } }; this.pipes = { w: 50, spacing: 200, gap: { MIN: 180, MAX: 240 }, data: [] }; this.ground = { x: 0, y: 560, w: width, h: 40, x1: 0, x2: 600 }; this.clouds = []; this.bits = []; this.icons = []; this.achievements = { counters: { tokens: 0, games: 0, birds: 1, trails: 1, themes: 1, runs: [], //consecutive scores }, offset: { value: 0, target: 0 }, alerts: [], //pop ups when reach a new achievement list: [ { title: "Achievements", description: "Viewed the achievements :)", achieved: false, row: 0, page: 0 }, { title: "Score 10+", description: "Score of 10+ in a single game", achieved: false, row: 0, page: 0 }, { title: "10 games", description: "Played 10 times", achieved: false, row: 0, page: 0 }, { title: "Bird x 1", description: "Purchased a bird from the store", achieved: false, row: 1, page: 0 }, { title: "Trail x 1", description: "Purchased a trail from the store", achieved: false, row: 1, page: 0 }, { title: "Theme x 1", description: "Purchased a theme from the store", achieved: false, row: 1, page: 0 }, { title: "Tokens x 10", description: "Collected 10+ tokens in a single game", achieved: false, row: 2, page: 0 }, { title: "25 games", description: "Played 25 times", achieved: false, row: 2, page: 0 }, { title: "Save code", description: "Generated a save code", achieved: false, row: 2, page: 0 }, { title: "3 x 10+", description: "3 consecutive games with score of 10+", achieved: false, row: 0, page: 1 }, { title: "Score 25+", description: "Score of 25+ in a single game", achieved: false, row: 0, page: 1 }, { title: "Tokens x 15", description: "Collected 15+ tokens in a single game", achieved: false, row: 0, page: 1 }, { title: "50 games", description: "Played 50 times", achieved: false, row: 1, page: 1 }, { title: "3 x 15+", description: "3 consecutive games with score of 15+", achieved: false, row: 1, page: 1 }, { title: "Score 40+", description: "Score of 40+ in a single game", achieved: false, row: 1, page: 1 }, { title: "All Themes", description: "Purchased all the themes from the store", achieved: false, row: 2, page: 1 }, { title: "All Trails", description: "Purchased all the trails from the store", achieved: false, row: 2, page: 1 }, { title: "All Birds", description: "Purchased all the birds from the store", achieved: false, row: 2, page: 1 }, { title: "100 games", description: "Played 100 times", achieved: false, row: 0, page: 2 }, { title: "5 x 10+", description: "5 consecutive games with a score of 10+", achieved: false, row: 0, page: 2 }, { title: "Tokens x 20", description: "Collected 20+ tokens in a single game", achieved: false, row: 0, page: 2 }, { title: "3 x 20+", description: "3 consecutive games with a score of 20+", achieved: false, row: 1, page: 2 }, { title: "Score 50+", description: "Score of 50+ in a single game", achieved: false, row: 1, page: 2 }, { title: "5 x 20+", description: "5 consecutive games with a score of 20+", achieved: false, row: 1, page: 2 }, { title: "Tokens x 25", description: "Collected 25+ tokens in a single game", achieved: false, row: 2, page: 2 }, { title: "3 x 30+", description: "3 consecutive games with a score of 30+", achieved: false, row: 2, page: 2 }, { title: "5 x 25+", description: "5 consecutive games with a score of 25+", achieved: false, row: 2, page: 2 } ] }; this.highscores = [ { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 }, { name: "Could be you", score: 0 } ]; this.buttons = { home: { how: Button.new({ x: 190, y: 310, size: 100, content: "How", func: function() { if(!game.viewed.how) { game.viewed.how = true; } game.transition.page = "how"; game.transition.active = true; } }), shop: Button.new({ x: 250, y: 435, size: 90, content: "Shop", func: function() { game.resetShop(); game.transition.page = "shop"; game.transition.active = true; } }), play: Button.new({ x: 310, y: 310, size: 100, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), achievements: Button.new({ x: 140, y: 435, size: 90, content: "Achievements", func: function() { game.transition.page = "achievements"; game.transition.active = true; } }), scoreboard: Button.new({ x: 360, y: 435, size: 90, content: "Scoreboard", func: function() { game.transition.page = "scoreboard"; game.transition.active = true; } }), save: Button.new({ x: 520, y: 520, size: 70, content: "Save", func: function() { game.save(); } }), sound: Button.new({ x: 10, y: 520, size: 70, content: "Sound", func: function() { game.sound = !game.sound; } }) }, standard: { home: Button.new({ x: 185, y: 520, size: 70, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), play: Button.new({ x: 345, y: 520, size: 70, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), shop: Button.new({ x: 265, y: 520, size: 70, content: "Shop", func: function() { game.transition.page = "shop"; game.transition.active = true; } }) }, achievements: { previous: Button.new({ x: 10, y: 270, size: 50, textSize: 30, textColor: color(40, 200), content: "<", func: function() { game.achievements.offset.target = constrain(game.achievements.offset.target + 600, -1200, 0); } }), next: Button.new({ x: 540, y: 270, size: 50, textSize: 30, textColor: color(40, 200), content: ">", func: function() { game.achievements.offset.target = constrain(game.achievements.offset.target - 600, -1200, 0); } }) }, shop: { home: Button.new({ x: 185, y: 520, size: 70, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), play: Button.new({ x: 345, y: 520, size: 70, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), achievements: Button.new({ x: 265, y: 520, size: 70, content: "Achievements", func: function() { game.transition.page = "achievements"; game.transition.active = true; } }), birds: Button.new({ x: 135, y: 350, size: 100, content: "Birds", func: function() { game.transition.page = "shopBirds"; game.transition.active = true; } }), trails: Button.new({ x: 250, y: 350, size: 100, content: "Trails", func: function() { game.resetShop(); game.resetShopTrails(); game.transition.page = "shopTrails"; game.transition.active = true; } }), themes: Button.new({ x: 365, y: 350, size: 100, content: "Themes", func: function() { game.transition.page = "shopThemes"; game.transition.active = true; } }) }, shopItems: { home: Button.new({ x: 200, y: 530, size: 60, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), play: Button.new({ x: 340, y: 530, size: 60, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), shop: Button.new({ x: 270, y: 530, size: 60, content: "Shop", func: function() { game.transition.page = "shop"; game.transition.active = true; } }) }, gameover: { replay: Button.new({ x: -100, y: 315, size: 100, content: "Replay", func: function() { game.reset(); } }), home: Button.new({ x: -100, y: 435, size: 90, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), shop: Button.new({ x: -100, y: 435, size: 90, content: "Shop", func: function() { game.resetShop(); game.transition.page = "shop"; game.transition.active = true; } }), achievements: Button.new({ x: -100, y: 435, size: 90, content: "Achievements", func: function() { game.transition.page = "achievements"; game.transition.active = true; } }), save: Button.new({ x: 520, y: 520, size: 70, content: "Save", func: function() { game.save(); } }) } }; this.trailButtons = { birds: [], trails: [] }; this.viewed = { how: false }; this.state = "play"; this.font = createFont("Arial Black"); this.setup(); }; Game.prototype = { addAchievementAlert: function(content) { this.achievements.alerts.push({ x: 300, y: -100, w: 200, h: 80, dir: 1, delay: 120, content: content }); if(this.sound){ this.sounds.achievement.audio.pause(); this.sounds.achievement.audio.currentTime = 0; this.sounds.achievement.audio.play(); } }, drawGrass: function(x, y) { image(random() < 0.33 ? game.images.mine_dirt_1 : random() < 0.5 ? game.images.mine_dirt_2 : game.images.mine_dirt_3, x, y); image(random() < 0.33 ? game.images.mine_grass_1 : random() < 0.5 ? game.images.mine_grass_2 : game.images.mine_grass_3, x, y); }, drawDirt: function(x, y) { image(random() < 0.33 ? game.images.mine_dirt_1 : random() < 0.5 ? game.images.mine_dirt_2 : game.images.mine_dirt_3, x, y); }, drawStone: function(x, y) { image(random() < 0.33 ? game.images.mine_stone_1 : random() < 0.5 ? game.images.mine_stone_2 : game.images.mine_stone_3, x, y); }, drawTrunk: function(x, y) { image(random() < 0.5 ? game.images.mine_trunk_1 : game.images.mine_trunk_2, x, y); }, drawBush: function(x, y) { image(random() < 0.33 ? game.images.mine_bush_1 : random() < 0.5 ? game.images.mine_bush_2 : game.images.mine_bush_3, x, y); }, save: function() { //generated a save code achievement if(!this.achievements.list[8].achieved) { this.achievements.list[8].achieved = true; this.addAchievementAlert(this.achievements.list[8].description); } var saveStr = ""; //current player saveStr = saveStr.concat(this.player.bird, "\|", this.player.trail.shape, "\|", this.player.trail.color); //current theme index saveStr = saveStr.concat("\|", this.theme.index); //birds for(var i = 0; i < this.birds.length; i++) { var bird = this.birds[i]; saveStr = saveStr.concat("\|", bird.enabled ? "Y" : "N", "\|", bird.sprite.trail.shape, "\|", bird.sprite.trail.color); } //trails saveStr = saveStr.concat("\|"); for(var i = 0; i < this.trails.length; i++) { saveStr = saveStr.concat((this.trails[i].enabled ? "Y" : "N")); } //themes saveStr = saveStr.concat("\|"); for(var i = 0; i < this.themes.length; i++) { saveStr = saveStr.concat((this.themes[i].enabled ? "Y" : "N")); } //total runs saveStr = saveStr.concat("\|", this.achievements.counters.games); //total tokens saveStr = saveStr.concat("\|", this.tokens.value); //best tokens saveStr = saveStr.concat("\|", this.tokens.best); //best points saveStr = saveStr.concat("\|", this.score.best); //view how screen saveStr = saveStr.concat("\|", this.viewed.how ? "Y" : "N"); //achievements reached saveStr = saveStr.concat("\|"); for(var i = 0; i < this.achievements.list.length; i++) { saveStr = saveStr.concat((this.achievements.list[i].achieved ? "Y" : "N")); } //last 5 points for(var i = 0; i < this.achievements.counters.runs.length; i++) { saveStr = saveStr.concat("\|", this.achievements.counters.runs[i]); } var output = "Copy and Paste the following over the existing saveCode on line 40:\n\nvar saveCode = \"" + saveStr + "\";\n\n"; _clearLogs(); println(output); }, setup: function() { this.images = { gameOver: function() { background(0, 0); pushMatrix(); translate(300, 75); // rotate(-2); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER); fill(247, 247, 247, 50); for(var i = 0; i < 360; i+= 30) { text("GAME\nOVER", sin(i) * 3, cos(i) * 3); } fill(247, 111, 132); text("GAME\nOVER", 0, 0); popStyle(); popMatrix(); return get(225, 25, 150, 120); }, cloud_1: function() { background(0, 0); noStroke(); fill(255, 255, 255, 150); beginShape(); vertex(290, 184); bezierVertex(293, 180, 296, 177, 306, 179); bezierVertex(310, 169, 314, 166, 322, 169); bezierVertex(324, 160, 327, 151, 330, 150); bezierVertex(337, 145, 347, 148, 355, 165); bezierVertex(365, 163, 377, 165, 383, 176); bezierVertex(388, 176, 392, 177, 396, 184); endShape(CLOSE); return get(289, 145, 108, 40); }, cloud_2: function() { background(0, 0); noStroke(); fill(255, 255, 255, 150); beginShape(); vertex(44, 177); bezierVertex(46, 172, 52, 169, 60, 171); bezierVertex(61, 165, 65, 156, 71, 154); bezierVertex(77, 152, 82, 157, 84, 162); bezierVertex(88, 161, 94, 162, 98, 168); bezierVertex(103, 169, 109, 170, 113, 177); endShape(CLOSE); return get(44, 150, 70, 28); }, classic_gameTitle: function() { background(0, 0); pushMatrix(); translate(300, 75); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 80); textAlign(CENTER); fill(232, 230, 197); for(var i = 0; i < 360; i+= 30) { text("FLAPPY\nBIRD", sin(i) * 3, cos(i) * 3); } fill(147, 196, 106); text("FLAPPY\nBIRD", 0, 0); popStyle(); popMatrix(); return get(156, 8, 291, 167); }, classic_gameOver: function() { background(0, 0); pushMatrix(); translate(300, 75); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER); fill(232, 230, 197); for(var i = 0; i < 360; i+= 30) { text("GAME OVER", sin(i) * 3, cos(i) * 3); } fill(147, 196, 106); text("GAME OVER", 0, 0); popStyle(); popMatrix(); return get(160, 30, 280, 50); }, classic_ground: function() { background(0, 0); noStroke(); fill(232, 230, 197); rect(0, 560, 600, 40); fill(196, 235, 167); rect(0, 560, 600, 10); fill(164, 194, 140); for(var i = 0; i < 30; i++) { beginShape(); vertex(8 + i * 20, 561); vertex(18 + i * 20, 561); vertex(12 + i * 20, 569); vertex(2 + i * 20, 569); endShape(); } return get(0, 560, 600, 40); }, classic_hills_1: function() { background(0, 0); fill(184, 235, 146); beginShape(); vertex(0, 512); bezierVertex(21, 500, 46, 494, 69, 507); bezierVertex(82, 495, 106, 494, 123, 510); bezierVertex(145, 494, 173, 489, 190, 507); bezierVertex(201, 488, 219, 489, 236, 507); bezierVertex(253, 491, 283, 494, 300, 511); bezierVertex(310, 492, 339, 489, 357, 511); bezierVertex(365, 494, 390, 494, 402, 510); bezierVertex(412, 486, 441, 483, 455, 502); bezierVertex(465, 491, 483, 491, 499, 505); bezierVertex(509, 488, 527, 488, 549, 503); bezierVertex(562, 493, 582, 491, 600, 512); vertex(600, 600); vertex(0, 600); endShape(CLOSE); stroke(195, 212, 170); //front bezier(0, 512, 21, 500, 46, 494, 69, 507); bezier(69, 507, 82, 495, 106, 494, 123, 510); bezier(123, 510, 145, 494, 173, 489, 190, 507); bezier(190, 507, 201, 488, 219, 489, 236, 507); bezier(236, 507, 253, 491, 283, 494, 300, 511); bezier(300, 511, 310, 492, 339, 489, 357, 511); bezier(357, 511, 365, 494, 390, 494, 402, 510); bezier(402, 510, 412, 486, 441, 483, 455, 502); bezier(455, 502, 465, 491, 483, 491, 499, 505); bezier(499, 505, 509, 488, 527, 488, 549, 503); bezier(549, 503, 562, 493, 582, 491, 600, 512); //middle bezier(32, 513, 19, 500, 8, 502, 0, 515); bezier(40, 516, 53, 496, 80, 493, 96, 517); bezier(108, 515, 123, 494, 136, 496, 149, 513); bezier(165, 510, 180, 495, 198, 494, 212, 512); bezier(219, 512, 232, 491, 255, 493, 271, 512); bezier(279, 512, 288, 499, 306, 493, 324, 514); bezier(337, 510, 342, 501, 359, 493, 377, 511); bezier(385, 510, 392, 498, 415, 493, 433, 514); bezier(441, 510, 450, 498, 474, 496, 488, 515); bezier(489, 511, 495, 502, 516, 500, 530, 512); bezier(533, 510, 539, 498, 563, 489, 583, 512); //front bezier(16, 520, 26, 509, 40, 510, 56, 518); bezier(80, 520, 85, 513, 98, 510, 121, 520); bezier(136, 519, 144, 511, 164, 503, 189, 523); bezier(195, 519, 202, 511, 217, 510, 235, 522); bezier(257, 517, 264, 507, 280, 508, 298, 519); bezier(312, 518, 320, 508, 337, 507, 352, 518); bezier(365, 520, 368, 512, 383, 508, 394, 520); bezier(415, 518, 428, 508, 452, 511, 463, 522); bezier(477, 522, 482, 512, 502, 510, 516, 521); bezier(524, 519, 539, 512, 553, 511, 563, 523); bezier(568, 521, 576, 513, 588, 511, 597, 521); return get(0, 485, 600, 115); }, classic_buildings: function() { background(0, 0); noStroke(); for(var i = 0; i < 15; i++) { fill(random(180, 200), random(200, 220), random(180, 200)); var w = random(30, 50); var h = ~~random(100, 150); var x = i * 40 + random(0, 10); var y = 600 - h; rect(x, y, w, h); fill(250, 40); for(var j = 0; j < h; j+= 20) { rect(x + w * 0.07, y + h * 0.025 + j * h * 0.004, w * 0.20, h * 0.05); rect(x + w * 0.40, y + h * 0.025 + j * h * 0.004, w * 0.20, h * 0.05); rect(x + w * 0.70, y + h * 0.025 + j * h * 0.004, w * 0.20, h * 0.05); } } return get(0, 450, 600, 150); }, classic_clouds_1: function() { background(0, 0); noStroke(); fill(206, 235, 235); beginShape(); vertex(0, 469); bezierVertex(21, 450, 53, 448, 76, 471); bezierVertex(86, 456, 112, 460, 124, 481); bezierVertex(135, 457, 163, 452, 181, 471); bezierVertex(199, 456, 220, 455, 237, 474); bezierVertex(251, 446, 274, 433, 297, 456); bezierVertex(320, 425, 360, 427, 375, 452); bezierVertex(389, 436, 408, 441, 422, 459); bezierVertex(432, 443, 449, 428, 481, 453); bezierVertex(501, 433, 530, 441, 545, 462); bezierVertex(561, 444, 584, 448, 600, 469); vertex(600, 600); vertex(0, 600); endShape(CLOSE); pushMatrix(); translate(0, 30); fill(240, 240, 240); beginShape(); vertex(0, 469); bezierVertex(21, 450, 53, 448, 76, 471); bezierVertex(86, 456, 112, 460, 124, 481); bezierVertex(135, 457, 163, 452, 181, 471); bezierVertex(199, 456, 220, 455, 237, 474); bezierVertex(251, 446, 274, 433, 297, 456); bezierVertex(320, 425, 360, 427, 375, 452); bezierVertex(389, 436, 408, 441, 422, 459); bezierVertex(432, 443, 449, 428, 481, 453); bezierVertex(501, 433, 530, 441, 545, 462); bezierVertex(561, 444, 584, 448, 600, 469); vertex(600, 600); vertex(0, 600); endShape(CLOSE); popMatrix(); return get(0, 430, 600, 170); }, classic_pipe_top: function() { background(0, 0); noStroke(); fill(232, 230, 197); rect(0, 0, 50, 600); fill(0, 10); rect(25, 0, 25, 600); fill(196, 235, 167); rect(0, 590, 50, 10); fill(164, 194, 140); for(var i = 0; i < 3; i++) { beginShape(); vertex(8 + i * 16, 591); vertex(18 + i * 16, 591); vertex(12 + i * 16, 599); vertex(2 + i * 16, 599); endShape(); } return get(0, 0, 50, 600); }, classic_pipe_bottom: function() { background(0, 0); noStroke(); fill(232, 230, 197); rect(0, 0, 50, 600); fill(0, 10); rect(25, 0, 25, 600); fill(196, 235, 167); rect(0, 0, 50, 10); fill(164, 194, 140); for(var i = 0; i < 3; i++) { beginShape(); vertex(8 + i * 16, 1); vertex(18 + i * 16, 1); vertex(12 + i * 16, 9); vertex(2 + i * 16, 9); endShape(); } return get(0, 0, 50, 600); }, alps_gameTitle: function() { background(0, 0); pushMatrix(); translate(300, 75); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 80); textAlign(CENTER); fill(247, 247, 247, 150); for(var i = 0; i < 360; i+= 30) { text("FLAPPY\nBIRD", sin(i) * 3, cos(i) * 3); } fill(162, 187, 142); text("FLAPPY\nBIRD", 0, 0); popStyle(); popMatrix(); return get(156, 8, 291, 167); }, alps_gameOver: function() { background(0, 0); pushMatrix(); translate(300, 75); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER); fill(247, 247, 247, 150); for(var i = 0; i < 360; i+= 30) { text("GAME OVER", sin(i) * 3, cos(i) * 3); } fill(162, 187, 142); text("GAME OVER", 0, 0); popStyle(); popMatrix(); return get(160, 30, 280, 50); }, alps_ground: function() { background(0, 0); noStroke(); fill(127, 150, 108); rect(0, 560, 600, 40); fill(40, 20); for(var i = 0; i < 600; i+= 40) { triangle(i + 20, 560, i, 580, i + 40, 580); triangle(i + 20, 600, i, 580, i + 40, 580); } return get(0, 560, 600, 40); }, alps_hills_1: function() { background(0, 0); fill(220, 228, 211); noStroke(); beginShape(); vertex(0, 300); vertex(36, 262); vertex(77, 250); vertex(106, 217); vertex(131, 177); vertex(155, 155); vertex(197, 105); vertex(229, 146); vertex(255, 176); vertex(280, 192); vertex(298, 217); vertex(336, 266); vertex(336, 266); vertex(374, 294); vertex(402, 278); vertex(430, 248); vertex(454, 212); vertex(474, 194); vertex(509, 171); vertex(533, 198); vertex(547, 216); vertex(557, 240); vertex(573, 272); vertex(600, 300); vertex(600, 600); vertex(0, 600); endShape(CLOSE); fill(255); beginShape(); vertex(131, 177); vertex(155, 155); vertex(197, 105); vertex(229, 146); vertex(255, 176); vertex(232, 198); vertex(202, 180); vertex(183, 191); vertex(173, 181); vertex(155, 199); endShape(CLOSE); beginShape(); vertex(454, 212); vertex(474, 194); vertex(509, 171); vertex(533, 198); vertex(547, 216); vertex(532, 235); vertex(514, 222); vertex(501, 233); vertex(490, 226); vertex(475, 235); endShape(CLOSE); return get(0, 100, 600, 500); }, alps_hills_2: function() { background(0, 0); fill(207, 220, 195); noStroke(); beginShape(); vertex(0, 400); vertex(26, 286); vertex(64, 406); vertex(107, 207); vertex(133, 309); vertex(165, 212); vertex(218, 422); vertex(246, 226); vertex(276, 384); vertex(305, 254); vertex(329, 369); vertex(345, 308); vertex(378, 420); vertex(416, 223); vertex(452, 398); vertex(472, 298); vertex(490, 344); vertex(513, 220); vertex(555, 384); vertex(573, 312); vertex(599, 400); vertex(597, 597); vertex(2, 595); endShape(CLOSE); return get(0, 200, 600, 400); }, alps_hills_3: function() { background(0, 0); fill(162, 187, 142); noStroke(); beginShape(); vertex(0, 510); vertex(30, 404); vertex(63, 480); vertex(82, 435); vertex(117, 498); vertex(146, 384); vertex(169, 462); vertex(186, 396); vertex(224, 507); vertex(245, 424); vertex(274, 510); vertex(311, 395); vertex(337, 475); vertex(352, 403); vertex(373, 493); vertex(396, 432); vertex(421, 511); vertex(457, 406); vertex(484, 460); vertex(514, 389); vertex(556, 512); vertex(579, 434); vertex(600, 510); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 380, 600, 220); }, alps_pipe_top: function() { background(0, 0); noStroke(); fill(156, 179, 138); rect(0, 0, 50, 600); fill(40, 10); for(var i = 0; i < 600; i+= 40) { triangle(25, i + 20, 0, i, 0, i + 40); triangle(25, i + 20, 50, i, 50, i + 40); } fill(250, 230); rect(0, 580, 50, 20); return get(0, 0, 50, 600); }, alps_pipe_bottom: function() { background(0, 0); noStroke(); fill(156, 179, 138); rect(0, 0, 50, 600); fill(40, 10); for(var i = 0; i < 600; i+= 40) { triangle(25, i + 20, 0, i, 0, i + 40); triangle(25, i + 20, 50, i, 50, i + 40); } fill(40, 100); rect(0, 0, 50, 20); return get(0, 0, 50, 600); }, radioactive_gameTitle: function() { background(0, 0); pushMatrix(); translate(300, 75); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 80); textAlign(CENTER); fill(145, 179, 59); text("FLAPPY\nBIRD", 0, 0); popStyle(); popMatrix(); return get(156, 8, 291, 167); }, radioactive_gameOver: function() { background(0, 0); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER); fill(145, 179, 59); text("GAME OVER", 300, 75); popStyle(); return get(160, 30, 280, 50); }, radioactive_ground: function() { background(0, 0, 0, 0); pushMatrix(); translate(300, 0); rotate(-90); translate(-350, -300); noStroke(); fill(103, 111, 129); rect(300, 0, 50, 600); fill(76, 85, 103); ellipse(338, 19, 35, 35); ellipse(316, 40, 15, 15); ellipse(330, 63, 24, 24); ellipse(305, 110, 60, 60); ellipse(350, 212, 140, 140); ellipse(333, 295, 15, 15); ellipse(310, 322, 40, 40); ellipse(345, 317, 20, 20); ellipse(340, 365, 50, 50); ellipse(348, 407, 25, 25); ellipse(304, 445, 70, 70); ellipse(339, 495, 30, 30); ellipse(320, 519, 20, 20); ellipse(339, 566, 60, 60); popMatrix(); fill(189, 236, 52); rect(0, 0, 600, 3); fill(148, 203, 29); // fill(13, 13, 13); beginShape(); vertex(0, 3); randomSeed(105); for(var i = 0; i <= 600; i+= 10) { vertex(i, 3 + random(15, 20)); vertex(i + random(4, 7), 10); vertex(i + 3, random(10, 14)); } vertex(600, 3); endShape(CLOSE); return get(0, 0, 600, 40); }, radioactive_hills_1: function() { background(0, 0); noStroke(); fill(159, 201, 62); beginShape(); vertex(0, 494); bezierVertex(18, 488, 48, 462, 76, 459); bezierVertex(112, 455, 141, 477, 164, 503); bezierVertex(183, 523, 188, 523, 205, 513); bezierVertex(243, 477, 266, 440, 299, 436); bezierVertex(327, 432, 359, 466, 376, 494); bezierVertex(399, 525, 427, 494, 448, 471); bezierVertex(480, 440, 514, 448, 533, 474); bezierVertex(553, 496, 579, 513, 600, 494); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 432, 600, 168); }, radioactive_hills_2: function() { background(0, 0); noStroke(); fill(134, 168, 54); beginShape(); vertex(0, 494); bezierVertex(18, 473, 48, 450, 76, 452); bezierVertex(112, 455, 141, 477, 164, 498); bezierVertex(183, 517, 213, 519, 226, 497); bezierVertex(243, 456, 266, 414, 299, 416); bezierVertex(327, 416, 359, 453, 377, 480); bezierVertex(399, 509, 427, 488, 448, 461); bezierVertex(473, 440, 506, 443, 533, 466); bezierVertex(553, 496, 579, 513, 600, 494); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 412, 600, 188); }, radioactive_hills_3: function() { background(0, 0); noStroke(); fill(59, 66, 79); beginShape(); vertex(0, 476); vertex(5, 476); vertex(13, 277); vertex(39, 238); vertex(68, 277); vertex(81, 483); vertex(135, 483); vertex(140, 304); vertex(165, 268); vertex(191, 301); vertex(201, 483); vertex(252, 483); vertex(257, 280); vertex(282, 245); vertex(309, 279); vertex(319, 483); vertex(360, 483); vertex(365, 261); vertex(389, 224); vertex(416, 259); vertex(429, 483); vertex(496, 483); vertex(501, 321); vertex(521, 290); vertex(544, 322); vertex(554, 483); vertex(600, 483); vertex(600, 545); vertex(0, 545); endShape(CLOSE); return get(); }, radioactive_pipe_top: function() { background(0, 0, 0, 0); pushMatrix(); scale(1, -1); translate(0, -600); noStroke(); fill(103, 111, 129); rect(300, 0, 50, 600); fill(76, 85, 103); ellipse(316, 40, 15, 15); ellipse(330, 63, 24, 24); ellipse(305, 110, 60, 60); ellipse(350, 212, 140, 140); ellipse(333, 295, 15, 15); ellipse(310, 322, 40, 40); ellipse(345, 317, 20, 20); ellipse(340, 365, 50, 50); ellipse(348, 407, 25, 25); ellipse(304, 445, 70, 70); ellipse(339, 495, 30, 30); ellipse(320, 519, 20, 20); ellipse(339, 566, 60, 60); fill(76, 85, 103); fill(189, 236, 52); rect(300, 0, 50, 10); fill(148, 203, 29); beginShape(); vertex(300, 5); vertex(300, 30); vertex(305, 22); vertex(310, 28); vertex(317, 17); vertex(320, 26); vertex(330, 32); vertex(335, 24); vertex(340, 30); vertex(345, 23); vertex(350, 27); vertex(350, 5); endShape(CLOSE); popMatrix(); return get(300, 0, 50, 600); }, radioactive_pipe_bottom: function() { background(0, 0, 0, 0); noStroke(); fill(103, 111, 129); rect(300, 0, 50, 600); fill(76, 85, 103); ellipse(316, 40, 15, 15); ellipse(330, 63, 24, 24); ellipse(305, 110, 60, 60); ellipse(350, 212, 140, 140); ellipse(333, 295, 15, 15); ellipse(310, 322, 40, 40); ellipse(345, 317, 20, 20); ellipse(340, 365, 50, 50); ellipse(348, 407, 25, 25); ellipse(304, 445, 70, 70); ellipse(339, 495, 30, 30); ellipse(320, 519, 20, 20); ellipse(339, 566, 60, 60); fill(76, 85, 103); fill(189, 236, 52); rect(300, 0, 50, 10); fill(148, 203, 29); beginShape(); vertex(300, 5); vertex(300, 30); vertex(305, 22); vertex(310, 28); vertex(317, 17); vertex(320, 26); vertex(330, 32); vertex(335, 24); vertex(340, 30); vertex(345, 23); vertex(350, 27); vertex(350, 5); endShape(CLOSE); return get(300, 0, 50, 600); }, mine_dirt_1: function() { background(0, 0); randomSeed(104); noStroke(); fill(176, 127, 42); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_dirt_2: function() { background(0, 0); randomSeed(111); noStroke(); fill(176, 127, 42); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_dirt_3: function() { background(0, 0); randomSeed(116); noStroke(); fill(176, 127, 42); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_grass_1: function() { background(0, 0); randomSeed(101); for(var i = 0; i < 40; i+= 5) { var depth = ~~random(10, 21); for(var j = 0; j < depth; j+= 5) { fill(99, 176, 77, 150); rect(i, 560 + j, 5, 5); fill(random(100, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_grass_2: function() { background(0, 0); randomSeed(110); for(var i = 0; i < 40; i+= 5) { var depth = ~~random(10, 21); for(var j = 0; j < depth; j+= 5) { fill(99, 176, 77, 150); rect(i, 560 + j, 5, 5); fill(random(100, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_grass_3: function() { background(0, 0); randomSeed(126); for(var i = 0; i < 40; i+= 5) { var depth = ~~random(10, 21); for(var j = 0; j < depth; j+= 5) { fill(99, 176, 77, 150); rect(i, 560 + j, 5, 5); fill(random(100, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_stone_1: function() { background(0, 0); randomSeed(104); noStroke(); fill(145, 144, 142); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_stone_2: function() { background(0, 0); randomSeed(111); noStroke(); fill(153, 152, 150); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_stone_3: function() { background(0, 0); randomSeed(116); noStroke(); fill(138, 138, 138); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_bush_1: function() { background(0, 0); randomSeed(111); noStroke(); for(var i = 0; i < 40; i+= 5) { for(var j = 0; j < 40; j+= 5) { fill(random(80, 100), random(180, 230), random(80, 100), 150); if(random() > 0.2) { rect(i, 560 + j, 5, 5); } } } return get(0, 560, 40, 40); }, mine_bush_2: function() { background(0, 0); randomSeed(104); noStroke(); for(var i = 0; i < 40; i+= 5) { for(var j = 0; j < 40; j+= 5) { fill(random(80, 100), random(180, 230), random(80, 100), 150); if(random() > 0.2) { rect(i, 560 + j, 5, 5); } } } return get(0, 560, 40, 40); }, mine_bush_3: function() { background(0, 0); randomSeed(113); noStroke(); for(var i = 0; i < 40; i+= 5) { for(var j = 0; j < 40; j+= 5) { fill(random(80, 100), random(180, 230), random(80, 100), 150); if(random() > 0.2) { rect(i, 560 + j, 5, 5); } } } return get(0, 560, 40, 40); }, mine_trunk_1: function() { background(0, 0); randomSeed(104); noStroke(); fill(135, 97, 31); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_trunk_2: function() { background(0, 0); randomSeed(111); noStroke(); fill(133, 93, 28); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, mine_gameTitle: function() { background(0); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 80); textAlign(CENTER); fill(255); text("FLAPPY\nBIRD", 300, 300); var title = get(160, 240, 280, 155); for(var i = 160; i < 440; i+= 50) { image(game.images.mine_dirt_1, i, 240, 50, 50); image(game.images.mine_grass_1, i, 240, 50, 50); image(game.images.mine_trunk_2, i, 290, 50, 50); image(game.images.mine_dirt_3, i, 340, 50, 50); image(game.images.mine_trunk_2, i, 360, 50, 50); } var titleMask = get(160, 240, 280, 155); titleMask.mask(title); background(0, 0); image(titleMask, 160, 240); popStyle(); return get(160, 240, 280, 155); }, mine_gameOver: function() { background(0); pushStyle(); textFont(createFont("Trebuchet MS Bold"), 50); textAlign(CENTER); fill(255); text("GAME OVER", 300, 300); var title = get(160, 258, 280, 50); for(var i = 160; i < 440; i+= 50) { image(game.images.mine_dirt_1, i, 250, 50, 50); image(game.images.mine_grass_1, i, 250, 50, 50); image(game.images.mine_trunk_2, i, 290, 50, 50); } var titleMask = get(160, 255, 280, 50); titleMask.mask(title); background(0, 0); image(titleMask, 160, 240); popStyle(); return get(160, 240, 280, 50); }, mine_ground: function() { background(0, 0); for(var i = 0; i < 600; i+= 40) { game.drawGrass(i, 560); } return get(0, 560, 600, 40); }, mine_tree_1: function() { background(0, 0); for(var i = 0; i < 200; i+= 40) { game.drawTrunk(200, 160 + i); } game.drawBush(120, 200); game.drawBush(160, 200); game.drawBush(200, 200); game.drawBush(240, 200); game.drawBush(280, 200); game.drawBush(120, 160); game.drawBush(160, 160); game.drawBush(200, 160); game.drawBush(240, 160); game.drawBush(280, 160); game.drawBush(160, 120); game.drawBush(200, 120); game.drawBush(240, 120); game.drawBush(200, 80); return get(120, 80, 200, 280); }, mine_tree_2: function() { background(0, 0); for(var i = 0; i < 200; i+= 40) { game.drawTrunk(200, 160 + i); } game.drawBush(120, 200); game.drawBush(160, 200); game.drawBush(200, 200); game.drawBush(240, 200); game.drawBush(280, 200); game.drawBush(120, 160); game.drawBush(160, 160); game.drawBush(200, 160); game.drawBush(240, 160); game.drawBush(280, 160); game.drawBush(160, 120); game.drawBush(200, 120); game.drawBush(240, 120); game.drawBush(160, 80); game.drawBush(200, 80); game.drawBush(240, 80); return get(120, 80, 200, 280); }, mine_hill_1: function() { background(0, 0); for(var i = 0; i < 600; i+= 40) { for(var j = 300; j < 420; j+= 40) { game.drawDirt(i, j); } } game.drawGrass(0, 260); game.drawGrass(40, 260); game.drawDirt(80, 260); game.drawGrass(80, 220); game.drawDirt(120, 260); game.drawGrass(120, 220); game.drawGrass(160, 260); game.drawGrass(200, 260); game.drawGrass(240, 260); game.drawDirt(280, 260); game.drawGrass(280, 220); game.drawDirt(320, 260); game.drawGrass(320, 220); game.drawDirt(360, 260); game.drawGrass(360, 220); game.drawDirt(400, 220); game.drawDirt(400, 260); game.drawGrass(400, 180); game.drawDirt(440, 220); game.drawDirt(440, 260); game.drawGrass(440, 180); game.drawDirt(480, 260); game.drawGrass(480, 220); game.drawDirt(520, 260); game.drawGrass(520, 220); game.drawGrass(560, 260); return get(0, 180, 600, 320); }, mine_hill_2: function() { background(0, 0); for(var i = 0; i < 600; i+= 40) { for(var j = 300; j < 340; j+= 40) { game.drawDirt(i, j); } } for(var i = 0; i < 600; i+= 40) { game.drawTrunk(i, 340); } game.drawGrass(0, 260); game.drawGrass(40, 260); game.drawDirt(80, 260); game.drawGrass(80, 220); game.drawDirt(120, 260); game.drawGrass(120, 220); game.drawGrass(160, 260); game.drawGrass(200, 260); game.drawGrass(240, 300); game.drawGrass(280, 300); game.drawGrass(320, 260); game.drawGrass(360, 260); game.drawDirt(400, 260); game.drawGrass(400, 220); game.drawDirt(440, 260); game.drawGrass(440, 220); game.drawGrass(480, 260); game.drawGrass(520, 260); game.drawDirt(560, 260); game.drawGrass(560, 220); game.drawTrunk(0, 330); game.drawTrunk(40, 300); game.drawTrunk(80, 320); game.drawTrunk(180, 320); game.drawTrunk(340, 300); game.drawTrunk(380, 320); game.drawTrunk(420, 300); game.drawTrunk(460, 300); game.drawTrunk(500, 320); return get(0, 220, 600, 160); }, mine_pipe_top: function() { background(0, 0); for(var i = 0; i < 600; i+= 40) { game.drawStone(0, i); game.drawStone(10, i); } return get(0, 0, 50, 600); }, mine_pipe_bottom: function() { background(0, 0); for(var i = 0; i < 600; i+= 40) { game.drawStone(0, i); game.drawStone(10, i); } return get(0, 0, 50, 600); } }; //load the save code into the appropriate properties var index = 0; var saveArr = saveCode.split("\|"); //current player this.player.bird = Number(saveArr[index++]); this.player.trail.shape = Number(saveArr[index++]); this.player.trail.color = color(Number(saveArr[index++])); //current theme index this.theme.index = Number(saveArr[index++]); //birds for(var i = 0; i < this.birds.length; i++) { var bird = this.birds[i]; bird.enabled = saveArr[index++] === "Y" ? true : false; bird.sprite.trail.shape = Number(saveArr[index++]); bird.sprite.trail.color = color(Number(saveArr[index++])); } //trails for(var i = 0; i < this.trails.length; i++) { this.trails[i].enabled = (saveArr[index][i] === "Y" ? true : false); } index++; //themes for(var i = 0; i < this.themes.length; i++) { this.themes[i].enabled = (saveArr[index][i] === "Y" ? true : false); } index++; //total runs this.achievements.counters.games = Number(saveArr[index++]); //total tokens this.tokens.value = Number(saveArr[index++]); //best tokens this.tokens.best = Number(saveArr[index++]); //best points this.score.best = Number(saveArr[index++]); //view how screen this.viewed.how = saveArr[index++] === "Y" ? true : false; //achievements reached for(var i = 0; i < this.achievements.list.length; i++) { this.achievements.list[i].achieved = (saveArr[index][i] === "Y" ? true : false); } index++; //last 5 points this.achievements.counters.runs = saveArr.slice(index); //setup sounds this.sounds.token.audio.volume = 0.3; this.sounds.achievement.audio.volume = 0.3; this.sounds.buy.audio.volume = 0.5; //generate icons of each bird var iconBird = Player.new({ x: 15, y: 10, bird: 0 }); for(var i = 0; i < this.birds.length; i++) { background(0, 0); iconBird.bird = i; iconBird.drawbird(); this.icons.push(get(0, 0, 70, 70)); } //bird buttons var row = 0, gap = 15, edge = 20, col = 0; for(var i = 0; i < this.birds.length; i++) { var bird = this.birds[i]; col = i % 5; if(i !== 0 && i % 5 === 0) { row++; } bird.x = 20 + col * 100 + col * 15; bird.y = 175 + row * 110; bird.sprite.x = bird.x + 50 - bird.sprite.w / 2; bird.sprite.y = bird.y + 50 - bird.sprite.h * 0.8; } //trail buttons var row = -1; for(var i = 0; i < this.trails.length; i++) { if(i % 3 === 0) { row++; } this.trailButtons.trails.push({ x: 118 + (i % 3) * 82, y: 306 + row * 67, w: 75, h: 60 }); } //trail bird buttons for(var i = 0; i < this.birds.length; i++) { this.trailButtons.birds.push({ x: 5, y: 10 + i * 33, w: 95, h: 28 }); } }, init: function() { //reset timer this.timer = 0; //reset score this.score.value = 0; //clear arrays this.pipes.data.length = 0; this.bits.length = 0; this.tokens.data.length = 0; //reset min game to 180 (will reduce down to 100 over time) this.pipes.gap.MIN = 180; //add the initial pipes (top and bottom) for(var i = 2; i < 6; i++) { var pipeHeight = random(30, 330); //top pipe this.pipes.data.push({ x: i * this.pipes.spacing, y: 0, w: this.pipes.w, h: pipeHeight }); //bottom pipe pipeHeight = 600 - pipeHeight - ~~random(this.pipes.gap.MIN, this.pipes.gap.MAX); this.pipes.data.push({ x: i * this.pipes.spacing, y: height - pipeHeight, w: this.pipes.w, h: pipeHeight }); } }, setGameOver: function() { this.player.vy = -10; this.player.hit = true; this.shopTimer = 0; this.menuBird.x = 50; this.menuBird.y = 270; this.over.timer = 0; this.over.score.value = 0; this.over.title.value = this.over.title.from; this.over.panel.value = this.over.panel.from; for(var key in this.over.buttons) { this.over.buttons[key].value = this.over.buttons[key].from; this.buttons.gameover[key].x = -200; } this.state = "crash"; }, reset: function() { this.player.x = this.player.spawn.x; this.player.y = this.player.spawn.y; this.player.active = false; this.player.vx = 0; this.player.vy = 0; this.player.canFly = true; this.player.hit = false; this.player.crashed = false; this.player.angle = 0; this.player.trails.length = 0; this.speed.value = this.speed.MIN; this.theme.move = false; this.over.timer = 0; this.over.score.value = 0; this.over.title.value = this.over.title.from; this.over.panel.value = this.over.panel.from; for(var key in this.over.buttons) { this.over.buttons[key].value = this.over.buttons[key].from; this.buttons.gameover[key].x = -200; } this.achievements.counters.games++; //games this.achievements.counters.tokens = 0; this.init(); this.state = "play"; }, load: function (page) { var obj = Object.keys(this.images); this.images[obj[this.imageIndex]] = this.images[obj[this.imageIndex]](); this.imageIndex++; background(84, 84, 84); pushStyle(); fill(55, 55, 55); textAlign(CENTER, CENTER); textSize(40); text('LOADING', 300, 300); noFill(); stroke(191, 191, 191); strokeWeight(15); strokeCap(SQUARE); arc(300, 300, 300, 300, 0, map(this.imageIndex / obj.length, 0, 1, 0, 360)); strokeCap(ROUND); strokeWeight(1); popStyle(); if(this.imageIndex < obj.length){ this.loaded = false; } else { this.loaded = true; this.init(); this.page = page; //add clouds this.clouds.push({ x: 120, y: random(100, 150), vx: random(0.55, 0.75), img: this.images.cloud_1 }); this.clouds.push({ x: 320, y: random(20, 70), vx: random(0.55, 0.75), img: this.images.cloud_2 }); this.clouds.push({ x: 500, y: random(70, 150), vx: random(0.55, 0.75), img: this.images.cloud_1 }); } }, collision: function(block) { return this.player.x < block.x + block.w && this.player.x + this.player.w > block.x && this.player.y < block.y + block.h && this.player.y + this.player.h > block.y; }, runPipes: function() { var addPipe = false; for(var i = this.pipes.data.length - 1; i >= 0; i-= 2) { //get the top and bottom pipes var pipeTop = this.pipes.data[i-1]; var pipeBottom = this.pipes.data[i]; switch(this.theme.index) { case 0: //classic image(this.images.classic_pipe_top, pipeTop.x, -600 + pipeTop.h); image(this.images.classic_pipe_bottom, pipeBottom.x, pipeBottom.y); break; case 1: //alps image(this.images.alps_pipe_top, pipeTop.x, -600 + pipeTop.h); image(this.images.alps_pipe_bottom, pipeBottom.x, pipeBottom.y); break; case 2: //radioactive image(this.images.radioactive_pipe_top, pipeTop.x, -600 + pipeTop.h); image(this.images.radioactive_pipe_bottom, pipeBottom.x, pipeBottom.y); break; case 3: //minecraft image(this.images.mine_pipe_top, pipeTop.x, -600 + pipeTop.h); image(this.images.mine_pipe_bottom, pipeBottom.x, pipeBottom.y); break; } //if play and the player is active then move the pipes if(this.state === "play" && this.player.active) { pipeTop.x-= this.speed.value; pipeBottom.x-= this.speed.value; } //if player passed the pipe, add to the score if(!pipeTop.passed && this.player.x > pipeTop.x + pipeTop.w) { pipeTop.passed = true; pipeBottom.padded = true; this.score.value++; //reduce min gap from 180 to 100 by increments of 5 this.pipes.gap.MIN = constrain(this.pipes.gap.MIN - 5, 100, 180); //check achievement achieved and setup alert if(!this.achievements.list[1].achieved && this.score.value === 10) { this.achievements.list[1].achieved = true; this.addAchievementAlert(this.achievements.list[1].description); } else if(!this.achievements.list[10].achieved && this.score.value === 25) { this.achievements.list[10].achieved = true; this.addAchievementAlert(this.achievements.list[10].description); } else if(!this.achievements.list[14].achieved && this.score.value === 40) { this.achievements.list[14].achieved = true; this.addAchievementAlert(this.achievements.list[14].description); } else if(!this.achievements.list[22].achieved && this.score.value === 50) { this.achievements.list[22].achieved = true; this.addAchievementAlert(this.achievements.list[22].description); } //three consecutive scores if(this.achievements.counters.runs.length >= 2) { //score of 10+ if(!this.achievements.list[9].achieved && this.score.value >= 10 && this.achievements.counters.runs[0] >= 10 && this.achievements.counters.runs[1] >= 10) { this.achievements.list[9].achieved = true; this.addAchievementAlert(this.achievements.list[9].description); } //score of 15+ else if(!this.achievements.list[13].achieved && this.score.value >= 15 && this.achievements.counters.runs[0] >= 15 && this.achievements.counters.runs[1] >= 15) { this.achievements.list[13].achieved = true; this.addAchievementAlert(this.achievements.list[13].description); } //score of 20+ else if(!this.achievements.list[21].achieved && this.score.value >= 20 && this.achievements.counters.runs[0] >= 20 && this.achievements.counters.runs[1] >= 20) { this.achievements.list[21].achieved = true; this.addAchievementAlert(this.achievements.list[21].description); } //score of 30+ else if(!this.achievements.list[25].achieved && this.score.value >= 30 && this.achievements.counters.runs[0] >= 30 && this.achievements.counters.runs[1] >= 30) { this.achievements.list[25].achieved = true; this.addAchievementAlert(this.achievements.list[25].description); } } //five consecutive scores if(this.achievements.counters.runs.length >= 4) { //score of 10+ if(!this.achievements.list[19].achieved && this.score.value >= 10 && this.achievements.counters.runs[0] >= 10 && this.achievements.counters.runs[1] >= 10 && this.achievements.counters.runs[2] >= 10 && this.achievements.counters.runs[3] >= 10) { this.achievements.list[19].achieved = true; this.addAchievementAlert(this.achievements.list[19].description); } //score of 20+ else if(!this.achievements.list[23].achieved && this.score.value >= 20 && this.achievements.counters.runs[0] >= 20 && this.achievements.counters.runs[1] >= 20 && this.achievements.counters.runs[2] >= 20 && this.achievements.counters.runs[3] >= 20) { this.achievements.list[23].achieved = true; this.addAchievementAlert(this.achievements.list[23].description); } //score of 25+ else if(!this.achievements.list[26].achieved && this.score.value >= 25 && this.achievements.counters.runs[0] >= 25 && this.achievements.counters.runs[1] >= 25 && this.achievements.counters.runs[2] >= 25 && this.achievements.counters.runs[3] >= 25) { this.achievements.list[26].achieved = true; this.addAchievementAlert(this.achievements.list[26].description); } } } //if pipes goes off the screen then remove them if(pipeTop.x + pipeTop.w < 0) { addPipe = true; this.pipes.data.splice(i-1, 2); } } //if removed pipes then add new ones if(addPipe) { var pipeHeight = random(30, 330); //top pipe this.pipes.data.push({ x: width + this.pipes.spacing - this.pipes.w, y: 0, w: this.pipes.w, h: pipeHeight, passed: false }); //bottom pipe pipeHeight = 600 - pipeHeight - ~~random(this.pipes.gap.MIN, this.pipes.gap.MAX); this.pipes.data.push({ x: width + this.pipes.spacing - this.pipes.w, y: height - pipeHeight, w: this.pipes.w, h: pipeHeight, passed: false }); //add a new token (seed) occasionally between the two pipes gaps if(random() < 0.5) { var pipeTop = this.pipes.data[this.pipes.data.length-2]; var pipeBottom = this.pipes.data[this.pipes.data.length-1]; var tokenY = pipeTop.h + ((600 - pipeTop.h - pipeBottom.h) / 2); var diameter = random(10, 15); this.tokens.data.push({ x: pipeTop.x + pipeTop.w / 2, y: tokenY, w: diameter, h: diameter, color: this.themes[this.theme.index].colors.token }); } } }, runGround: function() { switch(this.theme.index) { case 0: //classic image(this.images.classic_ground, this.ground.x1, 560); image(this.images.classic_ground, this.ground.x2, 560); break; case 1: //alps image(this.images.alps_ground, this.ground.x1, 560); image(this.images.alps_ground, this.ground.x2, 560); break; case 2: //radioactive image(this.images.radioactive_ground, this.ground.x1, 560); image(this.images.radioactive_ground, this.ground.x2, 560); break; case 3: //minecraft image(this.images.mine_ground, this.ground.x1, 560); image(this.images.mine_ground, this.ground.x2, 560); break; } if(this.state === "play" && this.player.active) { this.ground.x1-= this.speed.value; this.ground.x2-= this.speed.value; } if(this.ground.x1 <= -width) { this.ground.x1+= width * 2; } if(this.ground.x2 <= -width) { this.ground.x2+= width * 2; } if(this.state === "play" && this.collision(this.ground)) { this.state = "crash"; } }, runClouds: function() { //move/display clouds for(var i = 0; i < this.clouds.length; i++) { var cloud = this.clouds[i]; image(cloud.img, cloud.x, cloud.y); if(this.player.active \|\| this.page !== "play") { cloud.x-= cloud.vx; } if(cloud.x + cloud.img.width < 0) { cloud.x = width; cloud.y = random(20, 250); cloud.vx = random(0.55, 0.75); } } }, runBits: function() { noStroke(); for(var i = this.bits.length - 1; i >= 0; i--) { var bit = this.bits[i]; pushMatrix(); translate(bit.x + bit.diameter / 2, bit.y + bit.diameter / 2); rotate(bit.angle); fill(bit.color, bit.opacity); rect(-bit.diameter / 2, - bit.diameter / 2, bit.diameter, bit.diameter); if(this.state === "play") { bit.x-= this.speed.value; } bit.opacity-= 2; bit.vy+= bit.gravity; bit.x+= bit.vx; bit.y+= bit.vy; bit.angle+= bit.rot; if(bit.opacity <= 0) { this.bits.splice(i, 1); } popMatrix(); } }, runTokens: function() { noStroke(); for(var i = this.tokens.data.length - 1; i >= 0; i--) { var token = this.tokens.data[i]; pushMatrix(); translate(token.x + token.w / 2, token.y + token.h / 2); rotate(this.timer); fill(token.color); rect(-token.w / 2, -token.h / 2, token.w, token.h); popMatrix(); if(this.state === "play") { token.x-= this.speed.value; } if(token.x + token.w < 0) { this.tokens.data.splice(i, 1); } else if(this.collision(token)) { //add bits when player collects token for(var j = 0; j < 10; j++) { this.bits.push({ x: token.x + token.w / 2, y: token.y + token.h / 2, diameter: random(4, 7), opacity: 255, vx: random(-1, 1), vy: random(-4, -2), gravity: 0.1, color: this.themes[this.theme.index].colors.token, angle: 0, rot: random(-6, 6) }); } if(this.sound){ this.sounds.token.audio.pause(); this.sounds.token.audio.currentTime = 0; this.sounds.token.audio.play(); } this.achievements.counters.tokens++; this.tokens.value++; this.tokens.data.splice(i, 1); //update achievements for n tokens collected if(!this.achievements.list[6].achieved && this.achievements.counters.tokens === 10) { //collected 10 tokens this.achievements.list[6].achieved = true; this.addAchievementAlert(this.achievements.list[6].description); } else if(!this.achievements.list[11].achieved && this.achievements.counters.tokens === 15) { //collected 15 tokens this.achievements.list[11].achieved = true; this.addAchievementAlert(this.achievements.list[11].description); } else if(!this.achievements.list[20].achieved && this.achievements.counters.tokens === 20) { //collected 20 tokens this.achievements.list[20].achieved = true; this.addAchievementAlert(this.achievements.list[20].description); } else if(!this.achievements.list[24].achieved && this.achievements.counters.tokens === 25) { //collected 25 tokens this.achievements.list[24].achieved = true; this.addAchievementAlert(this.achievements.list[24].description); } } } }, runMenuBird: function() { this.shopTimer++; var s_y_angle = sin(this.shopTimer * 4); var s_wing = sin(this.shopTimer * 10); var c_tail = cos(this.shopTimer * 10); this.menuBird.y += s_y_angle * 1.3; this.menuBird.angle = s_y_angle * 1.0; this.menuBird.wing.angle = s_wing * 8; this.menuBird.tail.angle = c_tail * 5; this.menuBird.drawbird(); if(this.shopTimer % 240 === 0) { this.menuBird.bird = ~~random(this.birds.length); } }, move: function() { //check if key pressed or mouse clicked, and the bird can fly if((keys[UP] \|\| keys[87] \|\| keys[32] \|\| clicked) && this.player.canFly) { //UP/W/SPACE keys or clicked the mouse //add lift this.player.vy = this.player.lift; //set bird as active this.player.active = true; //set bird to can fly this.player.canFly = false; //start moving the scene this.theme.move = true; //update achievements for n times played the game if(!this.achievements.list[2].achieved && this.player.active && this.achievements.counters.games === 10) { //played 10 games this.achievements.list[2].achieved = true; this.addAchievementAlert(this.achievements.list[2].description); } else if(!this.achievements.list[7].achieved && this.player.active && this.achievements.counters.games === 25) { //played 25 games this.achievements.list[7].achieved = true; this.addAchievementAlert(this.achievements.list[7].description); } else if(!this.achievements.list[12].achieved && this.player.active && this.achievements.counters.games === 50) { //played 50 games this.achievements.list[12].achieved = true; this.addAchievementAlert(this.achievements.list[12].description); } else if(!this.achievements.list[18].achieved && this.player.active && this.achievements.counters.games === 100) { //played 100 games this.achievements.list[18].achieved = true; this.addAchievementAlert(this.achievements.list[18].description); } } //if the bird is active if(this.player.active) { //add the lift and gravity this.player.y += this.player.vy; this.player.vy = this.player.vy + this.player.gravity; } //check for collision for(var i = 0; i < this.pipes.data.length; i++) { if(this.collision(this.pipes.data[i])) { //add bits when player crashes on ground for(var i = 0; i < 10; i++) { this.bits.push({ x: this.player.x + this.player.w / 2, y: this.player.y + this.player.h / 2, diameter: random(4, 8), opacity: 255, vx: random(-1, 1), vy: random(-6, -3), gravity: 0.2, color: this.player.colors.birds[this.player.bird].body, angle: 0, rot: random(-2, 2) }); } if(this.sound){ this.sounds.hit.audio.pause(); this.sounds.hit.audio.currentTime = 0; this.sounds.hit.audio.play(); } this.setGameOver(); break; } } }, flutter: function() { this.player.y += sin(frameCount * 5) * 0.5; this.player.angle = sin(frameCount * 5) * 1.0; this.player.wing.angle = sin(frameCount * 10) * 8; this.player.tail.angle = cos(frameCount * 10) * 5; }, isOver: function(x, y, w, h) { return mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; }, resetShop: function() { this.shopTimer = 0; for(var i = 0; i < this.birds.length; i++) { this.birds[i].sprite.y = this.birds[i].y + 50 - this.birds[i].sprite.h * 0.9; } }, resetShopTrails: function() { this.trailBird.bird = this.player.bird; this.trailBird.trail = this.player.trail; this.trailBird.trails.length = 0; this.trailBird.x = 345; this.trailBird.y = 200; this.colorPicker.setColor(this.trailBird.trail.color); }, drawTheme: function(theme, x, y) { switch(theme) { case 0: //classic image(this.images.cloud_1, x + 100 * 0.25, y + 220 * 0.25, this.images.cloud_1.width * 0.25, this.images.cloud_1.height * 0.25); image(this.images.cloud_2, x + 300 * 0.25, y + 180 * 0.25, this.images.cloud_2.width * 0.25, this.images.cloud_2.height * 0.25); image(this.images.classic_clouds_1, x, y + 400 * 0.25 - 20, this.images.classic_clouds_1.width * 0.25, this.images.classic_clouds_1.height * 0.25); image(this.images.classic_buildings, x, y + 450 * 0.25 - 20, this.images.classic_buildings.width * 0.25, this.images.classic_buildings.height * 0.25); image(this.images.classic_hills_1, x, y + 505 * 0.25 - 20, this.images.classic_hills_1.width * 0.25, this.images.classic_hills_1.height * 0.25); image(this.images.classic_ground, x, y + 560 * 0.25 - 20, this.images.classic_ground.width * 0.25, this.images.classic_ground.height * 0.25); break; case 1: //alps image(this.images.alps_hills_1, x, y + 100 * 0.25 - 20, this.images.alps_hills_1.width * 0.25, this.images.alps_hills_1.height * 0.25); image(this.images.alps_hills_2, x, y + 200 * 0.25 - 20, this.images.alps_hills_2.width * 0.25, this.images.alps_hills_2.height * 0.25); image(this.images.alps_hills_3, x, y + 380 * 0.25 - 20, this.images.alps_hills_3.width * 0.25, this.images.alps_hills_3.height * 0.25); image(this.images.alps_ground, x, y + 560 * 0.25 - 20, this.images.alps_ground.width * 0.25, this.images.alps_ground.height * 0.25); break; case 2: //radioactive image(game.images.radioactive_hills_3, x, y + 110 * 0.25 - 20, this.images.radioactive_hills_3.width * 0.25, this.images.radioactive_hills_3.height * 0.25); image(game.images.radioactive_hills_2, x, y + 412 * 0.25 - 20, this.images.radioactive_hills_2.width * 0.25, this.images.radioactive_hills_2.height * 0.25); image(game.images.radioactive_hills_1, x, y + 482 * 0.25 - 20, this.images.radioactive_hills_1.width * 0.25, this.images.radioactive_hills_1.height * 0.25); image(this.images.radioactive_ground, x, y + 560 * 0.25 - 20, this.images.radioactive_ground.width * 0.25, this.images.radioactive_ground.height * 0.25); break; case 3: //minecraft image(this.images.mine_tree_1, x + 60, y + 200 * 0.25 - 20, this.images.mine_tree_1.width * 0.6 * 0.25, this.images.mine_tree_1.height * 0.6 * 0.25); image(this.images.mine_hill_1, x, y + 320 * 0.25 - 20, this.images.mine_hill_1.width * 0.25, this.images.mine_hill_1.height * 0.25); image(this.images.mine_hill_2, x, y + 410 * 0.25 - 20, this.images.mine_hill_2.width * 0.25, this.images.mine_hill_2.height * 0.25); image(this.images.mine_ground, x, y + 560 * 0.25 - 20, this.images.mine_ground.width * 0.25, this.images.mine_ground.height * 0.25); break; } }, play: function() { switch(this.state) { case "play": this.theme.run(); if(this.player.active) { this.timer++; } else { this.flutter(); } if(this.theme.index === 0) { //classic this.runClouds(); } this.runPipes(); this.runGround(); this.runTokens(); this.runBits(); this.move(); this.player.run(); if(this.theme.index === 1) { //alps this.theme.runSnow(this.theme.snow.front); } if(this.player.active && this.timer % this.speed.FREQUENCY === 0) { this.speed.value = constrain(this.speed.value + this.speed.INCREMENT, this.speed.MIN, this.speed.MAX); } //display stats pushStyle(); fill(this.themes[this.theme.index].colors.text, 150); textSize(24); textAlign(LEFT, TOP); text("Score: " + this.score.value, 10, 10); textAlign(RIGHT, TOP); text(this.tokens.value, 555, 10); pushMatrix(); translate(575, 25); rotate(this.timer); fill(this.themes[this.theme.index].colors.token); rect(-10, -10, 20, 20); popMatrix(); popStyle(); break; case "crash": this.theme.draw(); if(this.theme.index === 0) { //classic this.runClouds(); } this.runPipes(); this.runGround(); this.runTokens(); this.runBits(); this.player.fall(); if(this.theme.index === 1) { this.theme.runSnow(this.theme.snow.front); } //display stats pushStyle(); fill(this.themes[this.theme.index].colors.text, 150); textSize(24); textAlign(RIGHT, TOP); text(this.tokens.value, 555, 10); pushMatrix(); translate(575, 25); rotate(this.timer); fill(this.themes[this.theme.index].colors.token); rect(-10, -10, 20, 20); popMatrix(); popStyle(); if(this.player.y === 540) { if(!this.player.crashed) { this.player.crashed = true; if(this.sound){ this.sounds.crash.audio.pause(); this.sounds.crash.audio.currentTime = 0; this.sounds.crash.audio.play(); } this.score.last = this.score.value; this.score.best = max(this.score.value, this.score.best); this.achievements.counters.runs.unshift(this.score.value); //consecutive scores this.achievements.counters.runs.splice(5); //ensure only 5 items in the array this.tokens.best = max(this.tokens.best, this.achievements.counters.tokens); //add bits when player crashes on ground for(var i = 0; i < 10; i++) { this.bits.push({ x: this.player.x + this.player.w / 2, y: this.player.y + this.player.h / 2, diameter: random(4, 8), opacity: 255, vx: random(-1, 1), vy: random(-6, -3), gravity: 0.2, color: this.player.colors.birds[this.player.bird].body, angle: 0, rot: random(-2, 2) }); } } this.gameover(); } break; } }, gameover: function() { this.over.timer++; if(this.over.timer >= this.over.title.delay) { this.over.title.value = lerp(this.over.title.value, this.over.title.to, 0.1); } if(this.over.timer >= this.over.panel.delay) { this.over.panel.value = lerp(this.over.panel.value, this.over.panel.to, 0.1); if(this.over.timer >= this.over.score.delay && this.over.timer % 3 === 0) { this.over.score.value = constrain(this.over.score.value + 1, 0, this.score.value); } } for(var key in this.over.buttons) { if(this.over.timer >= this.over.buttons[key].delay) { this.buttons.gameover[key].x = lerp(this.buttons.gameover[key].x, this.over.buttons[key].to, 0.1); } } //display title pushMatrix(); translate(300, this.over.title.value); rotate(sin(frameCount * 4) * 2); switch(this.theme.index) { case 0: image(this.images.classic_gameOver, -this.images.classic_gameOver.width / 2, -this.images.classic_gameOver.height / 2); break; case 1: image(this.images.alps_gameOver, -this.images.alps_gameOver.width / 2, -this.images.alps_gameOver.height / 2); break; case 2: image(this.images.radioactive_gameOver, -this.images.radioactive_gameOver.width / 2, -this.images.radioactive_gameOver.height / 2); break; case 3: image(this.images.mine_gameOver, -this.images.mine_gameOver.width / 2, -this.images.mine_gameOver.height / 2); break; } popMatrix(); //display stats pushMatrix(); translate(0, this.over.panel.value); pushStyle(); //panel noStroke(); fill(this.themes[this.theme.index].colors.buttonBack, 180); rect(140, 0, 320, 190, 10); //data fill(this.themes[this.theme.index].colors.buttonText); textSize(18); textAlign(LEFT, TOP); text("Score: " + this.over.score.value, 160, 15); text("Best: " + this.score.best, 310, 15); text("Tokens: " + this.achievements.counters.tokens, 160, 59); text("Best: " + this.tokens.best, 310, 59); textAlign(CENTER, TOP); text("Games played: " + this.achievements.counters.games, 300, 103); text("Last " + (this.achievements.counters.runs.length === 1 ? "score: " : this.achievements.counters.runs.length + " scores: ") + this.achievements.counters.runs, 300, 147); noFill(); stroke(this.themes[this.theme.index].colors.text, 50); line(160, 50, 440, 51); line(160, 93, 440, 95); line(160, 136, 440, 139); popStyle(); popMatrix(); //buttons for(var i in this.buttons.gameover) { this.buttons.gameover[i].draw(); } }, home: function() { this.theme.run(); this.runGround(); this.runMenuBird(); //display title pushMatrix(); translate(215, 150); rotate(-15); switch(this.theme.index) { case 0: image(this.images.classic_gameTitle, -this.images.classic_gameTitle.width / 2, -this.images.classic_gameTitle.height / 2); break; case 1: image(this.images.alps_gameTitle, -this.images.alps_gameTitle.width / 2, -this.images.alps_gameTitle.height / 2); break; case 2: image(this.images.radioactive_gameTitle, -this.images.radioactive_gameTitle.width / 2, -this.images.radioactive_gameTitle.height / 2); break; case 3: image(this.images.mine_gameTitle, -this.images.mine_gameTitle.width / 2, -this.images.mine_gameTitle.height / 2); break; } popMatrix(); pushMatrix(); translate(420, 185); rotate(-15); pushStyle(); textAlign(CENTER, CENTER); textFont(this.font); fill(this.themes[this.theme.index].colors.text); textSize(24); text("15 birds\n9 trails\n4 themes\n27 achievements", 0, 0); popStyle(); popMatrix(); if(!this.viewed.how) { pushMatrix(); translate(sin(frameCount * 7) * 2, 0); fill(this.themes[this.theme.index].colors.buttonBack); triangle(165, 342, 165, 378, 185, 360); popMatrix(); } for(var i in this.buttons.home) { this.buttons.home[i].draw(); } }, how: function() { this.theme.run(); this.runGround(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("How", 300, 40); textSize(14); text("To fly you can press W, UP or SPACE, or click on the screen.\n\nThe objective of the game is to fly as far as you can.\n\nMake sure you check out the shop to purchase birds, trails (shapes that trail the bird) and themes. You will need to collect tokens to purchase items from the shop.\n\nAlso make sure you try to obtain all 27 achievements.\n\nTo save your progress you'll need to take a spin-off of this program and change the width/height to 600 in the Settings beneath your spin-off. You can then generate a Save Code that you paste into your spin-off on line 40.\n\nPost your highscores in the Tips & Thanks - only the top 10 will be added to this program.", 20, 105, 560, 600); popStyle(); image(this.icons[7], 50, 500); pushMatrix(); scale(-1, 1); image(this.icons[12], -540, 500); popMatrix(); for(var i in this.buttons.standard) { this.buttons.standard[i].draw(); } }, shop: function() { this.theme.run(); this.runGround(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("Shop", 300, 40); textSize(15); text("You can purchase birds, trails the birds leave behind when flying, or themes. There are 15 birds, 9 trails and 4 themes to choose from.\n\nYou will need to collect the appropriate number of tokens to purchase items from the store.", 15, 100, 570, 600); textSize(22); text("You currently have " + this.tokens.value + " tokens available.", 15, 225, 570, 600); popStyle(); image(this.icons[8], 150, 290); pushMatrix(); scale(-1, 1); image(this.icons[13], -540, 500); popMatrix(); for(var i in this.buttons.shop) { this.buttons.shop[i].draw(); } }, shopTrails: function() { this.theme.run(); this.runGround(); this.speed.value = this.speed.MIN; this.shopTimer++; pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("Trails", 110, 20, 480, 600); textSize(15); text("Select a bird to customize the trails it leaves behind when it's flying. You can change the shape and color of the trail for each individual bird you've purchased.", 120, 75, 470, 600); textSize(22); text("You currently have " + this.tokens.value + " tokens available.", 115, 145, 480, 600); popStyle(); var s_y_angle = sin(this.shopTimer * 5); var s_wing = sin(this.shopTimer * 10); var c_tail = cos(this.shopTimer * 10); this.trailBird.y += s_y_angle * 1.5; this.trailBird.angle = s_y_angle * 5.0; this.trailBird.wing.angle = s_wing * 8; this.trailBird.tail.angle = c_tail * 5; this.trailBird.active = true; this.trailBird.run(); pushStyle(); textAlign(RIGHT, CENTER); textSize(11); noStroke(); fill(255, 100); rect(0, 0, 106, 507); for(var i = 0; i < this.birds.length; i++) { var bird = this.birds[i]; var birdButton = this.trailButtons.birds[i]; if(i === this.player.bird) { fill(155, 245, 164, 100); } else if(bird.enabled) { fill(242, 239, 242, 150); } else { fill(140, 137, 140, 100); } rect(birdButton.x, birdButton.y, birdButton.w, birdButton.h); if(i === this.player.bird) { fill(105, 105, 105); rect(birdButton.x + birdButton.w, birdButton.y, birdButton.w * 0.05, birdButton.h); } fill(8, 8, 8); text(bird.name, birdButton.x + birdButton.w * 0.95, birdButton.y + birdButton.h / 2); //icons image(this.icons[i], birdButton.x + birdButton.w * 0.05, birdButton.y, birdButton.h, birdButton.h); if(bird.enabled && this.isOver(birdButton.x, birdButton.y, birdButton.w, birdButton.h)) { hover = true; if(clicked) { this.trailBird.bird = bird.sprite.bird; this.player.bird = bird.sprite.bird; this.player.trail.shape = bird.sprite.trail.shape; this.player.trail.color = bird.sprite.trail.color; this.colorPicker.setColor(bird.sprite.trail.color); } } } textAlign(CENTER, CENTER); textSize(10); noStroke(); fill(255, 100); rect(112, 301, 250, 206); var panelFillColor, panelTextColor, panelText; for(var i = 0; i < this.trailButtons.trails.length; i++) { var trail = this.trails[i]; var trailButton = this.trailButtons.trails[i]; fill(0, 20); rect(trailButton.x, trailButton.y, trailButton.w, trailButton.h); if(this.player.trail.shape === i) { panelFillColor = color(155, 245, 164); panelTextColor = color(15, 15, 15); panelText = "SELECTED"; } else if(trail.enabled) { panelFillColor = color(153, 220, 247); panelTextColor = color(79, 77, 79); panelText = "PURCHASED"; } else if(trail.cost <= this.tokens.value) { panelFillColor = color(242, 239, 189); panelTextColor = color(79, 77, 79); panelText = trail.cost + " tokens"; } else { panelFillColor = color(102, 102, 102); panelTextColor = color(255); panelText = trail.cost + " tokens"; } fill(panelFillColor, 150); rect(trailButton.x + 1, trailButton.y + trailButton.h * 0.70, trailButton.w - 2, trailButton.h * 0.30); if(!trail.enabled && trail.cost > this.tokens.value) { fill(50, 50); rect(trailButton.x, trailButton.y, trailButton.w, trailButton.h); } //draw the trail shape/color this.player.drawTrail(i, { x: trailButton.x + trailButton.w * 0.40, y: trailButton.y + trailButton.h * 0.25, diameter: trailButton.w * 0.20 }); if(this.isOver(trailButton.x, trailButton.y, trailButton.w, trailButton.h)) { if(trail.enabled) { hover = true; if(clicked) { this.birds[this.player.bird].sprite.trail.shape = i; this.player.trail.shape = i; } } else if(trail.cost <= this.tokens.value) { hover = true; if(clicked) { this.birds[this.player.bird].sprite.trail.shape = i; this.player.trail.shape = i; this.tokens.value-= trail.cost; trail.enabled = true; this.achievements.counters.trails++; if(this.sound){ this.sounds.buy.audio.pause(); this.sounds.buy.audio.currentTime = 0; this.sounds.buy.audio.play(); } //purchased a trail if(!this.achievements.list[4].achieved) { this.achievements.list[4].achieved = true; this.addAchievementAlert(this.achievements.list[4].description); } else if(!this.achievements.list[16].achieved && this.achievements.counters.trails === this.trails.length) { this.achievements.list[16].achieved = true; this.addAchievementAlert(this.achievements.list[16].description); } } } } noStroke(); fill(panelTextColor); text(panelText, trailButton.x + trailButton.w / 2, trailButton.y + trailButton.h * 0.86); } this.colorPicker.run(); if(this.colorPicker.change()) { this.birds[this.player.bird].sprite.trail.color = this.colorPicker.value; this.player.trail.color = this.colorPicker.value; } popStyle(); for(var i in this.buttons.shopItems) { this.buttons.shopItems[i].draw(); } }, shopBirds: function() { this.theme.run(); this.runGround(); this.shopTimer++; pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("Birds", 300, 30); textSize(15); text("Select/purchase a bird using your game tokens.", 15, 90, 570, 600); textSize(22); text("You currently have " + this.tokens.value + " tokens available.", 15, 120, 570, 600); popStyle(); var s_y_angle = sin(this.shopTimer * 5); var s_wing = sin(this.shopTimer * 10); var c_tail = cos(this.shopTimer * 10); var panelFillColor, panelTextColor, panelText; pushStyle(); textAlign(CENTER, CENTER); textSize(10); noStroke(); for(var i = 0; i < this.birds.length; i++) { var bird = this.birds[i]; fill(242, 239, 242, 150); rect(bird.x, bird.y, 100, 100); if(bird.sprite.bird === this.player.bird) { panelFillColor = color(155, 245, 164); panelTextColor = color(15, 15, 15); panelText = "SELECTED"; } else if(bird.enabled) { panelFillColor = color(153, 220, 247); panelTextColor = color(79, 77, 79); panelText = "PURCHASED"; } else if(bird.cost <= this.tokens.value) { panelFillColor = color(242, 239, 189); panelTextColor = color(79, 77, 79); panelText = "BUY for " + bird.cost + " tokens"; } else { panelFillColor = color(102, 102, 102); panelTextColor = color(255); panelText = bird.cost + " tokens needed"; } fill(panelFillColor, 150); rect(bird.x, bird.y + 75, 100, 25); if(!bird.enabled && bird.cost > this.tokens.value) { fill(50, 50); rect(bird.x, bird.y, 100, 100); } bird.sprite.y += s_y_angle * 0.3; bird.sprite.angle = s_y_angle * 1.0; bird.sprite.wing.angle = s_wing * 8; bird.sprite.tail.angle = c_tail * 5; bird.sprite.drawbird(); if(this.isOver(bird.x, bird.y, 100, 100)) { hover = true; panelText = bird.name; if(clicked) { if(bird.enabled) { this.player.bird = bird.sprite.bird; this.player.trail.shape = bird.sprite.trail.shape; this.player.trail.color = bird.sprite.trail.color; } else if(bird.cost <= this.tokens.value) { this.player.bird = bird.sprite.bird; this.player.trail.shape = bird.sprite.trail.shape; this.player.trail.color = bird.sprite.trail.color; bird.enabled = true; this.tokens.value-= bird.cost; this.achievements.counters.birds++; if(this.sound){ this.sounds.buy.audio.pause(); this.sounds.buy.audio.currentTime = 0; this.sounds.buy.audio.play(); } //purchased a bird if(!this.achievements.list[3].achieved) { this.achievements.list[3].achieved = true; this.addAchievementAlert(this.achievements.list[3].description); } else if(!this.achievements.list[17].achieved && this.achievements.counters.birds === this.birds.length) { this.achievements.list[17].achieved = true; this.addAchievementAlert(this.achievements.list[17].description); } } } } noStroke(); fill(panelTextColor); text(panelText, bird.x + 50, bird.y + 75 + 14); } popStyle(); for(var i in this.buttons.shopItems) { this.buttons.shopItems[i].draw(); } }, shopThemes: function() { this.theme.run(); this.runGround(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("Themes", 300, 30); textSize(15); text("Select/purchase a theme using your game tokens.", 15, 90, 570, 600); textSize(22); text("You currently have " + this.tokens.value + " tokens available.", 15, 120, 570, 600); popStyle(); var panelFillColor, panelTextColor, panelText; pushStyle(); textAlign(CENTER, CENTER); noStroke(); for(var i = 0; i < this.themes.length; i++) { var theme = this.themes[i]; fill(this.themes[i].colors.back); rect(theme.x, theme.y, 150, 150); textSize(16); fill(this.themes[this.theme.index].colors.text); text(theme.name, theme.x + 75, theme.y - 13); this.drawTheme(i, theme.x, theme.y); if(i === this.theme.index) { panelFillColor = color(155, 245, 164); panelTextColor = color(15, 15, 15); panelText = "SELECTED"; } else if(theme.enabled) { panelFillColor = color(153, 220, 247); panelTextColor = color(79, 77, 79); panelText = "PURCHASED"; } else if(theme.cost <= this.tokens.value) { panelFillColor = color(242, 239, 189); panelTextColor = color(79, 77, 79); panelText = "BUY for " + theme.cost + " tokens"; } else { panelFillColor = color(102, 102, 102); panelTextColor = color(255); panelText = theme.cost + " tokens needed"; } fill(panelFillColor, 250); rect(theme.x, theme.y + 130, 150, 20); if(!theme.enabled && theme.cost > this.tokens.value) { fill(50, 50); rect(theme.x, theme.y, 150, 150); } if(this.isOver(theme.x, theme.y, 150, 150)) { hover = true; panelText = theme.name; if(clicked) { if(theme.enabled) { this.theme.index = i; } else if(theme.cost <= this.tokens.value) { this.theme.index = i; theme.enabled = true; this.tokens.value-= theme.cost; this.achievements.counters.themes++; if(this.sound){ this.sounds.buy.audio.pause(); this.sounds.buy.audio.currentTime = 0; this.sounds.buy.audio.play(); } //purchased a theme if(!this.achievements.list[5].achieved) { this.achievements.list[5].achieved = true; this.addAchievementAlert(this.achievements.list[5].description); } else if(!this.achievements.list[15].achieved && this.achievements.counters.themes === this.themes.length) { this.achievements.list[15].achieved = true; this.addAchievementAlert(this.achievements.list[15].description); } } } } noFill(); stroke(0, 100); rect(theme.x, theme.y, 150, 150); noStroke(); textSize(10); fill(panelTextColor); text(panelText, theme.x + 75, theme.y + 130 + 10); } popStyle(); for(var i in this.buttons.shopItems) { this.buttons.shopItems[i].draw(); } }, runAchievements: function() { this.achievements.offset.value = lerp(this.achievements.offset.value, this.achievements.offset.target, 0.2); var themeColors = this.themes[this.theme.index].colors; pushMatrix(); translate(this.achievements.offset.value, 0); pushStyle(); textAlign(CENTER, TOP); rectMode(CENTER); for(var i = 0; i < this.achievements.list.length; i+= 1) { var achievement = this.achievements.list[i]; fill(achievement.achieved ? themeColors.achievementBack : color(themeColors.buttonBack, 150)); rect(140 + 160 * (i % 3) + (600 * achievement.page), 160 + 130 * achievement.row, 140, 110); fill(50, 50); rect(140 + 160 * (i % 3) + (600 * achievement.page), 125 + 130 * achievement.row, 140, 40); fill(achievement.achieved ? themeColors.achievementText : color(themeColors.buttonText, 200)); textSize(16); text(achievement.title, 140 + 160 * (i % 3) + (600 * achievement.page), 115 + 130 * achievement.row); textSize(13); text(achievement.description, 75 + 160 * (i % 3) + (600 * achievement.page), 110 + 130 * achievement.row + 40, 130, 110); } popStyle(); popMatrix(); }, runAchievementAlerts: function() { if(this.achievements.alerts.length > 0) { var themeColors = this.themes[this.theme.index].colors; pushStyle(); textAlign(CENTER, CENTER); textSize(13); stroke(themeColors.buttonText, 150); strokeWeight(2); for(var i = this.achievements.alerts.length - 1; i >= 0; i--) { var alert = this.achievements.alerts[i]; fill(themeColors.buttonBack, 200); rect(alert.x - alert.w / 2, alert.y, alert.w, alert.h, 0, 0, 10, 10); fill(themeColors.buttonText); text(alert.content, alert.x - alert.w * 0.45, alert.y - 5, alert.w * 0.9, alert.h); if(alert.dir === 1) { alert.y = constrain(alert.y + 2, -100, 0); if(alert.y === 0) { alert.dir = -1; } } else if(alert.dir === -1 && alert.delay-- <= 0) { alert.y = constrain(alert.y - 2, -100, 0); if(alert.y === -100) { this.achievements.alerts.splice(i, 1); } } } strokeWeight(1); popStyle(); } }, achievementsScene: function() { this.theme.run(); this.runGround(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("Achievements", 300, 20); textSize(14); text("PAGE " + (this.achievements.offset.target === 0 ? "1" : this.achievements.offset.target === -600 ? "2" : "3") + " of 3", 300, 75); popStyle(); this.runAchievements(); this.buttons.achievements.previous.enabled = this.achievements.offset.target <= -600; this.buttons.achievements.next.enabled = this.achievements.offset.target !== -1200; image(this.icons[5], 50, 500); pushMatrix(); scale(-1, 1); image(this.icons[10], -540, 500); popMatrix(); for(var i in this.buttons.standard) { this.buttons.standard[i].draw(); } for(var i in this.buttons.achievements) { this.buttons.achievements[i].draw(); } if(!this.achievements.list[0].achieved) { this.achievements.list[0].achieved = true; this.addAchievementAlert(this.achievements.list[0].description); } }, scoreboard: function() { this.theme.run(); this.runGround(); //display top 10 scores here var names = "", scores = ""; for(var i = 0; i < this.highscores.length; i++) { names+= this.highscores[i].name + ":\n"; scores+= "" + this.highscores[i].score + "\n"; } pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(this.themes[this.theme.index].colors.text); text("High Scores", 300, 40); textAlign(RIGHT); textSize(16); textLeading(35); text(names, 345, 125); text(scores, 385, 125); popStyle(); image(this.icons[4], 50, 500); pushMatrix(); scale(-1, 1); image(this.icons[14], -540, 500); popMatrix(); for(var i in this.buttons.standard) { this.buttons.standard[i].draw(); } }, run: function() { background(255); switch(this.page) { case "load": this.load("home"); break; case "home": if(this.logo.done) { this.home(); } this.logo.draw(); break; case "how": this.how(); break; case "achievements": this.achievementsScene(); break; case "scoreboard": this.scoreboard(); break; case "shop": this.shop(); break; case "shopBirds": this.shopBirds(); break; case "shopTrails": this.shopTrails(); break; case "shopThemes": this.shopThemes(); break; case "play": this.play(); break; } this.runAchievementAlerts(); if(this.transition.active) { this.transition.run(); } cursor(hover ? 'pointer' : 'default'); hover = clicked = false; } }; return Game; })(); game = new Game({}); draw = function() { game.run(); }; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; game.player.canFly = true; }; mousePressed = function() { clicked = true; }; mouseReleased = function() { clicked = false; game.player.canFly = true; };
Folds	51,55,61,366,368,661,663,838,840,886,888,1055,1057,2684,2686,6653,6661,6663,6664,6667,6668,6670,6671,6674
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMP-wJf0CAw
Votes	453
Spin-Offs	97
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"project-hoppy-beaver-extreme","title":"Project: Hoppy Beaver Extreme","deleted":"false","official":"true"}
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, 1739373301833
Updated	4 months ago, 1744828213542
Source Deleted	unknown