Viewing Program

Program Data

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

Title	Tappy Shots 2.1
ID	6455263307972608
Created	4 years ago, 1609615061251
Updated	4 years ago, 1610464423206
Code	/***********************************************\ For those who new about this game, sorry for taking so long! PLEASE leave a review in the tips and thanks. I am not promising to respond to everyone, but I know that I am going to need user feedback. There are still parts of the game I am pretty sure I will have to work on, but at least it's out! Here's the first version: https://www.khanacademy.org/computer-programming/tappy-shots-updated/6299000870305792 v--UPDATES LOG--v VERSION 2.1 (current): Removed line 11 (my apologies everyone) High scores page added Settings added for efficiency vs. game smoothness: Fire's particle feed rate (# of particles added every frame) Adjustable frame rate in fps Moving finger on title page Use of space bar re-added Adjusted some of the achievements VERSION 2.0 (released Jan 2, 2021): Achievements page Stats page: Total ball bounces Bounce shot combo added Off the board combo removed Shop: 4 additional ball colors 5 new ball styles 3 different backgrounds 5 styles of fire Reduced frame rate to 30 fps (game lag) Used more sophisticated button function Added best combo memory Cleaned code, added comments Edited scoring, timer, and ending for efficiency (does not effect user experiance) Use of space bar removed NEW BEST badges show up on new high scores and high combos FIRST VERSION (after updates): Pause button added High Scores added Edited code for efficiency (does not effect user experiance) \*********************************************/ var highScores = [ "donavyn, 796", "Eugene, 693", "Brayden Webb, 593", "Th0m@$, 560", "⚡MarmDev⚡, 522", "sandrinegrace, 476", "Lemonade Trees, 424", "wtheggland, 328", "SaucieBoi, 268", "Annabanana07, 266", "Mike (creator), 252", "ThirstyMonster, 246", "VEXCESS, 242", "AYProgramming, 223", "Timothy (BIO), 212", "Shaurya K 😎, 201", "CodeEngineer, 196", "HootCode();, 193", "rmilgram, 189", "Nitrobeast101, 178", "Fresh, 174", "AS91801, 169", "Bushdabeans, 164", "🎄MBONKA🎄, 164", "Cheez produx, 147", "ʕ•ᴥ•ʔCode Gurl ʕ•ᴥ•ʔ, 120", "Zach👁️👄👁️, 117", "KardBoardKyle, 113", "PrestonPlayzFan, 113", "Dpain, 108", "LL892 [BIO], 105", "tonybooty, 102", "Light Runner, 99", "DeathStar(DSS Studios), 96", "𝐓𝐡𝐞 𝐍𝐨-𝐒𝐨𝐜𝐤 𝐆𝐮𝐲, 87", "« SP », 87", "⊕ᗰӘՑą𝓹ŗ⊕đ𝓤𝓒ŧΐ⊕Ŋﮑ, 82", "UTA:Yung, 74", "MusicalSpoon, 73", "theseknifesonly, 71", "20123348, 71", "Harry Potter, 64", "byu moolk, 61", "💲Carter Munday💲, 59", "Eesa006 [Sun&MoonCEO], 58", "incolnerfle, 56", "Veer Dhutti :), 55", "Diamond_Lucky123, 47", "~Terraria~Logic~, 46", "Tyler Smith, 45", "Shad Lightson, 43", "AlbertPIEinstein, 42", "Wolfgamer1012, 34", ]; var gameState = "playing"; var currentGoal = 1; var groundLevel = 325; var logoTrans = 255; var colors = { Red: color(255, 0, 0), Yellow: color(255, 255, 0), Orange: color(255, 165, 0), Green: color(0, 255, 0), Pink: color(255, 76, 151), }; var message = {x: width/2, y: height/5, txt: "", trans: 0}; var mainTimer = 100; var scoreTrans = 0;//0 = playing, 255 = score screen var score = 0; var highScore = 0; var currentCombo = 0; var bestCombo = 0; var highShots = 0; var buzzBeats = 0; var bounceShots = 0; var cleanShots = 0; var ballBounces = 0; var mouseIsReleased, ballHitGoal, groundHit, oppositeGoal, goal, newBestScore, newBestCombo, buttonClicked, ball, keyIsReleased; var shopSelector = 45; var psFeedRate = 1; var acheivements = [ { message: "Score 50 in one play", condition: function() { return highScore >= 50; } }, { message: "Score 75 in one play", condition: function() { return highScore >= 75; } }, { message: "Score 125 in one play", condition: function() { return highScore >= 125; } }, { message: "Get a combo of\n5 or more", condition: function() { return bestCombo >= 5; } }, { message: "Get a combo of\n10 or more", condition: function() { return bestCombo >= 10; } }, { message: "Get a combo of\n15 or more", condition: function() { return bestCombo >= 15; } }, { message: "Make 10 high shots", condition: function() { return highShots >= 10; } }, { message: "Make 10 bounce shots", condition: function() { return bounceShots >= 10; } }, { message: "Make 10 buzzer beaters", condition: function() { return buzzBeats >= 10; } }, { message: "Make 10 clean shots", condition: function() { return cleanShots >= 10; } }, ]; var fps = 30; var gameSpeed = 60/fps; frameRate(fps); /Images, backgrounds and ball styles*/ imageMode(CENTER); var standard = (function() { var cellSize = 5; noStroke(); for (var x = 0; x < width; x += cellSize) { for (var y = 0; y < height; y += cellSize) { //The closer the cell is to the center of the screen, the brighter it is var d = dist(x, y, width/2, height/2); var bright = map(d, 0, 282.84, 75, 20); fill(bright); rect(x, y, cellSize, cellSize); } } return get(0, 0, width, height); })(); var currentBG = standard; var blocketsQuestWinImage = (function() { //Make sure to check out my game, "Blocket's Quest" var maxDist = mag(400, 400); fill(255); stroke(0); for (var s = 1; s > 0; s -= 0.0007) { ellipse(200, 200, maxDist s, maxDist * s); } return get(0, 0, width, height); })(); var noisey = (function() { var cellSize = 5; var xOff = 0; noStroke(); for (var x = 0; x < width; x += cellSize) { var yOff = 0; for (var y = 0; y < height; y += cellSize) { var noiseVal = noise(xOff, yOff); var brightness = map(noiseVal, 0, 1, 20, 100); fill(brightness); rect(x, y, cellSize, cellSize); yOff += 0.05; } xOff += 0.05; } return get(0, 0, width, height); })(); var redAngryBirdImage = function (width) { var naturalWidth = 300; width = width === undefined ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (!osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-27, -47); osb.background(0, 0, 0, 0); osb.strokeWeight(2); osb.stroke(0, 0, 0); osb.fill(0, 0, 0); osb.beginShape(); osb.vertex(242, 109); osb.bezierVertex(219, 56, 184, 55, 175, 56); osb.bezierVertex(161, 59, 157, 73, 163, 82); osb.bezierVertex(141, 75, 83, 99, 140, 114); osb.bezierVertex(103, 126, 24, 255, 113, 312); osb.bezierVertex(181, 350, 272, 344, 309, 284); osb.bezierVertex(353, 205, 285, 120, 242, 109); osb.endShape(); osb.stroke(16, 16, 16); osb.fill(16, 16, 16); osb.beginShape(); osb.vertex(79, 196); osb.vertex(68, 173); osb.vertex(55, 185); osb.bezierVertex(78, 209, 60, 189, 76, 204); osb.vertex(41, 189); osb.vertex(33, 206); osb.bezierVertex(52, 213, 62, 213, 74, 214); osb.endShape(); osb.beginShape(); osb.vertex(73, 215); osb.bezierVertex(80, 218, 67, 212, 51, 221); osb.vertex(55, 233); osb.vertex(73, 222); osb.endShape(); osb.fill(252, 17, 84); osb.stroke(252, 17, 84); osb.beginShape(); osb.vertex(285, 299); osb.bezierVertex(346, 246, 310, 145, 242, 117); osb.bezierVertex(224, 73, 195, 62, 181, 61); osb.bezierVertex(188, 61, 127, 69, 217, 108); osb.vertex(190, 102); osb.bezierVertex(183, 98, 176, 94, 170, 88); osb.bezierVertex(149, 76, 107, 94, 129, 104); osb.bezierVertex(150, 110, 150, 110, 179, 109); osb.endShape(); osb.fill(211, 10, 50); osb.stroke(211, 10, 50); osb.beginShape(); osb.vertex(170, 88); osb.bezierVertex(156, 83, 129, 97, 129, 104); osb.bezierVertex(150, 110, 150, 110, 179, 109); osb.vertex(155, 114); osb.bezierVertex(125, 117, 37, 227, 100, 290); osb.bezierVertex(165, 346, 255, 329, 285, 299); osb.bezierVertex(343, 250, 315, 162, 231, 124); osb.bezierVertex(222, 47, 107, 62, 217, 108); osb.vertex(190, 102); osb.bezierVertex(183, 98, 176, 94, 170, 88); osb.endShape(); osb.fill(226, 196, 168); osb.strokeWeight(1.7); osb.stroke(226, 196, 168); osb.beginShape(); osb.vertex(115, 301); osb.bezierVertex(100, 295, 229, 214, 277, 305.8); osb.bezierVertex(241, 329, 174, 341, 115, 301); osb.endShape(); osb.fill(168, 0, 35); osb.stroke(168, 0, 35); osb.beginShape(); osb.vertex(127, 239); osb.bezierVertex(135, 238, 148, 264, 130, 265); osb.bezierVertex(118, 263, 114, 240, 127, 239); osb.endShape(); osb.beginShape(); osb.vertex(157, 216.4); osb.bezierVertex(174, 220, 174, 262, 160, 259); osb.bezierVertex(150, 265, 140, 230, 157, 216.4); osb.endShape(); osb.beginShape(); osb.vertex(200, 203); osb.bezierVertex(181, 215, 169, 257, 195, 261); osb.bezierVertex(230, 265, 245, 230, 200, 203); osb.endShape(); osb.beginShape(); osb.vertex(292, 206); osb.bezierVertex(242, 233, 268, 259, 294, 255); osb.bezierVertex(301, 257, 318, 233, 292, 206); osb.endShape(); osb.strokeWeight(4); osb.fill(0); osb.stroke(0); osb.bezier(202, 203, 197, 208, 189, 219, 199, 240); osb.line(199, 232, 202, 236); osb.bezier(293, 227, 291, 226, 296, 216, 287, 208); osb.fill(219); osb.stroke(219); osb.strokeWeight(1); osb.bezier(203, 206, 199, 205, 191, 224, 203, 235); osb.triangle(203, 228, 203, 235, 210, 233); osb.fill(255); osb.stroke(255); osb.bezier(203, 206, 206, 206, 193, 224, 210, 233); osb.bezier(285, 208, 290, 213, 292, 223, 290, 227); osb.quad(203, 206, 210, 233, 290, 227, 285, 208); osb.triangle(208, 232, 273, 227, 251, 237); osb.fill(0); osb.stroke(0); osb.ellipse(224.5, 223, 14, 12); osb.ellipse(260, 223, 9, 9); osb.fill(0); osb.stroke(0); osb.beginShape(); osb.vertex(250, 219); osb.bezierVertex(220, 210, 198, 204, 183, 193); osb.bezierVertex(182, 189, 188, 180, 197, 172); osb.bezierVertex(218, 189, 234, 197, 251, 207); osb.bezierVertex(269, 200, 278, 193, 295, 178); osb.bezierVertex(302, 184, 309, 201, 307, 197); osb.bezierVertex(273, 215, 274, 212, 250, 219); osb.endShape(); osb.strokeWeight(4); osb.fill(168, 0, 35); osb.bezier(196, 241, 216, 232, 225, 236, 234, 237); osb.bezier(296, 229, 275, 223, 270, 231, 263, 234); osb.strokeWeight(1); osb.stroke(0); osb.fill(0); osb.triangle(249, 210, 247, 232, 251, 232); osb.fill(255); osb.strokeWeight(4); osb.stroke(0); osb.beginShape(); osb.vertex(249, 232); osb.bezierVertex(214, 245, 196, 270, 214, 285); osb.vertex(234, 285); osb.endShape(); osb.fill(251, 186, 30); osb.beginShape(); osb.vertex(249, 232); osb.bezierVertex(221, 246, 179, 270, 251, 275); osb.bezierVertex(264, 278, 281, 276, 298, 292); osb.bezierVertex(307, 304, 307, 246, 249, 232); osb.endShape(); osb.fill(245, 156, 30); osb.stroke(0); osb.strokeWeight(4); osb.beginShape(); osb.vertex(215, 285); osb.bezierVertex(225, 295, 230, 297, 246, 305); osb.bezierVertex(266, 295, 263, 297, 280, 283); osb.bezierVertex(289, 279, 230, 268, 214, 285); osb.endShape(); osb.endDraw(); return osb; }; var yellowAngryBirdImage = function (width) { var naturalWidth = 304; width = width === undefined ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (!osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-47, -35); osb.background(0, 0, 0, 0); osb.fill(0); osb.stroke(0); osb.strokeWeight(1); osb.beginShape(); osb.vertex(216, 100); osb.bezierVertex(255, 128, 358, 274, 350, 302); osb.bezierVertex(360, 332, 87, 343, 69, 304); osb.bezierVertex(67, 298, 80, 261, 85, 254); osb.bezierVertex(73, 258, 61, 258, 50, 251); osb.bezierVertex(67, 248, 65, 245, 70, 240); osb.bezierVertex(59, 234, 38, 217, 55, 182); osb.bezierVertex(57, 207, 61, 208, 81, 226); osb.bezierVertex(77, 216, 82, 203, 96, 191); osb.bezierVertex(91, 208, 92, 212, 102, 223); osb.bezierVertex(108, 216, 112, 190, 179, 107); osb.bezierVertex(171, 103, 168, 104, 153, 107); osb.bezierVertex(152, 102, 168, 92, 168, 93); osb.bezierVertex(151, 89, 141, 87, 131, 89); osb.bezierVertex(146, 74, 159, 76, 178, 78); osb.bezierVertex(147, 51, 136, 55, 125, 53); osb.bezierVertex(142, 43, 184, 46, 204, 69); osb.bezierVertex(205, 60, 206, 52, 206, 46); osb.bezierVertex(218, 59, 227, 82, 216, 100); osb.endShape(); osb.fill(246, 223, 53); osb.stroke(0, 0, 0); osb.beginShape(); osb.vertex(201, 103); osb.bezierVertex(221, 108, 318, 209, 340, 293); osb.bezierVertex(339, 306, 334, 301, 332, 305); osb.bezierVertex(339, 306, 239, 263, 153, 320); osb.bezierVertex(149, 320, 114, 321, 79, 300); osb.bezierVertex(86, 244, 182, 101, 201, 103); osb.endShape(); osb.fill(255); osb.noStroke(); osb.beginShape(); osb.vertex(332, 303); osb.bezierVertex(339, 305, 239, 262, 151.8, 319.2); osb.bezierVertex(239, 326, 329, 310, 332, 303); osb.endShape(); osb.fill(0); osb.stroke(0); osb.ellipse(210, 246, 54, 45); osb.fill(255); osb.ellipse(210, 246, 48, 38); osb.noStroke(); osb.fill(0); osb.ellipse(224.5, 246.5, 13, 11); osb.fill(0); osb.stroke(0); osb.ellipse(292, 247, 44, 37); osb.fill(255); osb.ellipse(292, 247, 39, 31); osb.noStroke(); osb.fill(0); osb.ellipse(303.5, 248, 11, 9); osb.fill(176, 52, 18); osb.stroke(176, 52, 18); osb.strokeWeight(2); osb.quad(166, 200, 247, 230, 243, 241, 156, 217); osb.quad(264, 232, 337, 212, 342, 226, 266, 242); osb.fill(244, 169, 42); osb.stroke(0, 0, 0); osb.strokeWeight(5); osb.beginShape(); osb.vertex(226, 279); osb.bezierVertex(233, 267, 247, 253, 257, 247); osb.bezierVertex(288, 253, 308, 262, 326, 279); osb.bezierVertex(314, 281, 308, 277, 298, 277); osb.bezierVertex(269, 274, 243, 262, 226, 279); osb.endShape(); osb.beginShape(); osb.vertex(298, 277); osb.bezierVertex(269, 273, 246, 263, 226, 279); osb.bezierVertex(234, 288, 248, 295, 262, 298); osb.bezierVertex(276, 291, 286, 287, 300, 277); osb.endShape(); osb.endDraw(); return osb; }; var redABImg = redAngryBirdImage(); var yellowABImg = yellowAngryBirdImage(); var ohNoes = getImage("creatures/OhNoes-Hmm"); var hopper = getImage("creatures/Hopper-Jumping"); var winston = getImage("creatures/Winston"); /Ball/ var Ball = function() { this.set(width/3 - 5, height/1.5 + 2); this.velocity = new PVector(); this.size = 35; this.trans = 255; this.radius = this.size/2; this.angle = this.angleVel = 0; this.color = colors.Orange; this.style = "skin"; this.draw = function(x, y, color) { var x1, y1, x2, y2; var isBall = (x === this.x && y === this.y); var shadowY = isBall ? groundLevel : y; //Ball's shadow var mult = map(this.y, shadowY, -height/2, 1, 0.5); noStroke(); fill(0, this.trans/2.55); ellipse(x, shadowY + this.size/2, this.size * 1.3 * mult, this.size/1.5 * mult); //Draw Ball pushMatrix(); translate(x, y); rotate(this.angle); if (this.style === "skin" \|\| !isBall) { fill(color \|\| this.color, this.trans); ellipse(0, 0, this.size, this.size); //Lines on the ball strokeWeight(1); stroke(0, this.trans); noFill(); x1 = this.radius * cos(-35); y1 = this.radius * sin(-35); x2 = this.radius * cos(145); y2 = this.radius * sin(145); bezier(x1, y1, x1 + 1, y1 + 10, x2 + 10, y2 + 5, x2, y2); x1 = this.radius * cos(55); y1 = this.radius * sin(55); x2 = this.radius * cos(235); y2 = this.radius * sin(235); bezier(x1, y1, x1 + 10, y1, x2 + 10, y2, x2, y2); x1 = this.radius * cos(190); y1 = this.radius * sin(190); x2 = this.radius * cos(100); y2 = this.radius * sin(100); bezier(x1, y1, x1 + 25, y1, x2 + 15, y2 - 10, x2, y2); x1 = this.radius * cos(-75); y1 = this.radius * sin(-75); x2 = this.radius * cos(10); y2 = this.radius * sin(10); bezier(x1, y1, x1, y1, x2 - 7, y2 + 3, x2, y2); } else { image(this.style, 0, 0, this.size * 1.2, this.size * 1.2); } popMatrix(); }; this.move = function() { if (mainTimer > 0 && !buttonClicked && (mouseIsReleased \|\| (keyIsReleased && key.code === 32))) { this.moving = true; this.shotHeight = this.y; ballHitGoal = groundHit = false; this.velocity.set(2.5 * currentGoal, -8); this.velocity.mult(gameSpeed); } if (this.moving) { this.velocity.x = pow(0.992, gameSpeed); this.velocity.y += 0.5 sq(gameSpeed); this.add(this.velocity); this.angle += this.velocity.x * 2; } }; this.checkSides = function() { //Left and right if (currentGoal === 1) { if (this.x >= width) { this.x = 0; } else if (this.x < -this.size) { this.x = -this.size; } } else { if (this.x <= 0) { this.x = width; } else if (this.x > width + this.size) { this.x = width + this.size; } } //Ground if (this.y > groundLevel) { this.velocity.y = -0.8; this.y = groundLevel; groundHit = true; if (this.velocity.y < map(gameSpeed, 1, 2, -2, -1.9)) { ballBounces++; } } }; }; Ball.prototype = Object.create(PVector.prototype); ball = new Ball(); /Particle Systems, for fire and smoke/ var Particle = function(type, origin) { //Determin if fire is for ball or not if (!origin \|\| origin === ball) { origin = ball; this.pos = new PVector(random(-ball.radius + 5, ball.radius - 5), random(-ball.radius + 5)); this.speed = gameSpeed 0.5; this.size = 20; } else { this.pos = new PVector(random(-1, 1), random(-1)); this.pos.mult(5); this.speed = gameSpeed * 0.3; this.size = 10; } this.pos.add(origin); this.velocity = new PVector(random(-this.speed, this.speed), random(-this.speed * 3)); this.type = type; //Only gets changed if fire is traditional //not even used if type is smoke this.endColor = color(45); if (this.type === "smoke") { //The smoke is pretty simple this.color = color(45); } else if (this.type === "rainbow") { //Random color for rainbow fire this.startColor = color(random(255), random(255), random(255)); } else if (this.type === "traditional") { //Default setting this.startColor = colors.Yellow; this.endColor = colors.Red; } else { //this.type should be a color this.startColor = this.type; } this.percentage = 0; this.trans = 100; this.deathRate = 2 * gameSpeed; this.draw = function() { noStroke(); fill(this.color, this.trans); ellipse(this.pos.x, this.pos.y, this.size, this.size); //image(getImage("avatars/leaf-red"), this.pos.x, this.pos.y); }; this.update = function() { if (this.type === "smoke") { this.trans -= this.deathRate * 20/this.size; } else { this.color = lerpColor(this.startColor, this.endColor, this.percentage/100); this.percentage = constrain(this.percentage + this.deathRate, 0, 100); if (this.percentage === 100) { this.color = color(45); this.type = "smoke"; } } this.pos.add(this.velocity); }; }; var ParticleSystem = function(type, origin) { this.origin = origin; this.type = type; this.particles = []; this.addParticles = function(feedRate) { psFeedRate = feedRate \|\| psFeedRate; for (var i = 0; i < 120/fps * psFeedRate; i++) { this.particles.unshift(new Particle(this.type, this.origin)); } }; this.draw = function() { for (var i = this.particles.length - 1; i >= 0; i--) { this.particles[i].draw(); } }; this.update = function() { for (var i = this.particles.length - 1; i >= 0; i--) { this.particles[i].update(); //If particle is dead, remove it if (this.particles[i].trans <= 0) { this.particles.splice(i, 1); } } }; }; //Note: fire always becomes smoke, but still runs in the fire system var fire = new ParticleSystem("traditional", ball); var smoke = new ParticleSystem("smoke", ball); var samples = [ new ParticleSystem("traditional", new PVector(65, 350)), new ParticleSystem(colors.Pink, new PVector(65 + 70, 350)), new ParticleSystem(colors.Green, new PVector(65 + 140, 350)), new ParticleSystem("rainbow", new PVector(65 + 210, 350)), new ParticleSystem(color(0, 0, 255), new PVector(65 + 280, 350)), ]; /Goals/ var Goal = function(x, y, whichSide) { this.set(x, y); this.trans = 255; this.side = whichSide; this.netLength = 40; this.rimSize = 52; this.speed = 3 * gameSpeed; this.direction = ""; this.draw = function() { //Back part of the net strokeWeight(2); stroke(255, this.trans); line(this.x - 12, this.y - 5, this.x - 24, this.y + 7); line(this.x - 12, this.y + 7, this.x, this.y - 7); line(this.x, this.y + 7, this.x + 15, this.y - 7); line(this.x - 1, this.y - 8, this.x + 24, this.y + 11); line(this.x - 13, this.y - 5, this.x + 3, this.y + 6); //Rim noFill(); stroke(colors.Red, this.trans); strokeWeight(5); ellipse(this.x, this.y, this.rimSize, ball.size/2); noStroke(); fill(colors.Red, this.trans); if (this.side === 1) { rect(this.x + 25, this.y - 6, 15, 12); //Shadow fill(0, this.trans/2.55); noStroke(); quad(this.x + 50, this.y - 60, this.x + 50, this.y + 25, this.x + 100, this.y + 35, this.x + 100, this.y - 50); //Darker yellow parts noStroke(); fill(158, 158, 0, this.trans); rect(this.x + 40, this.y - 25, 14, 50); rect(this.x + 54, this.y - 5, 47, 5); //Bright yellow part fill(colors.Yellow, this.trans); rect(this.x + 54, this.y - 15, 47, 12); //Backboard fill(171, 171, 171, this.trans); rect(this.x + 40, this.y - 55, 10, 70); fill(230, 230, 230, this.trans); rect(this.x + 40, this.y - 70, 10, 20); } else { rect(this.x - 40, this.y - 6, 15, 12); //Shadow fill(0, this.trans/2.55); noStroke(); quad(this.x - 50, this.y - 60, this.x - 50, this.y + 25, this.x - 100, this.y + 35, this.x - 100, this.y - 50); //Darker yellow parts noStroke(); fill(158, 158, 0, this.trans); rect(this.x - 54, this.y - 25, 14, 50); rect(this.x - 100, this.y - 5, 47, 5); //Bright yellow part fill(colors.Yellow, this.trans); rect(this.x - 100, this.y - 15, 47, 12); //Backboard fill(171, 171, 171, this.trans); rect(this.x - 50, this.y - 55, 10, 70); fill(230, 230, 230, this.trans); rect(this.x - 50, this.y - 70, 10, 20); } }; //This is in a separate function so it can be draw in front of the ball this.drawNetAndRim = function() { //Draw net and front half of the rim //Net strokeWeight(2); stroke(255, this.trans); line(this.x - 26.25, this.y, this.x - 26.25 + 4, this.y + this.netLength/2); line(this.x - 26.25 + 4, this.y + this.netLength/2, this.x - 26.25 + 4, this.y + this.netLength); line(this.x + 26.25, this.y, this.x + 26.25 - 4, this.y + this.netLength/2); line(this.x + 26.25 - 4, this.y + this.netLength/2, this.x + 26.25 - 4, this.y + this.netLength); line(this.x - 15, this.y + 7, this.x - 26.25 + 3, this.y + this.netLength/2); line(this.x + 2, this.y + 7, this.x - 26.25 + 4, this.y + this.netLength/1.3); line(this.x + 26, this.y - 2, this.x - 26.25 + 4, this.y + this.netLength + 2); line(this.x + 26.25 - 3, this.y + this.netLength/3, this.x - 13 + 5, this.y + this.netLength + 2); line(this.x + 26.25 - 4, this.y + this.netLength/1.5, this.x + 13 - 5, this.y + this.netLength + 2); line(this.x - 26.25 + 4, this.y + this.netLength/1.5, this.x - 13 + 4, this.y + this.netLength + 3); line(this.x - 26.25 + 4, this.y + this.netLength/2 - 3, this.x + 13 - 6, this.y + this.netLength + 3); line(this.x - 26.25, this.y, this.x + 26.25 - 4, this.y + this.netLength + 2); line(this.x + 4, this.y + 7, this.x + 26.25 - 4, this.y + this.netLength/2 + 2); //Rim noFill(); stroke(colors.Red, this.trans); strokeWeight(5); arc(this.x, this.y, this.rimSize, ball.size/2, -5, 180); }; this.point = function(x, y) { if (ball.dist(new PVector(x, y)) < ball.radius + 3) { //Ball could be falling so fast that is goes right through this point if (ball.velocity.y > ball.size) { ball.y -= ball.size; } //Angle between ball and this point var theta = atan2(y - ball.y, x - ball.x); //Same angle in vector form var angleVector = new PVector(-cos(theta), -sin(theta)); //Set ball's new position var newPos = PVector.mult(angleVector, ball.radius + 3); newPos.add(x, y); ball.set(newPos); //Set ball's new velocity var newVel = PVector.mult(angleVector, ball.velocity.mag()/2); ball.velocity.set(newVel); //Later we will need to know if the ball hit a point ballHitGoal = true; } }; this.checkForMake = function() { //Did you make the basket? if (this.side === currentGoal && //Has to be correct goal (ball.prevY < this.y \|\| ball.velocity.y > 30) && //Has to be falling downward ball.x > this.x - this.rimSize/2 && ball.x < this.x + this.rimSize/2 && ball.y > this.y) { //Has to be lower than the rim //Check for special basket if (groundHit) { message.txt = "BOUNCE SHOT"; bounceShots++; } else if (mainTimer <= 0) { message.txt = "BUZZER BEATER"; buzzBeats++; } else if (this.y - ball.shotHeight >= 175) { message.txt = "HIGH SHOT"; highShots++; } else if (!ballHitGoal) { message.txt = "CLEAN SHOT"; cleanShots++; } else { message.txt = ""; } //Update variables if (message.txt !== "") { message.trans = 255; currentCombo++; } else { currentCombo = 0; } score += max(currentCombo, 1); mainTimer = 100; newBestScore = score > highScore \|\| newBestScore; newBestCombo = currentCombo > bestCombo \|\| newBestCombo; bestCombo = max(bestCombo, currentCombo); //Start moving this goal away this.netLength--; oppositeGoal.x += currentGoal; currentGoal = -1; } ball.prevY = ball.y; }; this.checkHit = function() { //Rim this.point(this.x - this.rimSize/2, this.y); this.point(this.x + this.rimSize/2, this.y); //Backboard for (var y = -70; y <= 25; y += 7) { this.point(this.x + 40 this.side, this.y + y); } this.point(this.x + 50 * this.side, this.y - 70); this.point(this.x + 45 * this.side, this.y - 72); this.point(this.x + 50 * this.side, this.y + 21); }; this.move = function() { //Move net if (this.netLength <= 39) { if (this.netLength <= -10 \|\| this.reachedTop) { this.netLength += this.speed; this.reachedTop = true; if (this.netLength > 40) { this.netLength = 40; this.x += this.side; this.reachedTop = false; } } else if (!this.reachedTop) { this.netLength -= this.speed; } } else { //Move goal if (this.side === 1) { if (this.x > width - 100 && currentGoal === -1) { this.x += this.speed; if (this.x >= width + 30) { this.x = width + 30; this.y = round(random(height/4, groundLevel - 40)); } } else if (this.x < width + 30 && currentGoal === 1) { this.x -= this.speed; if (this.x <= width - 100) { this.x = width - 100; } } } else { if (this.x > -30 && currentGoal === -1) { this.x += this.speed; if (this.x >= 100) { this.x = 100; } } else if (this.x < 100 && currentGoal === 1) { this.x -= this.speed; if (this.x <= -30) { this.x = -30; this.y = round(random(height/4, groundLevel - 40)); } } } } }; }; Goal.prototype = Object.create(PVector.prototype); var rightGoal = new Goal(width - 100, height/2.3, 1); var leftGoal = new Goal(-30, height/2, -1); var Slider = function(x, y, mn, mx, beginVal, action) { this.x = x; this.y = y; this.w = 200; this.h = 20; this.action = action \|\| function() {}; this.mn = mn \|\| 0; this.mx = mx \|\| this.w; this.value = beginVal \|\| this.mn; this.isDragging = false; this.run = function() { if (mouseX > this.x - this.w/2 && mouseX < this.x + this.w/2 && mouseY > this.y - this.h && mouseY < this.y + this.h && mouseIsPressed) { this.isDragging = true; } if (!mouseIsPressed) { this.isDragging = false; } if (this.isDragging) { this.value = map(mouseX, this.x - this.w/2, this.x + this.w/2, this.mn, this.mx); this.value = constrain(this.value, this.mn, this.mx); this.value = round(this.value); this.action(); } stroke(150); strokeWeight(2); line(this.x - this.w/2, this.y, this.x + this.w/2, this.y); fill(150); this.pos = map(this.value, this.mn, this.mx, this.x - this.w/2, this.x + this.w/2); ellipse(this.pos, this.y, this.h, this.h); fill(217); textAlign(CENTER); textSize(this.h * 1.25); text(this.value, this.pos, this.y - this.h); }; }; var frameRateSlider = new Slider(200, 200, 24, 60, fps, function() { fps = this.value; gameSpeed = 60/fps; frameRate(fps); leftGoal.speed = gameSpeed * 3; rightGoal.speed = gameSpeed * 3; }); var particleRateSlider = new Slider(200, 330, 0, 3, psFeedRate, function() { psFeedRate = this.value; }); //Normal functions var button = function(x, y, w, h, label, onClick, txtSize) { noStroke(); fill(255, 100); if (mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h) { fill(255, 150); if (mouseIsReleased && typeof onClick === "function") { buttonClicked = true; onClick(); } } rect(x, y, w, h, 4); fill(0); textAlign(CENTER, CENTER); txtSize = txtSize \|\| (h + w)/(label.length + 0.75); textSize(txtSize); text(label, x + w/2, y + h/2); }; var newBestBadge = function(x, y) { pushMatrix(); translate(x, y); rotate(15); scale(0.7); fill(colors.Red); noStroke(); ellipse(0, 0, 60, 40); //Draw triangles around the ellipse for (var theta = 0; theta < 360; theta += 30) { //This is the equation of an ellipse in polar form var r = 50/sqrt(2 * sq(cos(theta)) + 3 * sq(sin(theta))); //Convert back to cartesian form var x = r * cos(theta); var y = r * sin(theta); pushMatrix(); translate(x, y); rotate(theta + 90); triangle(-5, 10, 15, 15, 15, -15); popMatrix(); } fill(255); textSize(16); text("NEW\nBEST!", 0, -1); popMatrix(); }; var textShadow = function(message, x, y) { pushMatrix(); translate(x, y); rotate(-5); fill(0); text(message, -2, 2); fill(150); text(message, 2, -2); popMatrix(); }; var acheivementBadge = function(x, y, hasBeenEarned) { var org = hasBeenEarned ? colors.Orange: color(100); var yel = hasBeenEarned ? colors.Yellow : color(150); pushMatrix(); translate(x, y); scale(0.9); //Ribbons fill(org); rotate(-35); rect(0, 3, 10, 60); rotate(40); rect(0, 0, 10, 60); //Ribbon Ends triangle(45, 39, 43, 45, 55, 49); triangle(38, 45, 45, 41, 47, 56); triangle(0, 59, 5, 59, 0, 68); triangle(10, 59, 5, 59, 10, 68); //Triangle Edge fill(org); stroke(org); strokeWeight(2); for (var r, x, y, theta = 0; theta < 360; theta += 30) { r = 28; x = r * cos(theta); y = r * sin(theta); pushMatrix(); translate(x + 5, y); rotate(theta + 90); triangle(-3, 7, 8, 8, 4, -2); popMatrix(); } //Orange center fill(org); ellipse(5, 0, 45, 45); //Shadow fill(140, 100); ellipse(5, 0, 40, 40); //Yellow center fill(yel); noStroke(); ellipse(5, 0, 35, 35); //Star points scale(0.3); fill(org, 120); for (theta = 0; theta < 360; theta += 72) { r = 20; x = r * cos(theta); y = r * sin(theta); pushMatrix(); translate(x + 12, y); rotate(theta + 90); triangle(-4, 5, 13, 13, 18, -15); popMatrix(); } //Star middle beginShape(); vertex(13.7, -14.8); vertex(26.5, -3); vertex(19, 13); vertex(2, 11); vertex(-1.3, -6.2); endShape(CLOSE); popMatrix(); }; smooth(); draw = function() { //Draw background image(currentBG, width/2, height/2); //Initialize fire samples when program starts if (samples[0].particles.length < 148 && frameCount < 75) { for (var i = 0; i < samples.length; i++) { samples[i].addParticles(); samples[i].update(); } } //This is where all the fun happens switch (gameState) { case "playing": { //Identify goals goal = currentGoal === 1 ? rightGoal: leftGoal; oppositeGoal = currentGoal === -1 ? rightGoal: leftGoal; //Draw goals rightGoal.draw(); leftGoal.draw(); if (ball.moving) { //Pause button if (mainTimer > 0) { button(335, 12, 50, 25, "Pause", function() { ball.moving = false; }); } //Update fire and smoke if (currentCombo === 2) { smoke.addParticles(); } else if (currentCombo >= 3) { fire.addParticles(); } smoke.update(); fire.update(); } smoke.draw(); fire.draw(); //Update ball ball.draw(ball.x, ball.y); //Draw net in front of the ball rightGoal.drawNetAndRim(); leftGoal.drawNetAndRim(); //Buttons, only when ball isn't moving if (!ball.moving) { button(25, 235, 60, 40, "High\nScores", function() { gameState = "leaderboard"; }, 13); button(25, 285, 80, 40, "Stats", function() { gameState = "stats"; }); button(320, 235, 60, 40, "Shop", function() { gameState = "shop"; }, 18); button(300, 285, 80, 40, "Settings", function() { gameState = "settings"; }, 16); button(25, 340, 100, 40, "Achievements", function() { gameState = "achievements"; }, 13); button(280, 340, 100, 40, "Credits", function() { gameState = "credits"; }, 20); } //Update goals, ball, and timer ball.move(); if (ball.moving) { ball.checkSides(); goal.checkHit(); goal.checkForMake(); rightGoal.move(); leftGoal.move(); var timerRate = gameSpeed * pow(score, 0.1)/4; mainTimer = constrain(mainTimer - timerRate, 0, 100); } //Timer, shown as a bar at the top of the screen noStroke(); fill(117, 117, 117); rect(width/4, 10, width/2, 35, 7); if (mainTimer <= 25) { fill(colors.Red); } else { fill(colors.Orange); } rect(width/4, 10, mainTimer * 2, 35, 7); //Did the timer run out? if (mainTimer <= 0) { if (scoreTrans !== 255) { fill(255); textSize(25); text("TIME IS UP!", width/2, height/5); } //If ball is not moving or off the screen, we're really done if (ball.y === groundLevel \|\| ball.x < -10 \|\| ball.x > 410) { scoreTrans = constrain(scoreTrans + 4 * gameSpeed, 0, 255); if (scoreTrans === 255) { //Ending screen if (score > highScore \|\| newBestScore) { newBestBadge(300, 187); } if (currentCombo > bestCombo \|\| newBestCombo) { newBestBadge(300, 263); } ball.moving = false; highScore = max(highScore, score); fill(255); textSize(35); text("SCORE", width/2, height/5); textSize(20); text("BEST SCORE\n" + highScore, width/2, height/2); text("BEST COMBO\n" + bestCombo, width/2, height/1.5); button(170, 310, 60, 60, "↺", function() { //Reset all the variables for next game scoreTrans = score = currentCombo = 0; ball.moving = newBestScore = newBestCombo = false; ball.set(width/3, height/1.5); ball.angle = 0; rightGoal.set(width - 100, height/2.3, 1); leftGoal.set(-30, height/2.3, -1); logoTrans = 255; currentGoal = 1; mainTimer = 100; smoke.particles.splice(0); fire.particles.splice(0); }); } } } //Initial stuff, fades after game begins pushMatrix(); translate(width/2 - 8, height/1.5 + 17); rotate(15); textSize(20); fill(255, logoTrans); text("Tap To\nDunk!", 0, 0); popMatrix(); //Finger pushMatrix(); translate(257, 307); var scl = map(abs(sin(frameCount * 3 * gameSpeed)), 0, 1, 0.9, 1.1); scale(scl); noFill(); stroke(255, logoTrans); strokeWeight(2); arc(3, -6, 20, 20, -166, 17); arc(3, -6, 10, 10, -165, 35); line(-8, -7, -27, 28); line(12, -2, -7, 33); line(-2, -7, 6, -2); //Finger Smack lines line(-27, -19, -15, -12); line(-4, -24, -7, -40); line(11, -21, 18, -37); line(20, -9, 35, -16); line(18, 3, 33, 10); popMatrix(); //Dotted arc strokeWeight(2); line(135, 245, 140, 230); line(145, 222, 153, 210); line(160, 205, 170, 198); line(178, 196, 188, 195); line(195, 196, 205, 202); line(210, 203, 215, 195); line(219, 190, 224, 182); line(227, 177, 232, 169); line(235, 165, 241, 157); line(245, 152, 252, 145); line(256, 141, 262, 137); line(267, 134, 273, 132); line(278, 132, 284, 133); line(287, 136, 291, 143); line(293, 148, 296, 157); //Game title card pushMatrix(); translate(192, 118); rotate(-10); textSize(50); fill(colors.Orange, logoTrans); text("TAPPY\nSHOTS\n2.1", 0, 25); fill(colors.Yellow, logoTrans); text("TAPPY\nSHOTS\n2.1", 2, 23); popMatrix(); //Score as you play fill(255, map(logoTrans, 0, 255, 255, 0)); textSize(40); text(score, width/2, height/3); logoTrans = ball.moving ? constrain(logoTrans - 6 * gameSpeed, 0, 255) : logoTrans; //Special basket messages fill(255, 229, 97, message.trans); textSize(30); text(message.txt, message.x, message.y); message.trans = constrain(message.trans - 3 * gameSpeed, 0, 255); textSize(20); fill(255, message.trans); if (currentCombo === 2) { text("x2 COMBO!", 200, 200); } else if (currentCombo >= 3) { text("ON FIRE! x" + currentCombo, 200, 200); } } break; case "stats": { textSize(50); textShadow("STATS", 200, 40); //Show all the stats! textAlign(LEFT, CENTER); textSize(25); fill(217, 217, 217); text("High Score: " + highScore, 70, 110); text("Best Combo: " + bestCombo, 70, 140); text("Buzzer Beaters: " + buzzBeats, 70, 170); text("Bounce Shots: " + bounceShots, 70, 200); text("High Shots: " + highShots, 70, 230); text("Clean Shots: " + cleanShots, 70, 260); text("Ball Bounces: " + ballBounces, 70, 290); } break; case "achievements": { textSize(25); textShadow("ACHEIVEMENTS", 200, 40); for (var i = 0; i < acheivements.length; i++) { var a = acheivements[i]; var x = i * 70 + (i > 4 ? -300 : 50); var y = i > 4 ? 230 : 120; //Draw badges acheivementBadge(x, y, a.hasBeenEarned); //Have they earned it yet? a.hasBeenEarned = a.condition() \|\| a.hasBeenEarned; //Show acheivement description if (mouseX > x - 25 && mouseY > y - 30 && mouseX < x + 35 && mouseY < y + 60) { textShadow(a.message, 200, 340); } } } break; case "shop": { textSize(50); textShadow("SHOP", 200, 40); //Ball skins/Themes selector fill(255, 255, 255, 230); rect(shopSelector, 75, 150, 30, 4); button(45, 75, 150, 30, "Ball Designs", function() { shopSelector = 45; }); button(205, 75, 150, 30, "Themes", function() { shopSelector = 205; }, 20); stroke(255); strokeWeight(4); line(200, 70, 200, 109); line(40, 110, 360, 110); //Ball Designs if (shopSelector === 45) { //Skins fill(255, 255, 255); textSize(25); text("Skins:", 70, 140); //Can't make this into a loop for some reason //Buttons for selecting ball color button(35, 165, 60, 60, "", function() { ball.color = fire.type = colors.Red; ball.style = "skin"; }); button(105, 165, 60, 60, "", function() { ball.color = fire.type = colors.Yellow; ball.style = "skin"; }); button(175, 165, 60, 60, "", function() { ball.color = fire.type = colors.Orange; ball.style = "skin"; }); button(245, 165, 60, 60, "", function() { ball.color = fire.type = colors.Green; ball.style = "skin"; }); button(315, 165, 60, 60, "", function() { ball.color = fire.type = colors.Pink; ball.style = "skin"; }); //Samples of ball colors var x = 35; for (var o in colors) { noFill(); stroke(255, 255, 255); rect(x, 165, 60, 60, 4); ball.draw(x + 31, 190, colors[o]); fill(255); textSize(15); text(o, x + 31, 238); x += 70; } //Styles stroke(255, 255, 255); fill(255, 255, 255); textSize(25); text("Styles:", 74, 270); noFill(); for (var x = 35; x < 350; x += 70) { rect(x, 300, 60, 60, 4); } //Labels textSize(10); text("Red\nAngry Bird", 65, 375); text("Yellow\nAngry Bird", 135, 375); text("Oh Noes", 205, 375); text("Hopper", 275, 375); text("Winston", 345, 375); //Red Angry Bird button(35, 300, 60, 60, "", function() { ball.style = redABImg \|\| ball.style; fire.type = color(252, 17, 84); }); image(redABImg, 65, 330, ball.size * 1.2, ball.size * 1.2); //Yellow Angry Bird button(105, 300, 60, 60, "", function() { ball.style = yellowABImg \|\| ball.style; fire.type = color(246, 223, 53); }); image(yellowABImg, 135, 329, ball.size * 1.2, ball.size * 1.2); //Oh Noes button(175, 300, 60, 60, "", function() { ball.style = ohNoes \|\| ball.style; fire.type = color(156, 238, 160); }); image(ohNoes, 207, 330, ball.size * 1.2, ball.size * 1.2); //Hopper button(245, 300, 60, 60, "", function() { ball.style = hopper \|\| ball.style; fire.type = color(255, 182, 55); }); image(hopper, 275, 330, ball.size * 1.2, ball.size * 1.2); //Wniston button(315, 300, 60, 60, "", function() { ball.style = winston \|\| ball.style; fire.type = colors.Yellow; }); image(winston, 345, 330, ball.size * 1.2, ball.size * 1.2); } //Themes else if (shopSelector === 205) { //Backgrounds textSize(25); fill(255, 255, 255); text("Backgrounds:", 120, 140); //Show images, with buttons underneath them button(35, 165, 60, 60, "", function() { currentBG = standard; }); image(standard, 65, 195, 60, 60); button(105, 165, 60, 60, "", function() { currentBG = noisey; }); image(noisey, 135, 195, 60, 60); button(175, 165, 60, 60, "", function() { currentBG = blocketsQuestWinImage; }); image(blocketsQuestWinImage, 205, 195, 60, 60); //Fire Stlyes textSize(25); fill(255, 255, 255); text("Fire Styles:", 100, 270); //Info about fire style setting button(230, 250, 100, 40, "NOTE", function() { println("NOTE: Close -->"); println("When you set the ball's design, it auto-sets the fire to that color. You should pick your ball design before picking a different fire style."); }); noFill(); stroke(255); for (var x = 35; x < 350; x += 70) { if (x < 240) { rect(x, 165, 60, 60, 4); } rect(x, 300, 60, 60, 4); } //Labels textSize(10); fill(255, 255, 255); text("Traditional", 65, 375); text("Pink", 135, 375); text("Green", 205, 375); text("Rainbow", 275, 375); text("Blue", 345, 375); //Set fire to a different color button(35, 300, 60, 60, "", function() { fire.type = "traditional"; }); button(105, 300, 60, 60, "", function() { fire.type = colors.Pink; }); button(175, 300, 60, 60, "", function() { fire.type = colors.Green; }); button(245, 300, 60, 60, "", function() { fire.type = "rainbow"; }); button(315, 300, 60, 60, "", function() { fire.type = color(0, 0, 255); }); //Show samples of different fire styles for (var i = 0; i < samples.length; i++) { samples[i].draw(); var x = 35 + i * 70, y = 300; if (mouseX > x && mouseY > y && mouseX < x + 60 && mouseY < y + 60) { //Update fire if mouse hovers over it samples[i].addParticles(0.4); samples[i].update(); } } } } break; case "credits": { textSize(40); textShadow("CREDITS", 200, 40); textAlign(LEFT, CENTER); textSize(15); fill(217, 217, 217); text("Credit to Bob Lyon for Images of\nAngry Birds. I thought about using\nthe blue Anrgy Bird, but I didn't think\nit looked angry enough. ;)", 70, 110); text("Thanks to Daniel Shiffman and the\nKhan Academy course on Natural\nSimulations. I leared a lot about\nparticle systems from it and used\nthis method to make the fire.", 70, 235); button(70, 150, 100, 25, "Show Link", function() { println("https://www.khanacademy.org/computer-programming/images-52/1405420533"); }); button(70, 285, 100, 25, "Show Link", function() { println("https://www.khanacademy.org/computing/computer-programming/programming-natural-simulations/programming-particle-systems/a/intro-to-particle-systems"); }); } break; case "leaderboard": { textSize(30); textShadow("HIGH SCORES", 200, 40); textSize(15); fill(180); text("No longer accepting high scores.", 200, 75); button(310, 90, 70, 50, "Show\nfull List", function() { for (var i = 0; i < highScores.length; i++) { println("#" + (i + 1) + ". " + highScores[i]); } }, 15); //Show highscores list textSize(22); textAlign(LEFT, CENTER); fill(217, 217, 217); for (var i = 0; i < 10; i++) { text("#" + (i + 1) + ". " + highScores[i], 60, 95 + i * 25); } textSize(13); text("Note: I am only excepting high scores a week\nfrom when game was released, and I will judge the\ncredibility of each highscore submitted.", 40, 360); } break; case "settings": { textSize(40); textShadow("SETTINGS", 200, 40); frameRateSlider.run(); particleRateSlider.run(); text("Fire's Particle Feed Rate", 200, 250); text("Frame Rate", 200, 110); textSize(12); text("Game speed will not change. This is for setting the smoothness\nof the game, or reducing it if you have a slow computer.", 200, 140); text("Again, change this if you have a slow computer.", 200, 280); } break; } if (gameState !== "playing") { //Back button shown if not in playing mode button(20, 20, 70, 35, "Back", function() { gameState = "playing"; }); } mouseIsReleased = keyIsReleased = buttonClicked = false; }; mouseReleased = function() { mouseIsReleased = true; }; keyReleased = function() { keyIsReleased = true; };
Folds	109,115,131,191,198,211,213,222,223,239,240,400,401,490,498,593,598,653,654,678,682,688,691,914,919,954,955,961,962,964,967,983,984,1009,1010,1019,1020,1083,1100,1303,1304,1319,1320,1337,1338,1529,1530,1547,1548,1571,1572,1585
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3j8eC7Cww
Votes	448
Spin-Offs	22
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Mike
Author Name	MikeGuy
Author ID	kaid_99673272946450417655834
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739458051800
Updated	4 months ago, 1744839049433
Source Deleted	unknown