Viewing Program

Program Data

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

Title	ATAN2 [GAME]
ID	5161883732656128
Created	21 days ago, 1743006094569
Updated	19 days ago, 1743206941242
Code	/** * Welcome to.... * * ___ _____ ___ _ _ ____ * / \ \|_ _\| / \ \| \ \| \| \|__ \| * \| A \| \| \| \| A \| \| \\| \| __\| \| * \| \| \| \| \| \| \| \| \| \| \| \| \| __\| * \| \| \| \| \| \| \| \| \| \| \| \|\ \| \| \|__ * \|_\| \|_\| \|_\| \|_\| \|_\| \|_\| \_\| \|____\| * * * Made for @justusscott's trigonometry contest. * * HOW: click the how button. * * NOTES: shoot gamemode is better for mobile, while dodge is better for PC. * * UPDATES: * 0.1: You can now see your highscore in the leaderboard page. * 0.2: Made the shoot gamemode get harder faster. * 1.1: Added new enemies and health to the shoot gamemode! * 1.15: Spin-off proof is now required for leaderboard scores. * 1.2: Enemies now spawn slightly faster in shoot gamemode. * 1.5: Fixed several bugs and errors. Game should be playable now! * 2.0: Added particles, trails, and dust. Basically a visual update. * 2.1: Added small shadows, fixed particles. * 2.2: Fixed highscore in leaderboards. * 2.3: Made enemies spawn faster sooner in shoot gamemode time goes on. * * CREDITS: * Credit to @BobLyon for his 'drawHeart' function. Thanks Bob! * * If you find any bugs, please let me know! * * Subscribe?: https://www.khanacademy.org/computer-programming/thebtg15s-subpage/5295773990371328 */ textFont(createFont("Trebuchet MS Bold")); textAlign(CENTER, CENTER); rectMode(CENTER); imageMode(CENTER); smooth(); //Variables { //Camera { var shake = { x: 0, y:0 }; //} //Player { var player = { x: 0, y: 0, dir: 0, health: 360 }; var angle = 0; //} //Scene { var scene = "home"; var mode = "shoot"; //} //Mouse { var clicked = true; //} //Game { var bullets = []; var badGuys = []; var score = 0; var highScore = []; var loseImg = null; //} //Leaderboard { var leaderboardDodge = [ "MasterBuilder353: 739", "Shoelace: 561", "theBTG15: 495", "I need sleep: 410", "The Old Gaffer📝🏠: 381", ]; var leaderboardShoot = [ "MasterBuilder353: 3000", "Cataclysmic Code 🌩: 1551", "Soccerboy0314: 924", "I am smart: 873", "MergleMaster: 872", ]; //} //} //Objects { var particles = []; var Particle = function(x, y, shape, grav, dir, speed, startCol, endCol, startSiz, endSiz, startRot, endRot, dynamicRotation, fadeIn, fadeOut, lifeTime) { this.px = x; this.py = y; this.x = x; this.y = y; //this.xv = 0; for x gravity this.yv = 0; this.dir = dir; this.speed = speed/50; this.grav = grav; this.col = 0; this.sCol = startCol; this.eCol = endCol; this.shape = shape; this.siz = 200; this.rot = 0; this.dRot = dynamicRotation; this.opacity = 0; this.sSiz = startSiz; this.eSiz = endSiz; this.sRot = startRot; this.eRot = endRot; this.fadeI = fadeIn; this.fadeO = fadeOut; this.lifeTime = lifeTime; this.time = 0; }; Particle.prototype.run = function() { this.time++; //Color Mechanics { this.col = lerpColor(this.sCol, this.eCol, (1/this.lifeTime)this.time); //} //Fading Mechanics { //if fadein = 1, than it continues to fade in until the end of its lifetime. //if fadein = 0.5, it reaches full opacity at it's halflife. //if fadeout = 0.5, it starts to fade out at it's halflife. //if fadeout = 1, it starts to fade out at the beginning of its life. //if fadein or fadeout = 0, it doesn't fade ever. //if fadein and fadeout = 1, it fades into 127 at the middle before fading out. //the current fading system is okay, but I should use addition and substraction to edit the opacity, instead of saying opacity = whatever. //or use an average between the two numbers if they add up to be larger than 1 if (this.fadeI === 0) { this.fadeI = 0.01; } if (this.fadeO === 0) { this.fadeO = 0.01; } if (this.time < this.lifeTimethis.fadeI) { this.opacity = ((alpha(this.sCol)/this.fadeI)/this.lifeTimethis.time); } else { this.opacity = alpha(this.eCol)/this.fadeO - ((alpha(this.eCol)/this.fadeO)/this.lifeTimethis.time); } //} //Sizing Mechanics { this.siz = lerp(this.sSiz, this.eSiz, (1/this.lifeTime)this.time); //} //Gravity Mechanics { this.y += this.yv; this.yv += this.grav; //} //Rotation Mechanics { if (this.dRot) { this.rot = atan2(this.y-this.py, this.x-this.px); //Dynamic rotation } else { this.rot = lerp(this.sRot, this.eRot, (1/this.lifeTime)this.time); //Regular rotation } //} //Direction/Movement Mechanics { this.px = this.x; //For dynamic rotation this.py = this.y; //For dynamic rotation this.x += cos(this.dir)this.speed; this.y += sin(this.dir)this.speed; //} noStroke(); fill(this.col, this.opacity); switch (this.shape) { case "circle": ellipse(this.x, this.y, this.siz, this.siz); break; case "square": pushMatrix(); translate(this.x, this.y); rotate(this.rot); rect(0, 0, this.siz, this.siz); popMatrix(); break; default: ellipse(this.x, this.y, this.siz, this.siz); break; } }; function heart(x, y, diameter, rot) { var radius = diameter/2; var ay = -(2radius/5); var by = +(radius); var c1x = +(radius/2); var c1y = -(6radius/5); var c2x = +(9radius/5); var c2y = -(2radius/5); pushMatrix(); translate(x, y); rotate(rot); beginShape(); vertex(0, ay); bezierVertex(c1x, c1y, c2x, c2y, 0, by); c1x = -c1x; c2x = -c2x; bezierVertex(c2x, c2y, c1x, c1y, 0, ay); endShape(CLOSE); popMatrix(); } var Bullet = function(x, y, dir) { this.x = x; this.y = y; this.dir = dir; }; Bullet.prototype.run = function() { this.x += cos(this.dir)(score < 500 ? (2+score/200) : 4.5); this.y += sin(this.dir)(score < 500 ? (2+score/200) : 4.5); noStroke(); fill(0, 80); ellipse(this.x+2, this.y+2, 6, 6); strokeWeight(2); stroke(60, 81, 94); fill(77, 103, 120); ellipse(this.x, this.y, 5, 5); if (dist(this.x, this.y, player.x, player.y) <= 16) { scene = "dead"; } if (dist(this.x, this.y, 200, 200) <= 35) { shake.x = (cos(this.dir)(score < 500 ? (2+score/200) : 4.5))(mode === "dodge" ? 1.6 : -1.6); shake.y = (sin(this.dir)(score < 500 ? (2+score/200) : 4.5))(mode === "dodge" ? 1.6 : -1.6); particles.push(new Particle(random(180, 220), 200, "circle", 0, 100, 20, color(220, 127), color(220, 127), 50, 25, 0, 0, false, 0.5, 0.5, 90)); } if (frameCount % 10 === 0) { particles.push(new Particle(this.x, this.y, "circle", 0, 0, 0, color(60, 81, 94), color(60, 81, 94), 6, 0, 0, 0, false, 0, 1, 50)); } }; var Button = function(x, y, txt, func) { this.x = x; this.y = y; this.text = txt; this.func = func; this.move = 0; }; Button.prototype.run = function() { strokeWeight(5); stroke(lerpColor(color(114, 173, 204), color(0), 0.15)); fill(114, 173, 204); rect(this.x, this.y, 180+this.move3, 50); pushMatrix(); translate(this.x, this.y); scale(1+this.move/40, 1); fill(0); textSize(25); text(this.text, 0, 0); popMatrix(); if (mouseX > this.x-90 && mouseX < this.x+90 && mouseY > this.y-25 && mouseY < this.y+25) { cursor('pointer'); this.move = lerp(this.move, 8, 0.15); if (clicked) { this.func(); } } else { this.move = lerp(this.move, 0, 0.15); } }; var BadGuy = function(x, y, dir) { this.x = x; this.y = y; this.dir = dir; this.type = random(0, 1); this.strength = 0; if (this.type > 0.44) { this.type = 1; this.strength = 25; this.col = color(255, 0, 0); } else if (this.type > 0.22 && this.type <= 0.44) { this.type = 2; this.strength = 12; this.col = color(0, 214, 54); } else if (this.type > 0.04 && this.type <= 0.22) { this.type = 3; this.strength = 50; this.col = color(145, 0, 255); } else if (this.type <= 0.04) { this.type = 4; this.strength = -25; this.col = color(255, 127, 197); //or 255, 71, 172 } else { this.type = 1; this.strength = 25; this.col = color(255, 0, 0); } }; BadGuy.prototype.run = function() { noStroke(); fill(0, 80); ellipse(this.x+2, this.y+2, 26, 26); switch (this.type) { case 1: this.x += cos(this.dir)(score < 200 ? (0.5+score/100) : 2.5); this.y += sin(this.dir)(score < 200 ? (0.5+score/100) : 2.5); strokeWeight(3); stroke(200, 0, 0); fill(255, 0, 0); ellipse(this.x, this.y, 25, 25); noStroke(); fill(0); arc(this.x-4, this.y+3, 4, 6, 38, 216); arc(this.x+4, this.y+3, 4, 6, 180-216, 180-38); break; case 2: this.x += cos(this.dir)(score < 200 ? (0.75+score/75) : 3.41); this.y += sin(this.dir)(score < 200 ? (0.75+score/75) : 3.41); strokeWeight(3); stroke(0, 184, 46); fill(0, 214, 54); ellipse(this.x, this.y, 25, 25); noStroke(); fill(0); arc(this.x-4, this.y+3, 4, 6, 38, 216); arc(this.x+4, this.y+3, 4, 6, 180-216, 180-38); break; case 3: this.x += cos(this.dir)(score < 200 ? (0.25+score/125) : 1.85); this.y += sin(this.dir)(score < 200 ? (0.25+score/125) : 1.85); strokeWeight(3); stroke(107, 0, 194); fill(145, 0, 255); ellipse(this.x, this.y, 25, 25); noStroke(); fill(0); arc(this.x-4, this.y+3, 4, 6, 38, 216); arc(this.x+4, this.y+3, 4, 6, 180-216, 180-38); break; case 4: this.x += cos(this.dir)(score < 200 ? (0.5+score/100) : 2.5); this.y += sin(this.dir)(score < 200 ? (0.5+score/100) : 2.5); strokeWeight(3); stroke(255, 71, 172); fill(255, 127, 197); ellipse(this.x, this.y, 25, 25); fill(255, 71, 172); heart(this.x, this.y, 12); noStroke(); fill(0); ellipse(this.x-4, this.y+3, 3, 5); ellipse(this.x+4, this.y+3, 3, 5); break; default: this.x += cos(this.dir)(score < 200 ? (0.5+score/100) : 2.5); this.y += sin(this.dir)(score < 200 ? (0.5+score/100) : 2.5); strokeWeight(3); stroke(150, 0, 0); fill(255, 0, 0); ellipse(this.x, this.y, 25, 25); noStroke(); fill(0); arc(this.x-4, this.y+3, 4, 6, 38, 216); arc(this.x+4, this.y+3, 4, 6, 180-216, 180-38); } if (dist(this.x, this.y, 200, 200) <= 50) { shake.x = cos(this.dir)(score < 200 ? (0.5+score/100) : 2.5)8; shake.y = sin(this.dir)(score < 200 ? (0.5+score/100) : 2.5)8; for (var j = 0; j < 15; j++) { particles.push(new Particle(this.x, this.y, "square", 0, random(360), random(10, 25), this.col, this.col, 6, 4, 0, random(-180, 180), false, 0, 1, 50)); } } }; //} var buttons = { back: new Button(200, 350, "Back", function() { scene = "home"; }), how: new Button(200, 160, "How?", function() { scene = "how"; }), game: new Button(200, 220, "Play!", function() { scene = "gamePick"; }), dodge: new Button(200, 170, "Dodge", function() { mode = "dodge"; scene = scene === "gamePick" ? "game" : "lead"; }), shoot: new Button(200, 230, "Shoot", function() { mode = "shoot"; scene = scene === "gamePick" ? "game" : "lead"; }), lead: new Button(200, 280, "Leaderboard", function() { scene = "leadPick"; }), playAgain: new Button(200, 340, "Play Again?", function() { scene = "home"; score = 0; bullets = []; badGuys = []; player.health = 360; particles = []; }) }; function sceneHome() { background(255); fill(lerpColor(color(255, 191, 0), color(0), 0.15)); textSize(60); for (var i = 0; i < 360; i += 12) { text("ATAN2", 200+cos(i)5, 50+sin(i)5); } fill(255, 191, 0); text("ATAN2", 200, 50); buttons.how.run(); buttons.game.run(); buttons.lead.run(); textSize(15); text("@theBTG15", 357, 390); } function sceneHow() { background(255); textSize(50); fill(0); text("HOW", 200, 50); textSize(35); text("DODGE", 100, 110); textSize(25); text("Dodge the bullets for as long as you can. You get hit, you lose.", 100-85, 10, 170, 400); textSize(35); text("SHOOT", 300, 110); textSize(25); text("Don't let the non-pink enemies touch your base. If they do, you lose.", 300-85, 10, 170, 400); buttons.back.run(); } function sceneGame() { background(255); if (mode === "dodge") { angle = atan2(mouseY-height/2, mouseX-width/2); player.x = cos(angle)75+200; player.y = sin(angle)75+200; if (dist(pmouseX, pmouseY, mouseX, mouseY) > 2) { player.dir = lerp(player.dir, 360+atan2(pmouseY-mouseY, pmouseX-mouseX), 0.1); } else { player.dir = lerp(player.dir, 360+atan2(200-mouseY, 200-mouseX), 0.05); } pushMatrix(); translate(player.x, player.y); rotate(player.dir+90); stroke(0, 193, 227); fill(0, 217, 255); ellipse(0, 0, 25, 25); noStroke(); fill(0); ellipse(4, 3, 3, 5); ellipse(-4, 3, 3, 5); popMatrix(); //Particles { for (var i = particles.length-1; i > 0; i--) { particles[i].run(); if (particles[i].time > particles[i].lifeTime) { particles.splice(i, 1); } } //} //Bullets { if (frameCount % 10 === 0) { var randPos = round(random(360)); var bullX = cos(randPos)400+200; var bullY = sin(randPos)400+200; bullets.push(new Bullet(bullX, bullY, 180+atan2(bullY-height/2, bullX-width/2))); } for (var i = bullets.length-1; i > 0; i--) { bullets[i].run(); if (dist(bullets[i].x, bullets[i].y, 200, 200) <= 32) { score++; bullets.splice(i, 1); } } //} noStroke(); fill(0, 80); ellipse(204, 204, 76, 76); fill(255); strokeWeight(3); stroke(227, 227, 227); ellipse(200, 200, 75, 75); textSize(30); fill(9); text(score, 200, 200); } else { angle = atan2(mouseY-height/2, mouseX-width/2); player.x = cos(angle+180)19+200; player.y = sin(angle+180)19+200; player.dir = atan2(height/2-mouseY, width/2-mouseX); player.health = constrain(player.health, 0, 360); //Particles { for (var i = particles.length-1; i > 0; i--) { particles[i].run(); if (particles[i].time > particles[i].lifeTime) { particles.splice(i, 1); } } //} //Bullets { if (clicked) { var bullX = cos(angle)30+200; var bullY = sin(angle)30+200; bullets.push(new Bullet(bullX, bullY, atan2(bullY-height/2, bullX-width/2))); } for (var i = bullets.length-1; i > 0; i--) { bullets[i].run(); for (var j = badGuys.length-1; j > 0; j--) { if (dist(bullets[i].x, bullets[i].y, badGuys[j].x, badGuys[j].y) <= 16) { for (var k = 0; k < 20; k++) { particles.push(new Particle(badGuys[j].x, badGuys[j].y, "square", 0, random(360), random(10, 25), badGuys[j].col, badGuys[j].col, 6, 4, 0, random(-180, 180), false, 0, 1, 50)); } //bullets.splice(i, 1); badGuys.splice(j, 1); score++; } } if (dist(bullets[i].x, bullets[i].y, 200, 200) > 300) { bullets.splice(i, 1); } } //} //Bad Guys { if (frameCount % 80 - round(score < 1000 ? score/14.286 : 70) === 0) { var randPos = round(random(360)); var badX = cos(randPos)300+200; var badY = sin(randPos)300+200; badGuys.push(new BadGuy(badX, badY, 180+atan2(badY-height/2, badX-width/2))); } for (var i = badGuys.length-1; i > 0; i--) { badGuys[i].run(); if (dist(badGuys[i].x, badGuys[i].y, 200, 200) <= 50) { player.health -= badGuys[i].strength; badGuys.splice(i, 1); } } //} noStroke(); fill(0, 80); ellipse(204, 204, 76, 76); fill(255); strokeWeight(3); stroke(227, 227, 227); ellipse(200, 200, 75, 75); pushMatrix(); translate(player.x, player.y); rotate(player.dir+90); stroke(0, 193, 227); fill(0, 217, 255); ellipse(0, 0, 25, 25); noStroke(); fill(0); ellipse(4, 3, 3, 5); ellipse(-4, 3, 3, 5); stroke(104, 125, 135); fill(120, 145, 158); rect(0, 34, 6, 30); popMatrix(); strokeCap(SQUARE); noFill(); strokeWeight(4); stroke(255, 0, 0); arc(200, 200, 75, 75, 270-player.health, 270); strokeCap(ROUND); textSize(30); fill(9); text(score, 200, 200); } if (scene === "dead" \|\| player.health <= 0) { loseImg = get(100, 100, 200, 200); scene = "dead"; } clicked = false; } function gamePick() { background(255); textSize(35); fill(0); text("Select a gamemode:", 200, 50); buttons.dodge.run(); buttons.shoot.run(); buttons.back.run(); } function sceneLeaderboard() { background(255); textSize(50); fill(0); text("LEADERBOARD", 200, 40); if (mode === "dodge") { textSize(25); text("DODGE", 200, 75); textSize(25); for (var i = 0; i < leaderboardDodge.length; i++) { switch (i) { case 0: fill(255, 196, 0); break; case 1: fill(189, 204, 217); break; case 2: fill(217, 152, 0); break; default: fill(0); } text((i+1)+". "+leaderboardDodge[i], 200, 115+i30); } noFill(); stroke(0); strokeWeight(3); rect(200, 280, textWidth("Your highscore: "+highScore[0])+20, 40); text("Your highscore: "+highScore[0], 200, 280); } else { textSize(25); text("SHOOT", 200, 75); textSize(25); for (var i = 0; i < leaderboardShoot.length; i++) { switch (i) { case 0: fill(255, 196, 0); break; case 1: fill(189, 204, 217); break; case 2: fill(217, 152, 0); break; default: fill(0); } text((i+1)+". "+leaderboardShoot[i], 200, 115+i30); } noFill(); stroke(0); strokeWeight(3); rect(200, 280, textWidth("Your highscore: "+highScore[1])+20, 40); text("Your highscore: "+highScore[1], 200, 280); } buttons.back.run(); } function leadPick() { background(255); textSize(35); fill(0); text("Select a gamemode:", 200, 50); buttons.dodge.run(); buttons.shoot.run(); buttons.back.run(); } function sceneDead() { background(255); fill(0); textSize(50); text("You died.", 200, 31); textSize(25); text("Your score was "+score+"!", 200, 72); text("Post your score in the T&T for a chance to be on the leaderboard!", 185, 0, 200, 400); if (mode === "dodge") { if (score > highScore) { highScore[0] = score; } } else { if (score > highScore) { highScore[1] = score; } } fill(255); strokeWeight(6); stroke(220); rect(90, 207, 150, 150); image(loseImg, 90, 207, 150, 150); buttons.playAgain.run(); } draw = function() { cursor('default'); pushMatrix(); translate(shake.x, shake.y); switch (scene) { case "home": sceneHome(); break; case "how": sceneHow(); break; case "gamePick": gamePick(); break; case "game": sceneGame(); break; case "leadPick": leadPick(); break; case "lead": sceneLeaderboard(); break; case "dead": sceneDead(); break; } popMatrix(); shake.x = lerp(shake.x, 0, 0.4); shake.y = lerp(shake.y, 0, 0.4); clicked = false; }; mouseClicked = function() { clicked = true; };
Folds	44,95,97,400,402,431,433,450,451,468,469,641,642,653,654,718,719,730,731,758,760,794,796,798
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIeyy9aVCQw
Votes	46
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5097844495204352","title":"Contest: Trigonometry","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	theBTG15
Author Name	thebtg15
Author ID	kaid_1184047636356324637542824
Author Profile Access	COACH

Archive Data

Added	17 days ago, 1743306076768
Updated	17 days ago, 1743306076768
Source Deleted	unknown