Viewing Program

Program Data

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

Title	Plank (Game)
ID	6704721809162240
Created	3 years ago, 1635771183777
Updated	3 years ago, 1635979354099
Code	/ Plank (Game) - based off the game Stick Hero Gray Wolf, November 2021 I'm looking to make a lot more games over the next few months :) Let me know what you think of this one, any issues, suggestions, etc. @High_Scores Let me know your highscore in the Tips & Thanks @Achievements Can you get all 18 achievements? @Save_Your_Progress To save your progress as you go you'll need to take a spin-off Once you've saved your spin-off you'll need to go into the Settings beneath your spin-off and change the width/height to 600, save, then refresh your page When you click on the save button in the game it will generate a save code that you will need to paste over the existing saveCode on line 35 @Subscribe Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048 Default starting saveCode if you need to reset it "0\|0\|YNNNNNNNNN\|YNNNN\|0\|0\|0\|0\|0\|0\|NNNNNNNNNNNNNNNNNN"; / //copy your save code over this one to save your progress //you'll need to take a spin-off and save it var saveCode = "0\|0\|YNNNNNNNNN\|YNNNN\|0\|0\|0\|0\|0\|0\|NNNNNNNNNNNNNNNNNN"; smooth(); textFont(createFont("Verdana")); //credit to KWC for the new object function Object.constructor.prototype.new = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }; var game; keyPressed = function () { game.keys[keyCode] = true; }; keyReleased = function () { game.keys[keyCode] = false; }; mouseClicked = function () { game.clicked = true; }; mousePressed = function () { game.pressed = true; }; mouseReleased = function () { game.pressed = false; }; var Logo = (function() { 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(56, 56, 56) }; 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.w = args.w \|\| 100; this.h = args.h \|\| 50; 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(240); this.textColor = args.textColor \|\| color(25); }; Button.prototype = { over: function() { return (mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h); }, draw: function() { noStroke(); this.hover = this.over(); if(this.enabled && this.hover) { game.hover = true; } fill(this.backColor, this.selected ? 100 : this.enabled && this.hover ? 150 : 220); rect(this.x, this.y, this.w, this.h); pushStyle(); textAlign(CENTER, CENTER); textSize(this.textSize); fill(this.enabled ? this.textColor : color(this.textColor, 100)); text(this.content, this.x + this.w / 2, this.y + this.h / 2); popStyle(); if(this.enabled && game.clicked && this.hover) { this.func(); } } }; return Button; })(); var Transition = (function() { var Transition = function(args) { this.h = 0; this.vy = 25; this.color = args.color \|\| color(0); this.active = false; this.page = "home"; }; Transition.prototype = { reset: function() { this.h = 0; this.vy = 25; }, draw: function() { if(this.active) { pushStyle(); noStroke(); fill(game.scenes[game.scene.index].colors.transition); triangle(0, 0, this.h, 0, 0, this.h); triangle(600, 600, 600, 600 - this.h, 600 - this.h, 600); fill(0, 50); quad(this.h - 50, 0, this.h, 0, 0, this.h, 0, this.h - 50); quad(600, 600 - this.h + 50, 600, 600 - this.h, 600 - this.h, 600, 600 - this.h + 50, 600); popStyle(); } }, update: function() { if(this.active) { this.h+= this.vy; //if halfway across the screen then change the scene if(this.h >= 600) { 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 Scene = (function() { Scene = 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 \|\| false; this.snow = { back: [], middle: [], front: [] }; this.stars = []; this.init(); }; Scene.prototype = { init: function() { //add stars for(var i = 0; i < 100; i++) { this.stars.push({ x: random(600), y: random(600), diameter: random(1, 2), color: color(255, random(100, 150)), vx: random(-0.2, -0.3) }); } //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.y+= flake.vy; if(flake.y + flake.diameter > 600) { flake.x = random(600); flake.y = -flake.diameter; } } }, runStars: function() { noStroke(); for(var i = 0; i < this.stars.length; i++) { var star = this.stars[i]; fill(star.color); ellipse(star.x, star.y, star.diameter, star.diameter); star.x+= star.vx; if(star.x + star.diameter < 0) { star.x = 600 + star.diameter; star.y = random(600); star.vx = random(-0.2, -0.3); } } }, draw: function() { switch(this.index) { case 0: //hills background(137, 217, 186); image(game.images.hills_1_scene1, this.coords.one.x1, 360); image(game.images.hills_1_scene1, this.coords.one.x2, 360); image(game.images.hills_2_scene1, this.coords.two.x1, 470); image(game.images.hills_2_scene1, this.coords.two.x2, 470); break; case 1: //City background(150, 220, 250); image(game.images.buildings_1_scene_2, this.coords.one.x1, 250); image(game.images.buildings_1_scene_2, this.coords.one.x2, 250); image(game.images.buildings_2_scene_2, this.coords.two.x1, 310); image(game.images.buildings_2_scene_2, this.coords.two.x2, 310); image(game.images.buildings_3_scene_2, this.coords.three.x1, 455); image(game.images.buildings_3_scene_2, this.coords.three.x2, 455); break; case 2: //mountains background(177, 129, 86); image(game.images.hills_3_scene3, this.coords.one.x1, 0); image(game.images.hills_3_scene3, this.coords.one.x2, 0); image(game.images.hills_2_scene3, this.coords.two.x1, 0); image(game.images.hills_2_scene3, this.coords.two.x2, 0); image(game.images.hills_1_scene3, this.coords.three.x1, 40); image(game.images.hills_1_scene3, this.coords.three.x2, 40); break; case 3: //space background(54, 54, 54); this.runStars(); image(game.images.hills_3_scene4, this.coords.one.x1, 110); image(game.images.hills_3_scene4, this.coords.one.x2, 110); image(game.images.hills_2_scene4, this.coords.two.x1, 0); image(game.images.hills_2_scene4, this.coords.two.x2, 0); image(game.images.hills_1_scene4, this.coords.three.x1, 40); image(game.images.hills_1_scene4, this.coords.three.x2, 40); break; case 4: //alps background(191, 217, 219); image(game.images.hills_1_scene5, this.coords.one.x1, 100); image(game.images.hills_1_scene5, this.coords.one.x2, 100); this.runSnow(this.snow.back); image(game.images.hills_2_scene5, this.coords.two.x1, 200); image(game.images.hills_2_scene5, this.coords.two.x2, 200); this.runSnow(this.snow.middle); image(game.images.hills_3_scene5, this.coords.three.x1, 380); image(game.images.hills_3_scene5, this.coords.three.x2, 380); this.runSnow(this.snow.front); break; } }, tile: function() { var sceneColors = game.scenes[game.scene.index].colors; switch(this.index) { case 0: //land fill(137, 217, 186); rect(200, 195, 200, 190); stroke(sceneColors.text, 100); image(game.images.hills_1_scene1, 200, 225, 200, 161); image(game.images.hills_2_scene1, 200, 305, 200, 80); break; case 1: //buildings fill(150, 220, 250); rect(200, 195, 200, 190); stroke(sceneColors.text, 100); image(game.images.buildings_1_scene_2, 200, 223, 200, 161); image(game.images.buildings_2_scene_2, 200, 280, 200, 105); image(game.images.buildings_3_scene_2, 200, 310, 200, 75); break; case 2: //mountains fill(177, 129, 86); rect(200, 195, 200, 190); stroke(sceneColors.text, 100); image(game.images.hills_3_scene3, 200, 225, 200, 161); image(game.images.hills_2_scene3, 200, 225, 200, 161); image(game.images.hills_1_scene3, 200, 225, 200, 161); break; case 3: //space fill(54, 54, 54); rect(200, 195, 200, 190); stroke(sceneColors.text, 100); image(game.images.stars, 200, 225, 200, 161); image(game.images.hills_3_scene4, 200, 225, 200, 161); image(game.images.hills_2_scene4, 200, 225, 200, 161); image(game.images.hills_1_scene4, 200, 225, 200, 161); break; case 4: //rockies fill(191, 217, 219); rect(200, 195, 200, 190); stroke(sceneColors.text, 100); image(game.images.hills_1_scene5, 200, 225, 200, 161); image(game.images.hills_2_scene5, 200, 265, 200, 121); image(game.images.hills_3_scene5, 200, 305, 200, 81); image(game.images.snow, 200, 225, 200, 161); break; } noFill(); strokeWeight(2); rect(200, 195, 200, 190); strokeWeight(1); }, 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 Scene; })(); var Player = (function() { Player = function(args) { this.x = args.x \|\| 40; this.y = args.y \|\| 290; this.w = args.w \|\| 30; this.h = args.h \|\| 60; this.spawn = { x: this.x, y: this.y }; this.vx = args.vx \|\| 3; this.vy = args.vy \|\| 0; this.dest = this.x; this.angle = 0; this.gravity = args.gravity \|\| this.h / 75; this.character = args.character \|\| 0; this.eyes = { offset: 0, min: 0, max: this.w * 0.1 }; this.colors = [ { //Bob arm: color(255, 100, 95), hand: color(255, 220, 170), body: color(255, 220, 170), pants: color(100, 190, 205), leg: color(100, 190, 205), hat: color(255, 100, 95), shirt: color(255, 100, 95), hair: color(225, 115, 75) }, //Bob { //Teddy arm: color(107, 88, 68), hand: color(107, 88, 68), body: color(122, 100, 77), pants: color(107, 88, 68), leg: color(107, 88, 68), nose: color(107, 88, 68) }, //Teddy { //Lancelot arm: color(173, 171, 164), hand: color(255, 220, 170), body: color(255, 220, 170), pants: color(158, 155, 153), leg: color(122, 118, 118), belt: color(138, 135, 133) }, //Lancelot { //Chuck arm: color(77, 77, 77), hand: color(255, 220, 170), face: color(255, 220, 170), body: color(77, 77, 77), belt: color(214, 75, 70), leg: color(77, 77, 77) }, //Chuck { //Sven arm: color(255, 235, 211), hand: color(255, 220, 170), face: color(255, 220, 170), hair: color(255, 100, 80), hat: color(100, 75, 90), braces: color(100, 75, 90), body: color(255, 235, 211), pants: color(240, 140, 80), leg: color(240, 140, 80) }, //Sven { //Bolt arm: color(100, 190, 205), hand: color(222, 221, 219), handFire: color(255, 95, 110), face: color(222, 221, 219), bodyLight: color(115, 210, 220), bodyDark: color(100, 190, 205), helmet: color(61, 61, 61), leg: color(100, 190, 205) }, //Bolt { //Silver arm: color(85, 85, 85), hand: color(255, 220, 170), beard: color(120, 80, 70), face: color(255, 220, 170), body: color(225, 235, 215), bandana: color(85, 85, 85), pants: color(85, 85, 85), leg: color(85, 85, 85), belt: color(189, 107, 56), buckle: color(240, 230, 120), skull: color(234, 234, 234) }, //Silver { //Owooo arm: color(105, 100, 100), hand: color(70, 70, 70), body: color(125, 120, 120), nose: color(70, 70, 70), leg: color(105, 100, 100), ear: color(105, 100, 100) }, //Owooo { //Albert arm: color(61, 114, 128), hand: color(255, 220, 170), body: color(54, 103, 117), hood: color(61, 114, 128), face: color(64, 64, 64), leg: color(61, 114, 128), eye: color(247, 78, 69), belt: color(175, 185, 195) }, //Albert { //Brains arm: color(227, 115, 109), hand: color(85, 190, 195), body: color(85, 190, 195), pants: color(130, 100, 100), leg: color(85, 190, 195), brains: color(250, 100, 120), shirt: color(250, 230, 190), jacket: color(227, 115, 109), eye: color(70, 85, 85) } //Brains ]; this.state = 0; this.timer = 0; this.cos = 0; this.sin = 0; this.speed = 5; this.legs = { left: { x: 0, y: 0, x1: 0, x2: 0 }, right: { x: 0, y: 0, x1: 0, x2: 0 } }; this.arms = { left: { x: 0 }, right: { x: 0 } }; this.xoffset = this.w * 0.2; this.yoffset = this.h * 0.2; this.delay = { value: 0, max: 120 }; }; Player.prototype = { move: function() { this.timer++; switch(this.state) { case 1: //walking this.cos = cos(this.timer * this.speed * 5) * this.xoffset; //horizontal movement this.sin = sin(this.timer * this.speed * 5) * this.yoffset; //vertical movement this.legs.left.x = this.cos; this.legs.left.x1 = map(this.legs.left.x, -this.xoffset, this.xoffset * 2, 0, this.xoffset * 2); this.legs.left.x2 = map(this.legs.left.x, -this.xoffset, this.xoffset * 2, -this.xoffset * 0.1, this.xoffset * 2); this.legs.right.x = -this.cos; this.legs.right.x1 = map(this.legs.right.x, -this.xoffset, this.xoffset * 2, 0, this.xoffset * 2); this.legs.right.x2 = map(this.legs.right.x, -this.xoffset, this.xoffset * 2, -this.xoffset * 0.1, this.xoffset * 2); if(this.sin > 0) { this.legs.left.y = 0; this.legs.right.y = abs(this.sin); } else { this.legs.left.y = abs(this.sin); this.legs.right.y = 0; } this.arms.left.x = this.sin; this.arms.right.x = this.cos; break; case 0: //stop this.legs.left.x = lerp(this.legs.left.x, 0, 0.2); this.legs.left.x1 = lerp(this.legs.left.x1, 0, 0.2); this.legs.left.x2 = lerp(this.legs.left.x2, 0, 0.2); this.legs.left.y = lerp(this.legs.left.y, 0, 0.2); this.legs.right.x = lerp(this.legs.right.x, 0, 0.2); this.legs.right.x1 = lerp(this.legs.right.x1, 0, 0.2); this.legs.right.x2 = lerp(this.legs.right.x2, 0, 0.2); this.legs.right.y = lerp(this.legs.right.y, 0, 0.2); this.arms.left.x = lerp(this.arms.left.x, 0, 0.2); this.arms.right.x = lerp(this.arms.right.x, 0, 0.2); break; } this.x = constrain(this.x + this.vx, this.x, this.dest); this.eyes.offset = lerp(this.eyes.offset, this.eyes.max, 0.1); }, fall: function() { this.eyes.offset = lerp(this.eyes.offset, this.eyes.max, 0.1); if(this.x === this.dest) { this.vy+= this.gravity; this.y += this.vy; this.angle+= 10; } }, reset: function() { this.x = this.spawn.x; this.y = this.spawn.y; this.angle = 0; this.vy = 0; this.dest = this.x; }, drawBob: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.30 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.55); //shirt fill(colors.shirt); rect(0, this.h * 0.29, this.w, this.h * 0.16); //pants fill(colors.pants); rect(0, this.h * 0.45, this.w, this.h * 0.15); //braces rect(this.w * 0.34, this.h * 0.29, this.w * 0.15, this.h * 0.16); rect(this.w * 0.74, this.h * 0.29, this.w * 0.15, this.h * 0.16); //hat fill(colors.hat); rect(0, 0, this.w * 1.2, this.h * 0.05); rect(0, -this.h * 0.1, this.w, this.h * 0.15, 20, 20, 0, 0); //eyes noStroke(); fill(255); ellipse(this.w * 0.4, this.h * 0.15, this.w * 0.25, this.w * 0.25); ellipse(this.w * 0.8, this.h * 0.15, this.w * 0.25, this.w * 0.25); fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.1, this.w * 0.1); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.1, this.w * 0.1); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.32 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawTeddy: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //ear left noStroke(); fill(colors.body); ellipse(this.w * 0.70, -this.h * 0.03, this.w * 0.4, this.w * 0.4); fill(0, 50); ellipse(this.w * 0.74, -this.h * 0.01, this.w * 0.2, this.w * 0.2); //body fill(colors.body); rect(0, 0, this.w, this.h * 0.55); fill(colors.pants); rect(0, this.h * 0.45, this.w, this.h * 0.10); //ear right fill(colors.body); ellipse(this.w * 0.25, -this.h * 0.03, this.w * 0.4, this.w * 0.4); fill(0, 50); ellipse(this.w * 0.28, -this.h * 0.01, this.w * 0.2, this.w * 0.2); //nose fill(colors.nose); ellipse(this.w * 0.62, this.h * 0.28, this.w * 0.4, this.w * 0.35); fill(0, 100); ellipse(this.w * 0.66, this.h * 0.26, this.w * 0.20, this.w * 0.15); //eyes fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawLancelot: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.55); fill(colors.pants); //armor rect(0, this.h * 0.28, this.w, this.h * 0.27); beginShape(); vertex(0, this.h * 0.42); vertex(this.w, this.h * 0.42); vertex(this.w * 1.05, this.h * 0.60); vertex(-this.w * 0.05, this.h * 0.60); endShape(CLOSE); //helmet beginShape(); vertex(0, 0); vertex(this.w * 0.55, -this.h * 0.10); vertex(this.w, 0); vertex(this.w, this.h * 0.10); vertex(this.w * 0.95, this.h * 0.10); vertex(this.w * 0.95, this.h * 0.05); vertex(this.w * 0.10, this.h * 0.05); vertex(this.w * 0.10, this.h * 0.10); vertex(0, this.h * 0.10); endShape(CLOSE); //belt fill(colors.belt); rect(0, this.h * 0.40, this.w, this.h * 0.05); //lines on body rect(this.w * 0.35, this.h * 0.47, this.w * 0.5, this.h * 0.03); rect(this.w * 0.35, this.h * 0.52, this.w * 0.5, this.h * 0.03); //lines on helmet stroke(colors.belt); strokeWeight(2); line(this.w * 0.55, -this.h * 0.05, this.w * 0.55, this.h * 0.05); line(this.w * 0.45, -this.h * 0.05, this.w * 0.45, this.h * 0.05); line(this.w * 0.65, -this.h * 0.05, this.w * 0.65, this.h * 0.05); //eyes noStroke(); fill(255); ellipse(this.w * 0.4, this.h * 0.15, this.w * 0.25, this.w * 0.25); ellipse(this.w * 0.8, this.h * 0.15, this.w * 0.25, this.w * 0.25); fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.1, this.w * 0.1); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.1, this.w * 0.1); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.31 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawChuck: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.55, 5, 5, 0, 0); //headband triangle(this.w * 0.10, this.h * 0.1, -this.w * 0.20, this.h * 0.04, -this.w * 0.18, this.h * 0.11); triangle(this.w * 0.10, this.h * 0.12, -this.w * 0.20, this.h * 0.14, -this.w * 0.18, this.h * 0.19); //belt fill(colors.belt); rect(0, this.h * 0.40, this.w, this.h * 0.05); //belt tie triangle(this.w * 0.55, this.h * 0.40, this.w * 0.45, this.h * 0.55, this.w * 0.55, this.h * 0.57); triangle(this.w * 0.65, this.h * 0.40, this.w * 0.65, this.h * 0.55, this.w * 0.80, this.h * 0.55); //face fill(colors.face); rect(this.w * 0.21, this.h * 0.08, this.w * 0.76, this.h * 0.14, 20); //eyes fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawSven: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.55, 5, 5, 0, 0); //face fill(colors.face); rect(0, 0, this.w, this.h * 0.25); //pants fill(colors.pants); rect(0, this.h * 0.50, this.w, this.h * 0.12, 0, 0, 10, 10); //braces fill(colors.braces); rect(this.w * 0.37, this.h * 0.35, this.w * 0.10, this.h * 0.15); rect(this.w * 0.70, this.h * 0.35, this.w * 0.10, this.h * 0.15); //hair fill(colors.hair); rect(0, -this.h * 0.05, this.w * 1.1, this.h * 0.1, 10, 10, 0, 10); rect(0, 0, this.w * 0.15, this.h * 0.25, 20, 0, 0, 0); //ear fill(colors.face); ellipse(0, this.h * 0.15, this.w * 0.2, this.w * 0.2); //hat fill(colors.hat); rect(this.w * 0.17, -this.h * 0.10, this.w * 0.80, this.h * 0.05, 20); arc(this.w * 0.56, -this.h * 0.10, this.w * 0.5, this.h * 0.2, 180, 360); //eyes fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); //beard fill(colors.hair); rect(0, this.h * 0.22, this.w * 1.02, this.h * 0.15, 0, 0, 20, 20); popStyle(); }, drawBolt: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.bodyLight); rect(0, 0, this.w, this.h * 0.55, 5, 5, 0, 0); //face fill(colors.face); rect(0, 0, this.w, this.h * 0.25); //pants fill(colors.bodyDark); rect(0, this.h * 0.50, this.w, this.h * 0.12, 0, 0, 10, 10); //helmet rect(0, -this.h * 0.05, this.w, this.h * 0.12, 20, 20, 0, 0); arc(0, this.h * 0.10, this.w * 0.50, this.h * 0.27, -90, 90); ellipse(this.w * 0.70, -this.h * 0.05, this.w * 0.20, this.w * 0.25); fill(colors.bodyLight); ellipse(this.w * 0.72, -this.h * 0.03, this.w * 0.13, this.w * 0.15); ellipse(this.w * 0.12, this.h * 0.13, this.w * 0.15, this.w * 0.15); //eyes fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.handFire); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawSilver: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.55, 5, 5, 0, 0); noFill(); stroke(colors.pants); strokeWeight(this.w * 0.05); line(0, this.h * 0.40, this.w, this.h * 0.40); line(0, this.h * 0.45, this.w, this.h * 0.45); line(0, this.h * 0.50, this.w, this.h * 0.50); //face noStroke(); fill(colors.face); rect(0, 0, this.w, this.h * 0.25); //beard fill(colors.beard); rect(0, 0, this.w * 0.15, this.h * 0.25, 20, 0, 0, 0); //bandana fill(colors.bandana); // rect(-this.w * 0.05, -this.h * 0.05, this.w * 1.1, this.h * 0.15, 10, 10, 10, 10); quad( -this.w * 0.05, -this.h * 0.02, this.w * 1.0, -this.h * 0.08, this.w * 1.0, this.h * 0.11, -this.w * 0.05, this.h * 0.11); triangle(this.w * 0.10, this.h * 0.05, -this.w * 0.20, -this.h * 0.02, -this.w * 0.18, this.h * 0.06); triangle(this.w * 0.10, this.h * 0.07, -this.w * 0.20, this.h * 0.09, -this.w * 0.18, this.h * 0.16); //skull fill(colors.skull); ellipse(this.w * 0.62, -this.h * -0.01, this.w * 0.20, this.w * 0.20); rect(this.w * 0.54, this.h * 0.02, this.w * 0.15, this.h * 0.07); noFill(); stroke(colors.skull); strokeWeight(2); line(this.w * 0.42, -this.h * 0.02, this.w * 0.79, this.h * 0.05); line(this.w * 0.42, this.h * 0.05, this.w * 0.79, -this.h * 0.02); noStroke(); fill(colors.bandana); ellipse(this.w * 0.58, this.h * 0.01, this.w * 0.07, this.w * 0.07); ellipse(this.w * 0.66, this.h * 0.01, this.w * 0.07, this.w * 0.07); ellipse(this.w * 0.62, this.h * 0.05, this.w * 0.04, this.w * 0.05); //pants noStroke(); fill(colors.pants); rect(0, this.h * 0.52, this.w, this.h * 0.14, 0, 0, 10, 10); //belt fill(colors.belt); rect(0, this.h * 0.53, this.w, this.h * 0.05); //buckle noFill(); stroke(colors.buckle); strokeWeight(this.w 0.05); rect(this.w 0.49, this.h * 0.51, this.w * 0.10, this.h * 0.08); //eyes noStroke(); fill(50); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); //beard fill(colors.beard); rect(0, this.h * 0.22, this.w * 1.02, this.h * 0.15, 0, 0, 20, 20); popStyle(); }, drawOwooo: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.3 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); rect(0, 0, this.w, this.h * 0.60, 20, 20, 20, 0); //nose rect(this.w * 0.95, this.h * 0.10, this.w * 0.35, this.h * 0.17, 0, 3, 50, 0); //tail pushMatrix(); translate(this.w * 0.1, this.h * 0.57); rotate(this.cos); translate(-this.w * 0.1, -this.h * 0.57); beginShape(); vertex(this.w * 0.1, this.h * 0.57); bezierVertex(this.w * 0.1, this.h * 0.55, -this.w * 0.4, this.h * 0.35, -this.w * 0.4, this.h * 0.4); bezierVertex(-this.w * 0.4, this.h * 0.6, this.w * 0.1, this.h * 0.6, this.w * 0.1, this.h * 0.6); endShape(CLOSE); popMatrix(); //shading on body fill(255, 50); rect(this.w * 0.59, this.h * 0.34, this.w * 0.33, this.h * 0.22, 0, 0, 10, 0); //nostrils fill(colors.nose); rect(this.w * 1.16, this.h * 0.1, this.w * 0.14, this.w * 0.12, 0, 3, 0, 0); //ears fill(colors.body); beginShape(); vertex(this.w * 0.28, 0); vertex(this.w * 0.3, -this.h * 0.17); bezierVertex(this.w * 0.35, -this.h * 0.17, this.w * 0.56, 0, this.w * 0.5, 0); endShape(CLOSE); fill(colors.ear); beginShape(); vertex(this.w * 0.58, 0); vertex(this.w * 0.60, -this.h * 0.17); bezierVertex(this.w * 0.65, -this.h * 0.17, this.w * 0.86, 0, this.w * 0.80, 0); endShape(CLOSE); //eyes noStroke(); fill(50); ellipse(this.w * 0.54, this.h * 0.14, this.w * 0.1, this.w * 0.1); ellipse(this.w * 0.82, this.h * 0.14, this.w * 0.1, this.w * 0.1); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.30 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawAlbert: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.45 + this.cos * 0.1, this.w * 1.2, this.h * 0.50 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); //body noStroke(); fill(colors.body); quad(this.w * 0.1, this.h * 0.4, this.w * 0.9, this.h * 0.4, this.w, this.h * 0.75, 0, this.h * 0.75); //hood fill(colors.hood); ellipse(this.w * 0.5, this.h * 0.2, this.w * 1.2, this.w * 1.2); //face fill(colors.face); ellipse(this.w * 0.61, this.h * 0.27, this.w * 0.85, this.w * 0.70); //belt fill(colors.belt); rect(this.w * 0.06, this.h * 0.60, this.w * 0.88, this.h * 0.04); //eyes fill(colors.eye); ellipse(this.w * 0.45, this.h * 0.27, this.w * 0.12, this.w * 0.12); ellipse(this.w * 0.87, this.h * 0.27, this.w * 0.12, this.w * 0.12); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.43 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.47, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.53, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, drawBrains: function() { var colors = this.colors[this.character]; pushStyle(); //left arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.9, this.h * 0.30 + this.cos * 0.1, this.w * 1.2, this.h * 0.45 - this.arms.left.x * 0.2, this.w * 1.2, this.h * 0.40 - this.arms.left.x * 0.3, this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4 ); //left hand noStroke(); fill(colors.hand); ellipse(this.w * 1.45, this.h * 0.44 - this.arms.left.x * 0.4, this.w * 0.2, this.w * 0.2); //body pushMatrix(); translate(0, this.cos * 0.1); //legs noFill(); stroke(colors.leg); strokeWeight(this.w * 0.1); strokeCap(SQUARE); //left leg bezier( this.w * 0.3, this.h * 0.4, this.w * 0.3 + this.legs.left.x1, this.h * 0.6 - this.legs.left.y, this.w * 0.3 + this.legs.left.x2, this.h * 0.8 - this.legs.left.y, this.w * 0.3 + this.legs.left.x, this.h - this.legs.left.y); //right leg bezier( this.w * 0.7, this.h * 0.4, this.w * 0.7 + this.legs.right.x1, this.h * 0.6 - this.legs.right.y, this.w * 0.7 + this.legs.right.x2, this.h * 0.8 - this.legs.right.y, this.w * 0.7 + this.legs.right.x, this.h - this.legs.right.y); noStroke(); //brains fill(colors.brains); ellipse(this.w * 0.27, this.h * 0.06, this.w * 0.27, this.h * 0.08); ellipse(this.w * 0.17, this.h * 0.12, this.w * 0.29, this.h * 0.12); ellipse(this.w * 0.12, this.h * 0.20, this.w * 0.29, this.h * 0.14); //body fill(colors.body); beginShape(); vertex(0, this.h * 0.55); vertex(this.w, this.h * 0.55); vertex(this.w, 0); vertex(this.w * 0.3, 0); vertex(this.w * 0.27, this.h * 0.03); vertex(this.w * 0.22, this.h * 0.03); vertex(this.w * 0.20, this.h * 0.11); vertex(this.w * 0.15, this.h * 0.14); vertex(this.w * 0.1, this.h * 0.15); vertex(0, this.h * 0.25); endShape(CLOSE); //shirt fill(colors.shirt); beginShape(); vertex(0, this.h * 0.3); vertex(this.w, this.h * 0.3); vertex(this.w, this.h * 0.45); vertex(this.w * 0.8, this.h * 0.40); vertex(this.w * 0.74, this.h * 0.47); vertex(this.w * 0.65, this.h * 0.40); vertex(this.w * 0.6, this.h * 0.44); vertex(this.w * 0.55, this.h * 0.40); vertex(this.w * 0.5, this.h * 0.45); vertex(this.w * 0.45, this.h * 0.42); vertex(this.w * 0.4, this.h * 0.46); vertex(this.w * 0.35, this.h * 0.40); vertex(this.w * 0.30, this.h * 0.45); endShape(CLOSE); //jacket fill(colors.jacket); beginShape(); vertex(0, this.h * 0.3); vertex(this.w * 0.3, this.h * 0.3); vertex(this.w * 0.3, this.h * 0.48); vertex(this.w * 0.25, this.h * 0.44); vertex(this.w * 0.17, this.h * 0.48); vertex(this.w * 0.12, this.h * 0.44); vertex(0, this.h * 0.49); endShape(CLOSE); beginShape(); vertex(this.w * 0.8, this.h * 0.3); vertex(this.w, this.h * 0.3); vertex(this.w, this.h * 0.48); vertex(this.w * 0.9, this.h * 0.44); vertex(this.w * 0.82, this.h * 0.48); endShape(CLOSE); //pants fill(colors.pants); rect(0, this.h * 0.50, this.w, this.h * 0.10); //eyes noStroke(); fill(colors.eye); ellipse(this.w * 0.42, this.h * 0.15, this.w * 0.23, this.w * 0.25); ellipse(this.w * 0.82, this.h * 0.15, this.w * 0.23, this.w * 0.25); fill(247, 89, 105); ellipse(this.w * 0.44, this.h * 0.15, this.w * 0.08, this.w * 0.08); ellipse(this.w * 0.84, this.h * 0.15, this.w * 0.08, this.w * 0.08); popMatrix(); //right arm noFill(); strokeWeight(this.w * 0.1); stroke(colors.arm); bezier( this.w * 0.1, this.h * 0.32 + this.cos * 0.1, -this.w * 0.2 - this.arms.right.x * 0.7, this.h * 0.40, -this.w * 0.3 - this.arms.right.x * 0.7, this.h * 0.50, -this.w * 0.25 - this.arms.right.x, this.h * 0.65 ); //right hand noStroke(); fill(colors.hand); ellipse(-this.w * 0.25 - this.arms.right.x, this.h * 0.65, this.w * 0.2, this.w * 0.2); popStyle(); }, draw: function() { if(this.state === 1) { //walking this.move(); if(this.x === this.dest) { this.state = 0; this.delay.value = 0; } } else if(this.state === 0 && this.delay.value++ < this.delay.max) { //move back to rest this.move(); } pushMatrix(); translate(this.x, this.y); //rotate the player when they fall into the abyss if(this.state === 0) { translate(this.w / 2, this.h / 2); rotate(this.angle); translate(-this.w / 2, -this.h / 2); } switch(this.character) { case 0: //Bob this.drawBob(); break; case 1: //Teddy this.drawTeddy(); break; case 2: //Lancelot this.drawLancelot(); break; case 3: //Chuck this.drawChuck(); break; case 4: //Sven this.drawSven(); break; case 5: //Bolt this.drawBolt(); break; case 6: //Silver this.drawSilver(); break; case 7: //Owooo this.drawOwooo(); break; case 8: //Albert this.drawAlbert(); break; case 9: //Brains this.drawBrains(); break; } popMatrix(); }, run: function() { this.draw(); } }; return Player; })(); var Block = (function() { Block = function(args) { this.x = args.x \|\| 0; this.y = args.y \|\| 0; this.w = args.w \|\| 40; this.h = args.h \|\| 40; this.hit = { x: this.x + this.w / 2 - 5, w: 10 }; this.type = args.type \|\| "block"; }; Block.prototype = { draw: function() { switch(this.type) { case "block": fill(game.scenes[game.scene.index].colors.block); noStroke(); rect(this.x, this.y, this.w, this.h); fill(0, 30); rect(this.x, this.y, this.w, 20); fill(game.scenes[game.scene.index].colors.blockHit); rect(this.hit.x, this.y, this.hit.w, 10); break; case "start": fill(game.scenes[game.scene.index].colors.blockStart); noStroke(); rect(this.x, this.y, this.w, this.h); fill(0, 30); rect(this.x, this.y, this.w, 20); break; default: fill(112, 112, 112); noStroke(); rect(this.x, this.y, this.w, this.h); } }, run: function() { this.draw(); } }; return Block; })(); var Game = (function() { Game = function(args) { this.page = "load"; this.images = undefined; this.imageIndex = 0; this.loaded = false; this.sound = false; this.sounds = { token: getSound("retro/coin"), hit: getSound("retro/hit2"), miss: getSound("retro/hit1"), fall: getSound("retro/whistle2"), achievement: getSound("retro/whistle1"), buy: getSound("rpg/coin-jingle") }; this.logo = Logo.new({}); this.transition = Transition.new({ color: color(97, 95, 97) }); this.shake = 0; this.shakedown = 0.1; this.cam = { x: 0, dest: 0 }; this.player = Player.new({ character: 0 }); this.scene = Scene.new({ index: 1 }); this.shopPlayer = Player.new({ x: 255, y: 220, w: 80, h: 160, character: this.player.character }); this.homePlayer = Player.new({ x: 150, y: 129, w: 40, h: 80, character: 0 }); this.shopScene = Scene.new({ index: this.scene.index }); this.characters = [ { name: "Bob", enabled: true, cost: 0 }, { name: "Teddy", enabled: false, cost: 2 }, { name: "Lancelot", enabled: false, cost: 4 }, { name: "Chuck", enabled: false, cost: 4 }, { name: "Sven", enabled: false, cost: 6 }, { name: "Bolt", enabled: false, cost: 6 }, { name: "Silver", enabled: false, cost: 8 }, { name: "Owooo", enabled: false, cost: 8 }, { name: "Albert", enabled: false, cost: 10 }, { name: "Brains", enabled: false, cost: 10 } ]; this.scenes = [ { name: "Hills", enabled: true, cost: 0, colors: { heading: color(50, 50, 50, 200), text: color(50, 50, 50, 200), back: color(137, 217, 186), plank: color(84, 84, 84), block: color(112, 112, 112), blockStart: color(84, 84, 84), blockHit: color(247, 245, 222), transition: color(84, 84, 84), achievementBack: color(189, 171, 155, 220), achievementText: color(250, 250, 250, 220), achievementAlertBack: color(242, 242, 237, 150), achievementAlertText: color(61, 61, 61), messageTokenText: color(51, 143, 196), messagePointsText: color(222, 80, 179) } }, { name: "City", enabled: false, cost: 2, textColor: color(0, 150), colors: { heading: color(50, 50, 50, 200), text: color(50, 50, 50, 200), back: color(150, 220, 250), plank: color(18, 73, 102), block: color(89, 88, 86), blockStart: color(69, 69, 68), blockHit: color(201, 245, 244), transition: color(10, 83, 143), achievementBack: color(10, 83, 143, 220), achievementText: color(237, 234, 237, 200), achievementAlertBack: color(242, 242, 237, 100), achievementAlertText: color(54, 54, 54), messageTokenText: color(51, 143, 196), messagePointsText: color(222, 80, 179) } }, { name: "Mountains", enabled: false, cost: 4, textColor: color(250, 150), colors: { heading: color(50, 50, 50, 200), text: color(250, 250, 250, 200), back: color(177, 129, 86), plank: color(194, 194, 194), block: color(77, 60, 48), blockStart: color(48, 35, 26), blockHit: color(219, 216, 186), transition: color(104, 86, 72), achievementBack: color(240, 171, 115, 220), achievementText: color(66, 66, 66, 200), achievementAlertBack: color(242, 242, 237, 100), achievementAlertText: color(79, 79, 79), messageTokenText: color(123, 204, 247), messagePointsText: color(252, 124, 213) } }, { name: "Space", enabled: false, cost: 6, textColor: color(250, 150), colors: { heading: color(250, 250, 250, 150), text: color(250, 250, 250, 200), back: color(54, 54, 54), plank: color(140, 140, 140), block: color(112, 112, 112), blockStart: color(84, 84, 84), blockHit: color(247, 245, 222), transition: color(83, 87, 88), achievementBack: color(33, 33, 33, 220), achievementText: color(240, 235, 240, 200), achievementAlertBack: color(74, 74, 74, 80), achievementAlertText: color(222, 222, 222, 150), messageTokenText: color(76, 173, 237), messagePointsText: color(240, 84, 193) } }, { name: "Alps", enabled: false, cost: 8, textColor: color(0, 150), colors: { heading: color(50, 50, 50, 200), text: color(50, 50, 50, 250), back: color(191, 217, 219), plank: color(102, 112, 93), block: color(129, 161, 103), blockStart: color(109, 138, 84), blockHit: color(247, 245, 222), transition: color(109, 138, 84), achievementBack: color(184, 212, 161, 220), achievementText: color(66, 66, 66, 200), achievementAlertBack: color(242, 242, 237, 100), achievementAlertText: color(54, 54, 54), messageTokenText: color(76, 173, 237), messagePointsText: color(240, 84, 193) } } ]; this.blocks = []; this.block = { width: { min: 20, max: 120, minmax: 80 }, gap: { min: 40, max: 250 }, last: 30, index: 0 }; this.planks = []; this.plank = { index: 0, state: "idle", //idle, grow, fall, hit, abyss maxLength: 500 }; this.dusts = []; this.clouds = []; this.planets = []; this.snow = []; this.birds = []; this.birdFrequency = { value: 360, MIN: 600, MAX: 1200 }; this.scores = { value: 0, high: 0 }; this.highscores = [ { name: "Şχβ", score: 88 }, { name: "TheFireDragos", score: 36 }, { name: "BO$$ MAN 0<>0", score: 27 }, { name: "mercer", score: 22 }, { name: "Anna Choi", score: 18 }, { name: "angel.castaneda", score: 17 }, { name: "BloxophiliA", score: 31 }, { name: "Thanh Trung", score: 27 }, { name: "aquagirl272", score: 26 }, { name: "Lake Moore", score: 386 } ]; this.tokens = 100; this.messages = []; this.achievements = { counters: { tokens: 0, abyss: 0, characters: 0, scenes: 0, planks: 0 }, offset: { value: 0, target: 0 }, alerts: [], //pop ups when reach a new achievement list: [ { title: "Block", description: "Plank on a block", achieved: false, row: 0, page: 0 }, { title: "Token", description: "Plank on a token", achieved: false, row: 0, page: 0 }, { title: "Ten", description: "Get 10 points in a single game", achieved: false, row: 0, page: 0 }, { title: "Games x 10", description: "Played the game 10 times", achieved: false, row: 1, page: 0 }, { title: "Character", description: "Purchase a character from the store", achieved: false, row: 1, page: 0 }, { title: "Scene", description: "Purchase a scene from the store", achieved: false, row: 1, page: 0 }, { title: "Two", description: "Plank across 2 blocks", achieved: false, row: 2, page: 0 }, { title: "Twenty Five", description: "Get 25 points in a single game", achieved: false, row: 2, page: 0 }, { title: "Games x 25", description: "Played the game 25 times", achieved: false, row: 2, page: 0 }, { title: "Three", description: "Plank across 3 blocks", achieved: false, row: 0, page: 1 }, { title: "Tokens x 3", description: "Plank on a token 3 times in a row", achieved: false, row: 0, page: 1 }, { title: "Character x 3", description: "Purchase 3 characters from the store", achieved: false, row: 0, page: 1 }, { title: "Scene x 3", description: "Purchase 3 scenes from the store", achieved: false, row: 1, page: 1 }, { title: "Fifty", description: "Get 50 points in a single game", achieved: false, row: 1, page: 1 }, { title: "Games x 50", description: "Played the game 50 times", achieved: false, row: 1, page: 1 }, { title: "Four", description: "Plank across 4 blocks", achieved: false, row: 2, page: 1 }, { title: "Tokens x 5", description: "Plank on a token 5 times in a row", achieved: false, row: 2, page: 1 }, { title: "Hundred", description: "Get 100 points in a single game", achieved: false, row: 2, page: 1 } ] }; this.move = false; this.clicked = false; this.pressed = false; this.hover = false; this.keys = []; this.overPanel = { value: -600, from: -600, to: 0 }; this.buttons = { home: { play: Button.new({ x: 95, y: 240, w: 150, h: 60, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), how: Button.new({ x: 95, y: 313, w: 150, h: 40, textSize: 19, content: "How", func: function() { game.transition.page = "how"; game.transition.active = true; } }), shop: Button.new({ x: 95, y: 361, w: 150, h: 40, textSize: 19, content: "Shop", func: function() { game.transition.page = "shop"; game.transition.active = true; } }), achievements: Button.new({ x: 95, y: 409, w: 150, h: 40, textSize: 19, content: "Achievements", func: function() { game.transition.page = "achievements"; game.transition.active = true; } }), scoreboard: Button.new({ x: 95, y: 457, w: 150, h: 40, textSize: 19, content: "High Scores", func: function() { game.transition.page = "scoreboard"; game.transition.active = true; } }), save: Button.new({ x: 95, y: 505, w: 150, h: 40, textSize: 19, content: "Save", func: function() { game.save(); } }), sound: Button.new({ x: 95, y: 553, w: 150, h: 40, textSize: 19, content: "Sound: Off", func: function() { game.sound = !game.sound; this.content = game.sound ? "Sound: On" : "Sound: Off"; } }) }, common: { home: Button.new({ x: 140, y: 530, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), play: Button.new({ x: 360, y: 530, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), shop: Button.new({ x: 250, y: 530, content: "Shop", func: function() { game.transition.page = "shop"; game.transition.active = true; } }) }, achievements: { previous: Button.new({ x: 10, y: 270, w: 50, h: 50, textSize: 30, textColor: color(40, 200), content: "<", func: function() { game.achievements.offset.target = 0; } }), next: Button.new({ x: 540, y: 270, w: 50, h: 50, textSize: 30, textColor: color(40, 200), content: ">", func: function() { game.achievements.offset.target = -600; } }) }, shop: { main: { home: Button.new({ x: 190, y: 530, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), play: Button.new({ x: 310, y: 530, content: "Play", func: function() { game.reset(); game.transition.page = "play"; game.transition.active = true; } }), characters: Button.new({ x: 230, y: 290, w: 140, h: 70, textSize: 22, content: "Characters", func: function() { game.transition.page = "charactersShop"; game.transition.active = true; } }), scenes: Button.new({ x: 230, y: 380, w: 140, h: 70, textSize: 22, content: "Scenes", func: function() { game.transition.page = "scenesShop"; game.transition.active = true; } }) }, characters: { previous: Button.new({ x: 70, y: 250, w: 80, h: 80, textSize: 40, textColor: color(40, 200), content: "<", func: function() { game.shopPlayer.character = constrain(game.shopPlayer.character - 1, 0, game.characters.length - 1); } }), next: Button.new({ x: 450, y: 250, w: 80, h: 80, textSize: 40, textColor: color(40, 200), content: ">", func: function() { game.shopPlayer.character = constrain(game.shopPlayer.character + 1, 0, game.characters.length - 1); } }), buy: Button.new({ x: 250, y: 450, content: "Buy", func: function() { if(game.buttons.shop.characters.buy.content === "Buy") { game.tokens-= game.characters[game.shopPlayer.character].cost; game.characters[game.shopPlayer.character].enabled = true; game.player.character = game.shopPlayer.character; game.achievements.counters.characters++; if(game.sound){ game.sounds.buy.audio.pause(); game.sounds.buy.audio.currentTime = 0; game.sounds.buy.audio.play(); } if(game.achievements.counters.characters === 3) { game.achievements.list[11].achieved = true; game.addAchievementAlert(game.achievements.list[11].description); } else if(game.achievements.counters.characters === 1) { game.achievements.list[4].achieved = true; game.addAchievementAlert(game.achievements.list[4].description); } game.buttons.shop.characters.buy.content = "Select"; } else if(this.content === "Select") { game.player.character = game.shopPlayer.character; } } }) }, scenes: { previous: Button.new({ x: 70, y: 250, w: 80, h: 80, textSize: 40, textColor: color(40, 200), content: "<", func: function() { game.shopScene.index = constrain(game.shopScene.index - 1, 0, game.scenes.length - 1); } }), next: Button.new({ x: 450, y: 250, w: 80, h: 80, textSize: 40, textColor: color(40, 200), content: ">", func: function() { game.shopScene.index = constrain(game.shopScene.index + 1, 0, game.scenes.length - 1); } }), buy: Button.new({ x: 250, y: 450, content: "Buy", func: function() { if(game.buttons.shop.scenes.buy.content === "Buy") { game.tokens-= game.scenes[game.shopScene.index].cost; game.scenes[game.shopScene.index].enabled = true; game.scene.index = game.shopScene.index; if(game.sound){ game.sounds.buy.audio.pause(); game.sounds.buy.audio.currentTime = 0; game.sounds.buy.audio.play(); } game.achievements.counters.scenes++; if(!game.achievements.list[12].achieved && game.achievements.counters.scenes === 3) { game.achievements.list[12].achieved = true; game.addAchievementAlert(game.achievements.list[12].description); } else if(!game.achievements.list[5].achieved && game.achievements.counters.scenes === 1) { game.achievements.list[5].achieved = true; game.addAchievementAlert(game.achievements.list[5].description); } game.buttons.shop.scenes.buy.content = "Select"; } else if(this.content === "Select") { game.scene.index = game.shopScene.index; } } }) } }, gameover: { replay: Button.new({ x: 225, y: 205, w: 150, textSize: 19, content: "Replay", func: function() { game.reset(); game.page = "play"; } }), shop: Button.new({ x: 225, y: 271, w: 150, h: 45, textSize: 19, content: "Shop", func: function() { game.transition.page = "shop"; game.transition.active = true; } }), achievements: Button.new({ x: 225, y: 324, w: 150, h: 45, textSize: 19, content: "Achievements", func: function() { game.transition.page = "achievements"; game.transition.active = true; } }), home: Button.new({ x: 225, y: 377, w: 150, h: 45, textSize: 19, content: "Home", func: function() { game.transition.page = "home"; game.transition.active = true; } }), save: Button.new({ x: 225, y: 430, w: 150, h: 45, textSize: 19, content: "Save", func: function() { game.save(); } }) } }; this.gameOver = false; this.setup(); }; Game.prototype = { gradient: function(h, c1, c2) { noStroke(); for(var i = 0; i <= h; i++) { fill(lerpColor(c1, c2, i/h)); rect(0, i, width, 1); } return get(0, 0, width, h); }, save: function() { var saveStr = ""; //current player saveStr = saveStr.concat(this.player.character); //current scene index saveStr = saveStr.concat("\|", this.scene.index, "\|"); //characters for(var i = 0; i < this.characters.length; i++) { saveStr = saveStr.concat(this.characters[i].enabled ? "Y" : "N"); } saveStr = saveStr.concat("\|"); //scenes for(var i = 0; i < this.scenes.length; i++) { saveStr = saveStr.concat(this.scenes[i].enabled ? "Y" : "N"); } //total tokens saveStr = saveStr.concat("\|", this.tokens); //total runs saveStr = saveStr.concat("\|", this.achievements.counters.abyss); //total planks saveStr = saveStr.concat("\|", this.achievements.counters.planks); //characters purchased saveStr = saveStr.concat("\|", this.achievements.counters.characters); //scenes purchased saveStr = saveStr.concat("\|", this.achievements.counters.scenes); //highest score saveStr = saveStr.concat("\|", this.scores.high, "\|"); // achievements reached for(var i = 0; i < this.achievements.list.length; i++) { saveStr = saveStr.concat(this.achievements.list[i].achieved ? "Y" : "N"); } var output = "Copy and Paste the following over the existing saveCode on line 35:\n\nvar saveCode = \"" + saveStr + "\";\n\n"; _clearLogs(); println(output); }, setup: function() { this.highscores.sort(function(a, b) { return b.score - a.score; }); this.images = { hills_1_scene1: function() { background(0, 0); fill(207, 182, 155); fill(219, 198, 175); noStroke(); pushMatrix(); translate(0, -100); beginShape(); vertex(0, 470); bezierVertex(27, 475, 43, 490, 57, 501); bezierVertex(89, 482, 102, 462, 126, 440); bezierVertex(150, 423, 180, 400, 200, 398); bezierVertex(228, 402, 245, 420, 262, 438); bezierVertex(280, 433, 286, 422, 298, 419); bezierVertex(322, 423, 333, 441, 352, 474); bezierVertex(366, 481, 384, 492, 402, 505); bezierVertex(436, 485, 457, 454, 477, 445); bezierVertex(508, 448, 524, 476, 554, 496); bezierVertex(570, 490, 588, 470, 600, 470); vertex(600, 700); vertex(0, 700); endShape(CLOSE); popMatrix(); return get(0, 295, 600, 304); }, hills_2_scene1: function() { background(0, 0); fill(140, 117, 92); fill(189, 171, 155); noStroke(); pushMatrix(); translate(0, -200); beginShape(); vertex(0, 800); vertex(0, 560); bezierVertex(12, 546, 27, 531, 43, 528); bezierVertex(64, 528, 77, 542, 84, 552); bezierVertex(95, 540, 119, 502, 135, 500); bezierVertex(162, 504, 175, 529, 184, 546); bezierVertex(198, 537, 212, 526, 229, 526); bezierVertex(242, 526, 253, 538, 260, 548); bezierVertex(278, 530, 290, 515, 302, 512); bezierVertex(324, 513, 345, 532, 357, 550); bezierVertex(363, 541, 379, 527, 396, 525); bezierVertex(410, 525, 420, 540, 437, 552); bezierVertex(450, 526, 461, 502, 474, 498); bezierVertex(494, 496, 512, 521, 526, 540); bezierVertex(538, 531, 550, 523, 562, 524); bezierVertex(576, 525, 591, 549, 600, 560); vertex(600, 800); endShape(CLOSE); popMatrix(); return get(0, 295, 600, 304); }, buildings_1_scene_2: function() { background(0, 0); noStroke(); fill(50, 150, 210); beginShape(); vertex(0, 269); vertex(60, 227); vertex(60, 370); vertex(84, 370); vertex(84, 333); vertex(109, 332); vertex(109, 382); vertex(149, 382); vertex(149, 250); vertex(181, 250); vertex(181, 369); vertex(205, 369); vertex(205, 328); vertex(227, 299); vertex(250, 325); vertex(250, 425); vertex(282, 425); vertex(282, 250); vertex(300, 250); vertex(300, 242); vertex(315, 242); vertex(315, 250); vertex(330, 250); vertex(330, 332); vertex(370, 332); vertex(395, 379); vertex(395, 426); vertex(430, 426); vertex(430, 276); vertex(480, 276); vertex(480, 417); vertex(504, 417); vertex(504, 363); vertex(523, 346); vertex(538, 363); vertex(538, 438); vertex(554, 438); vertex(554, 405); vertex(584, 405); vertex(584, 439); vertex(600, 439); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 225, 600, 375); }, buildings_2_scene_2: function() { background(0, 0); noStroke(); fill(35, 125, 190); beginShape(); vertex(0, 328); vertex(30, 328); vertex(30, 395); vertex(63, 395); vertex(63, 383); vertex(96, 383); vertex(96, 441); vertex(111, 441); vertex(111, 358); vertex(125, 358); vertex(125, 342); vertex(172, 342); vertex(172, 356); vertex(188, 356); vertex(188, 412); vertex(210, 383); vertex(249, 383); vertex(249, 439); vertex(277, 439); vertex(277, 368); vertex(301, 338); vertex(301, 447); vertex(337, 447); vertex(337, 406); vertex(376, 406); vertex(376, 387); vertex(409, 387); vertex(409, 404); vertex(429, 404); vertex(429, 434); vertex(456, 434); vertex(456, 286); vertex(492, 286); vertex(516, 322); vertex(516, 408); vertex(546, 408); vertex(546, 380); vertex(569, 380); vertex(569, 393); vertex(593, 393); vertex(593, 328); vertex(600, 328); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 280, 600, 320); }, buildings_3_scene_2: function() { background(0, 0); noStroke(); fill(10, 100, 175); beginShape(); vertex(0, 470); vertex(29, 440); vertex(56, 470); vertex(56, 529); vertex(86, 530); vertex(86, 555); vertex(115, 555); vertex(115, 504); vertex(157, 504); vertex(170, 516); vertex(170, 551); vertex(215, 551); vertex(215, 480); vertex(265, 480); vertex(265, 489); vertex(282, 489); vertex(282, 522); vertex(300, 522); vertex(300, 480); vertex(322, 450); vertex(344, 480); vertex(344, 509); vertex(378, 509); vertex(378, 480); vertex(424, 480); vertex(424, 509); vertex(469, 509); vertex(469, 532); vertex(496, 532); vertex(496, 494); vertex(518, 483); vertex(542, 494); vertex(542, 534); vertex(570, 534); vertex(570, 470); vertex(600, 470); vertex(600, 600); vertex(0, 600); endShape(CLOSE); return get(0, 435, 600, 165); }, hills_1_scene3: function() { background(0, 0); noStroke(); fill(83, 69, 58); beginShape(); vertex(11, 484); vertex(14, 460); vertex(21, 477); vertex(35, 464); vertex(38, 434); vertex(45, 457); vertex(48, 452); vertex(51, 430); vertex(58, 447); vertex(83, 436); vertex(88, 414); vertex(97, 446); vertex(98, 447); vertex(99, 430); vertex(106, 454); vertex(117, 470); vertex(118, 447); vertex(123, 472); vertex(137, 484); vertex(161, 462); vertex(163, 437); vertex(168, 457); vertex(172, 453); vertex(176, 427); vertex(183, 444); vertex(192, 436); vertex(192, 405); vertex(200, 431); vertex(201, 430); vertex(200, 409); vertex(206, 428); vertex(218, 418); vertex(220, 390); vertex(225, 412); vertex(230, 406); vertex(233, 389); vertex(238, 402); vertex(280, 389); vertex(284, 366); vertex(292, 393); vertex(301, 401); vertex(302, 382); vertex(307, 401); vertex(315, 407); vertex(320, 378); vertex(327, 413); vertex(356, 432); vertex(358, 413); vertex(363, 436); vertex(375, 444); vertex(376, 424); vertex(379, 447); vertex(405, 461); vertex(406, 443); vertex(408, 464); vertex(428, 475); vertex(430, 451); vertex(433, 476); vertex(452, 480); vertex(453, 461); vertex(457, 473); vertex(473, 462); vertex(478, 437); vertex(483, 454); vertex(488, 449); vertex(492, 422); vertex(497, 442); vertex(499, 439); vertex(501, 425); vertex(506, 436); vertex(547, 452); vertex(549, 434); vertex(554, 454); vertex(573, 472); vertex(575, 452); vertex(579, 474); vertex(584, 478); vertex(586, 464); vertex(590, 481); vertex(591, 505); vertex(12, 503); endShape(CLOSE); beginShape(); vertex(0, 487); vertex(77, 421); vertex(133, 477); vertex(269, 375); vertex(445, 479); vertex(517, 422); vertex(600, 487); vertex(600, 600); vertex(0, 600); endShape(CLOSE); // return get(0, 240, 600, 360); return get(); }, hills_2_scene3: function() { background(0, 0); noStroke(); fill(95, 77, 62); beginShape(); vertex(10, 411); vertex(14, 387); vertex(22, 407); vertex(31, 397); vertex(34, 383); vertex(40, 392); vertex(54, 384); vertex(56, 366); vertex(61, 382); vertex(64, 366); vertex(69, 380); vertex(101, 371); vertex(104, 353); vertex(109, 379); vertex(128, 402); vertex(132, 389); vertex(137, 407); vertex(140, 411); vertex(142, 395); vertex(149, 420); vertex(162, 437); vertex(167, 405); vertex(171, 444); vertex(192, 475); vertex(209, 459); vertex(213, 425); vertex(218, 442); vertex(219, 439); vertex(223, 418); vertex(226, 430); vertex(258, 403); vertex(261, 388); vertex(264, 399); vertex(280, 386); vertex(282, 365); vertex(285, 380); vertex(306, 398); vertex(313, 381); vertex(320, 408); vertex(326, 419); vertex(328, 403); vertex(333, 424); vertex(336, 408); vertex(341, 432); vertex(352, 448); vertex(355, 430); vertex(357, 453); vertex(377, 476); vertex(389, 463); vertex(393, 435); vertex(400, 451); vertex(405, 432); vertex(412, 443); vertex(415, 424); vertex(419, 435); vertex(464, 402); vertex(469, 376); vertex(473, 395); vertex(491, 382); vertex(494, 362); vertex(498, 373); vertex(503, 355); vertex(508, 366); vertex(553, 387); vertex(561, 376); vertex(568, 395); vertex(577, 401); vertex(581, 388); vertex(588, 406); vertex(586, 515); vertex(13, 514); endShape(CLOSE); beginShape(); vertex(0, 410); vertex(96, 360); vertex(191, 459); vertex(289, 371); vertex(376, 465); vertex(514, 358); vertex(600, 410); vertex(600, 600); vertex(0, 600); endShape(CLOSE); // return get(0, 240, 600, 360); return get(); }, hills_3_scene3: function() { background(0, 0); noStroke(); fill(104, 86, 72); beginShape(); vertex(0, 360); vertex(31, 326); vertex(70, 358); vertex(114, 296); vertex(153, 328); vertex(210, 248); vertex(229, 269); vertex(294, 176); vertex(379, 283); vertex(404, 256); vertex(474, 326); vertex(507, 283); vertex(548, 340); vertex(569, 316); vertex(600, 360); vertex(600, 600); vertex(0, 600); endShape(CLOSE); // return get(0, 240, 600, 360); return get(); }, 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); }, stars: function() { background(0, 0); noStroke(); fill(250, 250, 250); for(var i = 0; i < 100; i++) { var starSize = random(2, 4); ellipse(random(600), random(600), starSize, starSize); } return get(); }, hills_1_scene4: function() { background(0, 0); noStroke(); fill(69, 71, 73); fill(64, 66, 67); beginShape(); vertex(0, 526); vertex(33, 525); vertex(58, 516); vertex(103, 479); vertex(130, 440); vertex(165, 458); vertex(190, 485); vertex(211, 478); vertex(222, 464); vertex(247, 473); vertex(266, 484); vertex(286, 496); vertex(309, 479); vertex(337, 459); vertex(358, 450); vertex(387, 474); vertex(410, 505); vertex(439, 489); vertex(464, 485); vertex(497, 506); vertex(519, 498); vertex(549, 496); vertex(577, 518); vertex(600, 526); vertex(600, 600); vertex(0, 600); endShape(CLOSE); // return get(0, 240, 600, 360); return get(); }, hills_2_scene4: function() { background(0, 0); noStroke(); fill(64, 66, 67); fill(69, 71, 73); beginShape(); vertex(0, 459); vertex(77, 406); vertex(118, 356); vertex(168, 384); vertex(195, 434); vertex(230, 413); vertex(254, 377); vertex(291, 345); vertex(317, 321); vertex(359, 345); vertex(380, 377); vertex(412, 412); vertex(451, 439); vertex(471, 452); vertex(490, 435); vertex(515, 455); vertex(534, 445); vertex(558, 428); vertex(600, 459); vertex(600, 600); vertex(0, 600); endShape(CLOSE); // return get(0, 240, 600, 360); return get(); }, hills_3_scene4: function() { background(0, 0); noStroke(); fill(83, 87, 88); 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(0, 240, 600, 360); return get(); }, hills_1_scene5: 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); }, hills_2_scene5: 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); }, hills_3_scene5: 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); }, snow: function() { background(0, 0); noStroke(); fill(250, 250, 250, 150); for(var i = 0; i < 60; i++) { var snowSize = random(8, 12); ellipse(random(600), random(500), snowSize, snowSize); } return get(); }, }; //add snow for(var i = 0; i < 20; i++) { this.snow.push({ x: random(600), y: random(600), diameter: random(6, 9), vy: random(1.1, 1.4), color: color(232, 229, 232) }); } //add rings (planets) for(var i = 0; i < 5; i++) { this.planets.push({ x: random(width), y: random(100, 200), opacity: random(3, 10), vx: random(0.25, 0.45), diameter: random(20, 100) }); } //setup sounds this.sounds.token.audio.volume = 0.3; this.sounds.achievement.audio.volume = 0.3; this.sounds.buy.audio.volume = 0.5; //load the save code into the appropriate properties var index = 0; var saveArr = saveCode.split("\|"); //current player this.player.character = Number(saveArr[index++]); this.homePlayer.character = this.player.character; this.shopPlayer.character = this.player.character; //current scene this.scene.index = Number(saveArr[index++]); this.shopScene.index = this.scene.index; //characters purchased for(var i = 0; i < this.characters.length; i++) { this.characters[i].enabled = saveArr[index][i] === "Y" ? true : false; } index++; //scenes purchased for(var i = 0; i < this.scenes.length; i++) { this.scenes[i].enabled = saveArr[index][i] === "Y" ? true : false; } index++; //current tokens this.tokens = Number(saveArr[index++]); //achievements.counters.abyss this.achievements.counters.abyss = Number(saveArr[index++]); //achievements.counters.planks this.achievements.counters.planks = Number(saveArr[index++]); //achievements.counters.characters this.achievements.counters.characters = Number(saveArr[index++]); //achievements.counters.scenes this.achievements.counters.scenes = Number(saveArr[index++]); //high score this.scores.high = Number(saveArr[index++]); //achievements for(var i = 0; i < this.achievements.list.length; i++) { this.achievements.list[i].achieved = saveArr[index][i] === "Y" ? true : false; } }, addAchievementAlert: function(content) { this.achievements.alerts.push({ x: 300, y: -100, w: 200, h: 80, dir: 1, delay: 120, content: content }); }, addBlock: function() { var gap = random(this.block.gap.min, this.block.gap.max); var w = random(this.block.width.min, this.block.width.max); this.blocks.push(Block.new({ x: this.block.last + gap, y: 350, w: w, h: 250 })); this.block.last += gap + w; }, init: function() { //clear arrays this.blocks.length = 0; this.planks.length = 0; this.dusts.length = 0; this.messages.length = 0; //reset blocks this.block.last = 30; this.block.index = 0; //reset planks this.plank.status = "idle"; this.plank.active = false; //reset achievement counters this.achievements.token = 0; //reset max width of blocks this.block.width.max = 120; //add initial block var w = random(this.block.width.min * 2, this.block.width.max); this.blocks.push(Block.new({ x: this.block.last, y: 350, w: w, h: 250, type: "start" })); this.block.last += w; //reset player back to middle of start block this.player.x = this.blocks[0].x + this.blocks[0].w / 2 - this.player.w * 0.5; }, reset: function() { this.player.reset(); this.overPanel.value = this.overPanel.from; this.gameOver = false; this.scores.value = 0; this.cam.x = 0; this.cam.dest = this.player.x; this.init(); }, load: function (s) { var obj = Object.keys(this.images); this.images[obj[this.imageIndex]] = this.images[obj[this.imageIndex]](); this.imageIndex++; var sceneColors = this.scenes[this.scene.index].colors; background(sceneColors.back); pushStyle(); fill(sceneColors.text); textAlign(CENTER, CENTER); textSize(40); text('LOADING', 300, 300); noFill(); stroke(sceneColors.text); strokeCap(SQUARE); strokeWeight(15); arc(300, 300, 300, 300, 0, map(this.imageIndex / obj.length, 0, 1, 0, 360)); strokeWeight(1); popStyle(); if(this.imageIndex < obj.length){ this.loaded = false; } else { this.loaded = true; this.init(); this.page = s; //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 }); } }, shakeScreen: function() { if(this.shake > 0) { this.shake = lerp(this.shake, 0, this.shakedown); translate(round(random(-this.shake, this.shake)), round(random(-this.shake, this.shake))); } }, isInView: function(obj) { return obj.x + obj.w + this.cam.x < 0; }, collision: function(obj1, obj2) { if(obj1.x + obj1.w > obj2.x && obj1.y + obj1.h > obj2.y && obj1.x < obj2.x + obj2.w && obj1.y < obj2.y + obj2.h) { return true; } return false; }, runBlocks: function() { //display the blocks for(var i = this.blocks.length - 1; i >= 0; i--) { var block = this.blocks[i]; block.run(); if(this.isInView(block)) { this.blocks.splice(i, 1); this.block.index--; } } //ensure there are at least 7 blocks at all times if(this.blocks.length < 7) { this.addBlock(); } }, runPlanks: function() { if(this.plank.status === "idle" && !this.pressed) { this.player.eyes.offset = lerp(this.player.eyes.offset, this.player.eyes.min, 0.1); } else if(this.plank.status === "idle" && this.pressed) { var b = this.blocks[this.block.index]; this.planks.push({ x: b.x + b.w, y: b.y, len: 0, angle: 0, state: "idle" }); this.plank.status = "grow"; } else if(this.plank.status === "grow" && this.pressed) { // var b = this.blocks[this.block.index]; var p = this.planks[this.planks.length-1]; p.len = constrain(p.len + 2, 0, this.plank.maxLength); } else if(this.plank.status === "grow" \|\| this.plank.status === "fall" && !this.pressed) { this.plank.status = "fall"; // var b = this.blocks[this.block.index]; var p = this.planks[this.planks.length-1]; p.angle = constrain(p.angle + 5, 0, 90); if(p.angle === 90) { this.plank.status = "hit"; } } else if(this.plank.status === "hit") { //get the current plank var p = this.planks[this.planks.length-1]; var sceneColors = this.scenes[this.scene.index].colors; //check each block for a valid hit, and set index appropriately var index = 0, hit = false; for(var i = 1; i < this.blocks.length; i++) { var b = this.blocks[i]; index++; //check if lands on the next block if(p.x + p.len > b.x && p.x + p.len < b.x + b.w) { this.scores.value++; this.achievements.counters.planks++; this.player.dest = b.x + b.w - this.player.w * 1.1; this.plank.status = "move"; this.player.state = 1; //walk //score achievements if(!this.achievements.list[17].achieved && this.scores.value >= 100) { this.achievements.list[17].achieved = true; this.addAchievementAlert(this.achievements.list[17].description); } else if(!this.achievements.list[13].achieved && this.scores.value >= 50) { this.achievements.list[13].achieved = true; this.addAchievementAlert(this.achievements.list[13].description); } else if(!this.achievements.list[7].achieved && this.scores.value >= 25) { this.achievements.list[7].achieved = true; this.addAchievementAlert(this.achievements.list[7].description); } else if(!this.achievements.list[2].achieved && this.scores.value >= 10) { this.achievements.list[2].achieved = true; this.addAchievementAlert(this.achievements.list[2].description); } //check if hits on the target in the center (tokens) if(p.x + p.len >= b.hit.x && p.x + p.len <= b.hit.x + b.hit.w) { var rand = random(); if(rand < 0.7) { //token this.tokens++; this.messages.push({ content: "You gained a token", opacity: 255, color: sceneColors.messageTokenText }); } else { //double points this.scores.value++; this.messages.push({ content: "You got double points", opacity: 255, color: sceneColors.messagePointsText }); } this.achievements.token++; //achievement: 5 tokens in a row if(!this.achievements.list[16].achieved && this.achievements.token === 5) { this.achievements.list[16].achieved = true; this.addAchievementAlert(this.achievements.list[16].description); } //achievement: 3 tokens in a row else if(!this.achievements.list[10].achieved && this.achievements.token === 3) { this.achievements.list[10].achieved = true; this.addAchievementAlert(this.achievements.list[10].description); } //achievement: planked on token else if(!this.achievements.list[1].achieved && this.achievements.token === 1) { this.achievements.list[1].achieved = true; this.addAchievementAlert(this.achievements.list[1].description); } if(this.sound){ this.sounds.token.audio.pause(); this.sounds.token.audio.currentTime = 0; this.sounds.token.audio.play(); } } else { //achievement: n tokens in a row - reset this.achievements.token = 0; } hit = true; //achievement: plank on a block if(!this.achievements.list[0].achieved) { this.achievements.list[0].achieved = true; this.addAchievementAlert(this.achievements.list[0].description); } var diff = this.block.index; this.block.index = index; //achievement: planked across 4 blocks if(!this.achievements.list[15].achieved && index - diff === 4) { this.achievements.list[15].achieved = true; this.addAchievementAlert(this.achievements.list[15].description); } //achievement: planked across 3 blocks else if(!this.achievements.list[9].achieved && index - diff === 3) { this.achievements.list[9].achieved = true; this.addAchievementAlert(this.achievements.list[9].description); } //achievement: planked across 2 blocks else if(!this.achievements.list[6].achieved && index - diff === 2) { this.achievements.list[6].achieved = true; this.addAchievementAlert(this.achievements.list[6].description); } //add some dust for(var j = 0; j < 10; j++) { this.dusts.push({ x: random((p.x + p.len) - 5, (p.x + p.len) + 5), y: 350, vx: random(-1, 1), vy: random(-1, -0.5), opacity: 255 }); } //reduce max width of blocks as progress if(this.scores.value % 5 === 0) { this.block.width.max = constrain(this.block.width.max - 1, this.block.width.min, this.block.width.minmax); } if(this.sound){ this.sounds.hit.audio.pause(); this.sounds.hit.audio.currentTime = 0; this.sounds.hit.audio.play(); } break; } } this.shake = constrain(p.len * 0.3, 0, 50); //if the end of the plank didn't hit any of the blocks then game over if(!hit) { //game over this.player.dest = p.x + p.len; this.player.state = 1; //walking this.plank.status = "abyss"; this.achievements.counters.abyss++; if(!this.achievements.list[14].achieved && this.achievements.counters.abyss === 50) { this.achievements.list[14].achieved = true; this.addAchievementAlert(this.achievements.list[14].description); } else if(!this.achievements.list[8].achieved && this.achievements.counters.abyss === 25) { this.achievements.list[8].achieved = true; this.addAchievementAlert(this.achievements.list[8].description); } else if(!this.achievements.list[3].achieved && this.achievements.counters.abyss === 10) { this.achievements.list[3].achieved = true; this.addAchievementAlert(this.achievements.list[3].description); } if(this.sound && p.x + p.len > this.blocks[this.block.index+1].x) { this.sounds.miss.audio.pause(); this.sounds.miss.audio.currentTime = 0; this.sounds.miss.audio.play(); } } } else if(this.plank.status === "move") { if(this.player.x === this.player.dest) { this.cam.dest = this.player.x; this.plank.status = "idle"; } } else if(this.plank.status === "abyss") { //rotate plank to 180 degrees var p = this.planks[this.planks.length-1]; //animate player falling into the abyss this.player.fall(); if(this.player.x === this.player.dest) { this.plank.status = "falling"; if(this.sound) { this.sounds.fall.audio.pause(); this.sounds.fall.audio.currentTime = 0; this.sounds.fall.audio.play(); } } } else if(this.plank.status === "falling") { //rotate plank to 180 degrees var p = this.planks[this.planks.length-1]; //animate player falling into the abyss this.player.fall(); if(this.player.x === this.player.dest) { //rotate the plank down p.angle = constrain(p.angle + 5, 90, 180); } } stroke(this.scenes[this.scene.index].colors.plank); strokeWeight(2); for(var i = 0; i < this.planks.length; i++) { var p = this.planks[i]; pushMatrix(); translate(p.x, p.y); rotate(p.angle); line(0, 0, 0, -p.len); popMatrix(); } strokeWeight(1); }, runDust: function() { noStroke(); for(var i = this.dusts.length - 1; i >= 0; i--) { var dust = this.dusts[i]; fill(46, 45, 45, dust.opacity); ellipse(dust.x, dust.y, 5, 5); dust.x+= dust.vx; dust.y+= dust.vy; dust.opacity-= 5; if(dust.opacity <= 0) { this.dusts.splice(i, 1); } } }, runAchievements: function() { this.achievements.offset.value = lerp(this.achievements.offset.value, this.achievements.offset.target, 0.2); var sceneColors = this.scenes[this.scene.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 ? sceneColors.achievementBack : color(240, 240, 240, 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, 139, 40); fill(achievement.achieved ? sceneColors.achievementText : color(100, 100, 100)); textSize(18); text(achievement.title, 140 + 160 * (i % 3) + (600 * achievement.page), 115 + 130 * achievement.row); textSize(14); text(achievement.description, 75 + 160 * (i % 3) + (600 * achievement.page), 110 + 130 * achievement.row + 40, 130, 110); } popStyle(); popMatrix(); }, runClouds: function() { for(var i = 0; i < this.clouds.length; i++) { var cloud = this.clouds[i]; image(cloud.img, cloud.x, cloud.y); 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); } } }, runPlanets: function() { noStroke(); for(var i = 0; i < this.planets.length; i++) { var planet = this.planets[i]; fill(140, 140, 140, planet.opacity); ellipse(planet.x, planet.y, planet.diameter, planet.diameter); planet.x-= planet.vx; if(planet.x + planet.diameter < 0) { planet.x = width + planet.diameter; planet.y = random(20, 200); planet.vx = random(0.25, 0.45); planet.opacity = random(3, 10); planet.diameter = random(20, 100); } } }, runSnow: function() { noStroke(); for(var i = 0; i < this.snow.length; i++) { var flake = this.snow[i]; fill(flake.color); ellipse(flake.x, flake.y, flake.diameter, flake.diameter); flake.y+= flake.vy; if(flake.y + flake.diameter > 600) { flake.x = random(600); flake.y = -flake.diameter; } } }, runBirds: function() { noStroke(); for(var i = this.birds.length - 1; i >= 0; i--) { var bird = this.birds[i]; pushMatrix(); translate(bird.x, bird.y); rotate(bird.angle); fill(66, 52, 36); ellipse(bird.len * 0.1, 0, bird.len * 0.5, bird.len * 0.15); //body triangle( bird.len * 0.1, -bird.len * 0.10, bird.len * 0.1, bird.len * 0.10, bird.len * 0.5, 0); //tail triangle( -bird.len * 0.3, -bird.len * 0.06, -bird.len * 0.29, bird.len * 0.08, -bird.len * 0.0, bird.len * 0.05); //wings rotate(sin(frameCount * bird.vel) * bird.mag); triangle(-bird.len * 0.2, 0, bird.len * 0.2, 0, -bird.len * 0.4, -bird.len * 0.3); rotate(-sin(frameCount * bird.vel) * bird.mag * 2); triangle(-bird.len * 0.2, 0, bird.len * 0.2, 0, bird.len * 0.4, -bird.len * 0.3); popMatrix(); bird.px = bird.x; bird.py = bird.y; bird.x+= bird.vx; bird.y+= sin(frameCount * 0.7) * bird.vy; bird.angle = atan2(bird.y - bird.py, bird.x - bird.px); if(bird.x - bird.len > 600) { this.birds.splice(i, 1); } } }, runAchievementAlerts: function() { if(this.achievements.alerts.length > 0) { var alert = this.achievements.alerts[0]; var themeColors = this.scenes[this.scene.index].colors; pushStyle(); textAlign(CENTER, CENTER); textSize(13); stroke(themeColors.achievementAlertText, 50); strokeWeight(2); fill(themeColors.achievementAlertBack); beginShape(); vertex(alert.x - alert.w * 0.6, alert.y); vertex(alert.x + alert.w * 0.6, alert.y); vertex(alert.x + alert.w * 0.5, alert.y + alert.h); vertex(alert.x - alert.w * 0.5, alert.y + alert.h); endShape(CLOSE); fill(themeColors.achievementAlertText); text("New Achievement", alert.x - alert.w * 0.45, alert.y - alert.h * 0.3, alert.w * 0.9, alert.h); text(alert.content, alert.x - alert.w * 0.45, alert.y + alert.h * 0.1, alert.w * 0.9, alert.h); strokeWeight(1); popStyle(); if(alert.dir === 1) { if(alert.y === -100) { if(this.sound){ this.sounds.achievement.audio.pause(); this.sounds.achievement.audio.currentTime = 0; this.sounds.achievement.audio.play(); } } alert.y = constrain(alert.y + 3, -100, -2); if(alert.y === -2) { alert.dir = -1; } } else if(alert.dir === -1 && alert.delay-- <= -2) { alert.y = constrain(alert.y - 3, -100, -2); if(alert.y === -100) { this.achievements.alerts.splice(0, 1); } } } }, runBeforeActions: function() { switch(this.scene.index) { case 0: case 1: this.runClouds(); break; case 2: //add birds if(frameCount % this.birdFrequency.value === 0) { this.birds.push({ x: -50, y: random(400), px: 0, py: 0, vx: random(0.8, 1.8), vy: random(-0.6, 0.6), len: random(15, 25), vel: 10, mag: 15, angle: 0 }); this.birdFrequency.value = ~random(this.birdFrequency.MIN, this.birdFrequency.MAX); } this.runBirds(); break; case 3: this.runPlanets(); break; case 4: break; } }, runAfterActions: function() { switch(this.scene.index) { case 0: break; case 1: break; case 2: break; case 3: break; case 4: this.runSnow(); break; } }, play: function() { var themeColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); this.shakeScreen(); this.cam.x = ~~lerp(this.cam.x, width * 0.2 - this.player.x, 0.1); if(this.cam.x - (width * 0.2 - this.player.x) > 10) { this.scene.move = true; } else { this.scene.move = false; } pushMatrix(); translate(this.cam.x, 0); this.runBlocks(); this.player.run(); this.runPlanks(); this.runDust(); popMatrix(); this.runAfterActions(); //if the player falls into the abyss if(this.player.y > height) { this.scores.high = max(this.scores.value, this.scores.high); this.gameOver = true; } if(this.gameOver) { this.overPanel.value = lerp(this.overPanel.value, this.overPanel.to, 0.1); pushMatrix(); translate(0, this.overPanel.value); noStroke(); fill(240, 100); rect(120, 105, 360, 380); for(var i in this.buttons.gameover) { this.buttons.gameover[i].draw(); } //display stats pushStyle(); fill(themeColors.text); textSize(19); textAlign(LEFT, TOP); text("Score: " + this.scores.value, 150, 125); text("Games: " + this.achievements.counters.abyss, 150, 165); textAlign(RIGHT, TOP); text("High Score: " + this.scores.high, 450, 125); text("Planks: " + this.achievements.counters.planks, 450, 165); stroke(themeColors.text, 100); line(140, 157, 460, 157); line(140, 195, 460, 195); popStyle(); popMatrix(); //display score/tokens pushStyle(); fill(themeColors.text); textSize(20); textAlign(LEFT, TOP); text("Score: " + this.scores.value, 10, 10); textAlign(RIGHT, TOP); text("Tokens: " + this.tokens, 590, 10); popStyle(); } else { //display stats pushStyle(); fill(themeColors.text); textSize(20); textAlign(LEFT, TOP); text("Score: " + this.scores.value, 10, 10); textAlign(RIGHT, TOP); text("Tokens: " + this.tokens, 590, 10); textAlign(CENTER, CENTER); for(var i = this.messages.length - 1; i >= 0; i--) { var message = this.messages[i]; fill(message.color, message.opacity); text(message.content, 300, 200); message.opacity-= 2; if(message.opacity <= 0) { this.messages.splice(i, 1); } } popStyle(); } }, home: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); pushStyle(); noStroke(); //start block fill(sceneColors.blockStart); rect(70, 210, 200, 390); fill(0, 30); rect(70, 210, 200, 20); //normal block fill(sceneColors.block); rect(480, 210, 50, 390); fill(0, 30); rect(480, 210, 50, 20); fill(sceneColors.blockHit); rect(498, 210, 14, 6); stroke(sceneColors.plank); strokeWeight(2); line(270, 210, 505, 210); //heading textAlign(CENTER, TOP); textSize(60); fill(sceneColors.heading); text("PLANK", 375, 150); popStyle(); this.homePlayer.draw(); this.runAfterActions(); // if(frameCount % 360 === 0) { // this.homePlayer.character = ~~random(this.characters.length); // } for(var i in this.buttons.home) { this.buttons.home[i].draw(); } }, how: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(sceneColors.heading); text("How", 300, 40); fill(sceneColors.text); textSize(14); text("The objective of the game is to get as far as you can without falling down into the abyss.\n\nClick and hold on the screen to create a new plank. The longer you hold the mouse down, the longer the plank gets (up to a maximum). When you let go of the mouse, the plank will fall. You need to make sure the length is just right so it lands on a block.\n\nIf you land in the center of a block you will receive either a token or double points.\n\nYou can use the tokens to purchase different characters and scenes. There are 10 characters and 5 scenes.\n\nThere are also 18 achievements you need to obtain as you play the game.", 40, 120, 520, 600); popStyle(); this.runAfterActions(); for(var i in this.buttons.common) { this.buttons.common[i].draw(); } }, achievementsScene: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(sceneColors.heading); text("Achievements", 300, 15); fill(sceneColors.text); textSize(18); text("PAGE " + (this.achievements.offset.target === 0 ? "1" : "2") + " of 2", 300, 70); popStyle(); this.runAchievements(); this.runAfterActions(); this.buttons.achievements.previous.enabled = this.achievements.offset.target === -600; this.buttons.achievements.next.enabled = this.achievements.offset.target === 0; for(var i in this.buttons.achievements) { this.buttons.achievements[i].draw(); } for(var i in this.buttons.common) { this.buttons.common[i].draw(); } }, scoreboard: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); //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(sceneColors.heading); text("High Scores", 300, 40); textAlign(RIGHT); textSize(20); textLeading(35); fill(sceneColors.text); text(names, 340, 125); text(scores, 395, 125); popStyle(); this.runAfterActions(); for(var i in this.buttons.common) { this.buttons.common[i].draw(); } }, shopCharacters: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); this.shopPlayer.draw(); var character = this.characters[this.shopPlayer.character]; var tokenText = character.enabled ? "Purchased" : character.cost + " tokens"; //Button: Selected, Select, Buy if(this.shopPlayer.character === this.player.character) { this.buttons.shop.characters.buy.content = "Selected"; this.buttons.shop.characters.buy.enabled = false; } else if(character.enabled === true) { this.buttons.shop.characters.buy.content = "Select"; this.buttons.shop.characters.buy.enabled = true; } else { this.buttons.shop.characters.buy.content = "Buy"; this.buttons.shop.characters.buy.enabled = this.tokens >= character.cost; pushStyle(); fill(40, 30); noStroke(); rectMode(CENTER); rect(300, 290, 240, 220, 20); fill(sceneColors.text); textSize(20); textAlign(CENTER, CENTER); text("LOCKED", 300, 340); popStyle(); } pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(sceneColors.heading); text("Characters", 300, 40); textSize(25); textLeading(35); fill(sceneColors.text); text(character.name + "\n" + (this.shopPlayer.character + 1) + "/" + this.characters.length, 300, 110); text(tokenText, 300, 410); //display score/tokens textSize(20); textAlign(RIGHT, TOP); text("Tokens: " + this.tokens, 590, 10); popStyle(); this.runAfterActions(); //previous/next buttons this.buttons.shop.characters.previous.enabled = this.shopPlayer.character > 0; this.buttons.shop.characters.next.enabled = this.shopPlayer.character < this.characters.length-1; for(var i in this.buttons.shop.characters) { this.buttons.shop.characters[i].draw(); } for(var i in this.buttons.common) { this.buttons.common[i].draw(); } }, shopScenes: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); this.shopScene.tile(); var scene = this.scenes[this.shopScene.index]; var tokenText = scene.enabled ? "Purchased" : scene.cost + " tokens"; //Button: Selected, Select, Buy if(this.shopScene.index === this.scene.index) { this.buttons.shop.scenes.buy.content = "Selected"; this.buttons.shop.scenes.buy.enabled = false; } else if(scene.enabled === true) { this.buttons.shop.scenes.buy.content = "Select"; this.buttons.shop.scenes.buy.enabled = true; } else { this.buttons.shop.scenes.buy.content = "Buy"; this.buttons.shop.scenes.buy.enabled = this.tokens >= scene.cost; pushStyle(); fill(40, 30); noStroke(); rectMode(CENTER); rect(300, 290, 240, 220, 20); fill(this.scenes[this.shopScene.index].colors.text); textSize(20); textAlign(CENTER, CENTER); text("LOCKED", 300, 340); popStyle(); } pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(sceneColors.heading); text("Scenes", 300, 40); textSize(25); fill(sceneColors.text); textLeading(35); text(scene.name + "\n" + (this.shopScene.index + 1) + "/" + this.scenes.length, 300, 110); text(tokenText, 300, 410); //display score/tokens textSize(20); textAlign(RIGHT, TOP); text("Tokens: " + this.tokens, 590, 10); popStyle(); this.runAfterActions(); //previous/next buttons this.buttons.shop.scenes.previous.enabled = this.shopScene.index > 0; this.buttons.shop.scenes.next.enabled = this.shopScene.index < this.scenes.length-1; for(var i in this.buttons.shop.scenes) { this.buttons.shop.scenes[i].draw(); } for(var i in this.buttons.common) { this.buttons.common[i].draw(); } }, shop: function() { var sceneColors = this.scenes[this.scene.index].colors; this.scene.run(); this.runBeforeActions(); pushStyle(); textAlign(CENTER, TOP); textSize(40); fill(sceneColors.heading); text("Shop", 300, 40); textSize(16); fill(sceneColors.text); text("Select the appropriate button below to purchase/select either characters or scenes using the game tokens obtained within the game.", 15, 120, 570, 600); textSize(20); text("You currently have " + this.tokens + " tokens available", 300, 220); popStyle(); this.runAfterActions(); for(var i in this.buttons.shop.main) { this.buttons.shop.main[i].draw(); } }, run: function() { switch(this.page) { case "load": this.load("home"); break; case "home": if(this.logo.done) { this.home(); } this.logo.draw(); // this.home(); break; case "how": this.how(); break; case "scoreboard": this.scoreboard(); break; case "achievements": this.achievementsScene(); break; case "shop": this.shop(); break; case "charactersShop": this.shopCharacters(); break; case "scenesShop": this.shopScenes(); break; case "play": this.play(); break; } this.runAchievementAlerts(); if(this.transition.active) { this.transition.run(); } cursor(this.hover ? 'pointer' : 'default'); this.hover = this.clicked = false; } }; return Game; })(); game = new Game({}); draw = function() { game.run(); };
Folds	42,46,50,52,53,55,56,58,59,61,62,64,66,371,373,420,422,470,472,728,730,2006,2008,2050,2052,4826
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIOOi730Cww
Votes	296
Spin-Offs	56
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739460898828
Updated	4 months ago, 1744844960975
Source Deleted	unknown