Viewing Program

Program Data

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

Title	Tappy Shots [UPDATED!]
ID	6299000870305792
Created	Unknown
Updated	7 years ago, 1524612295249
Code	/***********************\ Still WIP, but I hope you like it! It is based of the Tappy Shots app on Google Play. Please post a spin-of for proof of high score. \*********************/ var highScores = [ "Hitman Holla, 117,746", "JrodtheEagle🦅, 32,286", "Cheesaholic 👻, 18,753", "Ian591, 10,024", "Joey Bell, 9,180", "Timothy 115, 8,010", "xlxgtagodxlx, 3,357", "RobertoS, 3,091" ]; var fireSmoke = true; var currentGoal = 1; var groundLevel = height - 75; var logoTrans = 255; var scoreTrans = 0;//0 = playing, 255 = score screen var ball = new PVector(width/3, height/1.5); var RED = color(255, 0, 0); var YELLOW = color(255, 255, 0); var message = {x: width/2, y: height/5, txt: "", trans: 0}; var mainTimer = 100; var score = 0; var highScore = score; var currentCombo = 0; var bestCombo = 0; var mouseIsReleased, spaceIsReleased, rimHit, backBoardHit, goal, oppositeGoal, showHighScores = false; /Back Ground/ var static = (function() { var maxDist = dist(width/2, height/2, 0, 0); var incAmt = 5; noStroke(); for (var x = 0; x < width; x += incAmt) { for (var y = 0; y < height; y += incAmt) { var d = dist(x, y, width/2, height/2); var bright = map(d, 0, maxDist, 75, 20); fill(bright); rect(x, y, incAmt, incAmt); } } return get(0, 0, width, height); })(); /Particle Systems*/ var Particle = function(type) { this.a = random(0, 360); this.r = random(5, ball.radius - 5); this.v = new PVector(this.r cos(this.a), this.r * sin(this.a)); this.pos = PVector.add(ball, this.v); this.velocity = new PVector(random(-0.4, 0.4), random(-0.4, 0.4)); this.percentage = 0; this.type = type; this.color = type === "fire" ? YELLOW : color(45); this.trans = 100; this.size = 20; this.run = function() { noStroke(); (fill)(this.color, this.trans); ellipse(this.pos.x, this.pos.y, this.size, this.size); this.pos.add(this.velocity); //Color changing if (this.type === "fire") { this.color = lerpColor(YELLOW, RED, this.percentage/100); this.percentage = constrain(this.percentage + 2, 0, 100); if (this.percentage === 100) { this.type = "smoke"; this.color = color(45); } } else if (this.type === "smoke") { this.trans -= 2; } }; }; var ParticleSystem = function(type) { this.type = type; this.particles = []; this.addParticles = function() { this.particles.unshift(new Particle(this.type)); this.particles.unshift(new Particle(this.type)); this.particles.unshift(new Particle(this.type)); }; this.run = function() { for (var i = this.particles.length - 1; i >= 0; i--) { this.particles[i].run(); if (this.particles[i].trans <= 0) { this.particles.splice(i, 1); } } }; }; var fire = new ParticleSystem("fire"); var smoke = new ParticleSystem("smoke"); /Ball/ ball.velocity = new PVector(); ball.size = 35; ball.trans = 255; ball.radius = ball.size/2; ball.angle = ball.angleVel = 0; ball.draw = function() { //Ball's shadow var mult = map(ball.y, groundLevel, -height/2, 1, 0.5); noStroke(); fill(0, 0, 0, this.trans/2.55); ellipse(ball.x, groundLevel + ball.size/2, ball.size * 1.3 * mult, ball.size/1.5 * mult); //Ball pushMatrix(); translate(this.x, this.y); rotate(this.angle); noStroke(); fill(255, 153, 0, this.trans); ellipse(0, 0, this.size, this.size); //Lines on the ball strokeWeight(1); stroke(0, 0, 0, this.trans); noFill(); var x1 = this.radius * cos(-35); var y1 = this.radius * sin(-35); var x2 = this.radius * cos(145); var 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); popMatrix(); }; ball.move = function() { if (((mouseIsReleased && mouseY > 50) \|\| spaceIsReleased) && mainTimer > 0 && !showHighScores) { ball.shotHeight = ball.y; rimHit = false; backBoardHit = false; this.velocity.set(2.5 * currentGoal, -8); } this.velocity.x = 0.992; this.velocity.y += 0.5; this.add(this.velocity); this.angle += this.velocity.x 2; }; ball.checkSides = function() { //Left and right if (currentGoal === 1) { if (this.x >= width) { this.x = 0; } } else { if (this.x <= 0) { this.x = width; } } //Ground if (this.y > groundLevel) { this.velocity.y = -0.8; this.y = groundLevel; } }; /Goals/ var Goal = function(x, y, whichSide) { this.x = x; this.y = y; this.trans = 255; this.side = whichSide; this.netLength = 40; this.rimSize = 52; this.speed = 3; this.direction = ""; this.draw = function() { //Back part of the net strokeWeight(2); stroke(255, 255, 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(255, 0, 0, this.trans); strokeWeight(5); ellipse(this.x, this.y, this.rimSize, ball.size/2); noStroke(); fill(255, 0, 0, this.trans); if (this.side === 1) { rect(this.x + 25, this.y - 6, 15, 12); //Shadow fill(0, 0, 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(255, 255, 0, 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, 0, 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(255, 255, 0, 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.drawNetAndRim = function() { //Draw net and front half of the rim //Net strokeWeight(2); stroke(255, 255, 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(255, 0, 0, this.trans); strokeWeight(5); arc(this.x, this.y, this.rimSize, ball.size/2, -5, 180); }; this.point = function(x, y, type) { var currentDist = ball.dist(new PVector(x, y)); if (currentDist < ball.radius + 3) { var theta = atan2(y - ball.y, x - ball.x); var ct = cos(theta); var st = sin(theta); var angleVector = new PVector(-ct, -st); var newPos = PVector.mult(angleVector, ball.radius + 4); newPos.add(x, y); ball.set(newPos); var newVel = PVector.mult(angleVector, ball.velocity.mag()/2); ball.velocity.set(newVel); //Set variables for later if (type === "backboard") { backBoardHit = true; } else if (type === "rim") { rimHit = true; } } }; this.checkForMake = function() { if (this.side === currentGoal) { if (ball.x > this.x - this.rimSize/2 && ball.x < this.x + this.rimSize/2 && ball.y > this.y && ball.prevY <= this.y) { //Check for special basket if (mainTimer <= 0) { message.trans = 255; message.txt = "BUZZER BEATER"; } else if (this.y - ball.shotHeight >= 175) { message.trans = 255; message.txt = "HIGH SHOT"; } else if (backBoardHit) { message.trans = 255; backBoardHit = false; message.txt = "OFF THE BOARD"; } else if (!rimHit && !backBoardHit) { message.trans = 255; message.txt = "CLEAN SHOT"; } //You score more if you have several special shots in a row if (message.trans === 255) { currentCombo++; } else { currentCombo = 0; } //Update variables score += max(currentCombo, 1); mainTimer = 100; highScore = max(highScore, score); this.netLength--; oppositeGoal.x += currentGoal; currentGoal = -1; } } ball.prevY = ball.y; }; this.checkHit = function() { //Rim this.point(this.x - this.rimSize/2, this.y, "rim"); this.point(this.x + this.rimSize/2, this.y, "rim"); //Backboard for (var y = -70; y <= 25; y += 6) { this.point(this.x + 40 * this.side, this.y + y, "backboard"); } this.point(this.x + 50 * this.side, this.y - 60, "backboard"); this.point(this.x + 45 * this.side, this.y - 60, "backboard"); this.point(this.x + 55 * this.side, this.y + 25, "backboard"); this.point(this.x + 45 * this.side, this.y + 25, "backboard"); this.point(this.x + 50 * this.side, this.y + 25, "backboard"); }; this.move = function() { //Move net if (this.netLength <= 39) { if (this.netLength <= -10 \|\| this.reachedTop) { this.netLength += 4; this.reachedTop = true; if (this.netLength > 40) { this.netLength = 40; this.x += this.side; this.reachedTop = false; } } else if (!this.reachedTop) { this.netLength -= 4; } } else { //Move goal if (this.side === 1) { if (this.x > width - 100 && currentGoal === -1) { this.x += 3; 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 -= 3; if (this.x <= width - 100) { this.x = width - 100; } } } else { if (this.x > -30 && currentGoal === -1) { this.x += 3; if (this.x >= 100) { this.x = 100; } } else if (this.x < 100 && currentGoal === 1) { this.x -= 3; 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.5, 1); var leftGoal = new Goal(-30, height/2.5, -1); textAlign(CENTER, CENTER); draw = function() { image(static, 0, 0); goal = currentGoal === 1 ? rightGoal: leftGoal; oppositeGoal = currentGoal === -1 ? rightGoal: leftGoal; //Draw goals rightGoal.draw(); leftGoal.draw(); //Update goals and ball if (ball.moving && !showHighScores) { ball.move(); ball.checkSides(); goal.checkHit(); goal.checkForMake(); rightGoal.move(); leftGoal.move(); } if (fireSmoke) { if (currentCombo === 2) { smoke.addParticles(); } else if (currentCombo >= 3) { fire.addParticles(); } smoke.run(); fire.run(); } ball.draw(); //Draw in front of the ball rightGoal.drawNetAndRim(); leftGoal.drawNetAndRim(); //High score 'button' fill(255); if (mouseX < 100 && mouseY < 50) { fill(150); if (mouseIsReleased) { showHighScores = true; ball.moving = false; } } text("High\nScores", 50, 25); //Pause Button fill(255); if (mouseX > 300 && mouseY < 50) { fill(150); if (mouseIsReleased) { showHighScores = ball.moving = false; } } var label = ball.moving ? "Pause" : ""; text(label, 350, 25); //Timer noStroke(); fill(117, 117, 117); rect(width/4, 10, width/2, 35, 10); if (mainTimer <= 25) { fill(255, 0, 0); } else { fill(255, 170, 0); } rect(width/4, 10, mainTimer * width/200, 35, 10); //Update timer if (ball.moving) { var decreaseAmt = 0.25 * pow(score, 0.1); mainTimer -= decreaseAmt; } //The timer ran out! if (mainTimer <= 0) { mainTimer = 0; if (scoreTrans !== 255) { fill(255, 255, 255); textSize(25); text("TIME IS UP!", width/2, height/5); } if (ball.velocity.mag() <= 0.4 \|\| ball.x < -10 \|\| ball.x > 410) { scoreTrans += 4; if (scoreTrans >= 255) { scoreTrans = 255; ball.moving = false; fill(255, 255, 255); textSize(35); text("SCORE", width/2, height/5); textSize(20); text("BEST\n" + highScore, width/2, height/2); fill(200, 200, 200); if (dist(mouseX, mouseY, width/2, height/1.4) < 25) { fill(145, 145, 145); if (mouseIsReleased) { scoreTrans = 0; ball.moving = false; ball.set(width/3, height/1.5); rightGoal.set(width - 100, height/2.5, 1); leftGoal.set(-30, height/2.5, -1); logoTrans = 255; currentGoal = 1; mainTimer = 100; score = 0; currentCombo = 0; smoke.particles.splice(0); fire.particles.splice(0); } } ellipse(width/2, height/1.4, 50, 50); fill(0, 0, 0); textSize(40); text("↺", width/2, height/1.4); } } } //Initial stuff pushMatrix(); translate(width/2 + 2, height/1.5 + 17); rotate(15); textSize(20); (fill)(255, logoTrans); text("Tap To\nDunk!", 0, 0); //Finger noFill(); (stroke)(255, logoTrans); strokeWeight(2); arc(70, 0, 20, 20, -180, 0); arc(70, 0, 10, 10, -180, 20); popMatrix(); strokeWeight(2); line(259, 300, 240, 335); line(279, 305, 260, 340); line(265, 300, 273, 305); //Finger Smack lines line(240, 288, 252, 295); line(263, 283, 260, 267); line(278, 286, 285, 270); line(287, 298, 302, 291); line(285, 310, 300, 317); //Dotted arc 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, 290, 140); line(292, 144, 294, 147); //Title pushMatrix(); translate(190, 110); rotate(-10); textSize(50); fill(255, 132, 0, logoTrans); text("TAPPY\nSHOTS", 0, 0); fill(255, 255, 0, logoTrans); text("TAPPY\nSHOTS", 2, -2); popMatrix(); //Score as you play var t = map(logoTrans, 0, 255, 255, 0); fill(255, 255, 255, t); textSize(40); text(score, width/2, height/3); //Special basket messages fill(255, 229, 97, message.trans); textSize(30); text(message.txt, message.x, message.y); message.trans = constrain(message.trans - 3, 0, 255); textSize(20); fill(255, 255, 255, message.trans); if (currentCombo === 2) { text("x2 COMBO!", 200, 200); } else if (currentCombo >= 3) { text("ON FIRE! x" + currentCombo + "", 200, 200); } //High scores window if (showHighScores) { image(static, 50, 95, 300, 250); fill(255, 0, 0); noStroke(); if (mouseX > 330 && mouseX < 360 && mouseY > 95 && mouseY < 125) { fill(200, 0, 0); if (mouseIsReleased) { showHighScores = ball.moving = false; } } rect(330, 95, 30, 30); fill(255); textSize(25); text("X", 345, 109); textSize(20); textAlign(LEFT, TOP); var x = 70; var y = 105; for (var i = 0; i < highScores.length; i++) { text(i + 1 + ". " + highScores[i], x, y); y += 30; } textAlign(CENTER, CENTER); } //Reset variables logoTrans = ball.moving ? constrain(logoTrans - 6, 0, 255) : logoTrans; mouseIsReleased = spaceIsReleased = false; }; mouseReleased = function() { mouseIsReleased = true; ball.moving = !showHighScores; }; keyReleased = function() { spaceIsReleased = key.code === 32; ball.moving = !showHighScores; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMLqhp2YCww
Votes	916
Spin-Offs	347
Type
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	1 years ago, 1707881080201
Updated	3 days ago, 1744820555913
Source Deleted	unknown