Viewing Program

Program Data

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

Title	Dodge TD [GAME] [Primavera]
ID	4901508917936128
Created	9 months ago, 1712623112943
Updated	9 months ago, 1712796995802
Code	/* ██████╗░░█████╗░██████╗░░██████╗░███████╗ ████████╗██████╗░ ██╔══██╗██╔══██╗██╔══██╗██╔════╝░██╔════╝ ╚══██╔══╝██╔══██╗ ██║░░██║██║░░██║██║░░██║██║░░██╗░█████╗░░ ░░░██║░░░██║░░██║ ██║░░██║██║░░██║██║░░██║██║░░╚██╗██╔══╝░░ ░░░██║░░░██║░░██║ ██████╔╝╚█████╔╝██████╔╝╚██████╔╝███████╗ ░░░██║░░░██████╔╝ ╚═════╝░░╚════╝░╚═════╝░░╚═════╝░╚══════╝ ░░░╚═╝░░░╚═════╝░ by TDJ (Dodge game + TD = Dodge TD) For Primavera 2024 Challenge 2. Subscribe here for better games: https://www.khanacademy.org/cs/i/4838951661649920 / size(600, 600, P2D); smooth(); // global variables var scene = "menu"; var clicked; var keys = {}; // array of leaders var leaders = [ ["Eyeinthesky", 88], ["Panda15", 115], ["kaungmkm2022", 131], ["sbru2942", 51], ["AldenG", 165], ["Rilan E", 205], ["SpaceGhost", 95], ["LpsGuy", 117], ["Vortex", 111], ].sort(function(a, b) { return b[1] - a[1]; // sort by score descending }); var Transition; var btns = []; var P; var money = 100; var rate = 120; var enemies = []; var turrets = []; var bullets = []; var particles = []; var insult, score = 0; // setup rectMode(CENTER); imageMode(CENTER); textAlign(CENTER, CENTER); textFont(createFont('Calibri Bold Italics')); noStroke(); // very important array of jaw-dropping information var wow = [ "do better", "lol", "smh", "smh my head", "Never gonna give\nyou up! =P", "💀", "you died 😭", "bruh", "wow", "rip", "R.I.P. a poor KA user\nwho spent too much\ntime gaming. 😥", ]; var turretInfo = { basic: { cost: 100, damage: 20, reload: 60, range: 200, barrel: 40, draw: function() { fill(207, 197, 54); ellipse(0, 0, 40, 40); rect(20, 0, 40, 8, 4); }, }, sniper: { cost: 250, damage: 100, reload: 180, range: 300, barrel: 40, draw: function() { fill(237, 65, 26); ellipse(0, 0, 40, 40); rect(20, 0, 40, 8, 4); }, }, mg: { cost: 500, damage: 2, reload: 5, range: 150, barrel: 40, draw: function() { fill(217, 151, 76); ellipse(0, 0, 30, 30); rect(25, 0, 30, 6, 4); }, }, cannon: { cost: 1000, damage: 50, reload: 30, range: 200, barrel: 35, draw: function() { fill(255, 8, 8); ellipse(0, 0, 50, 50); rect(16, 0, 40, 12, 4); }, }, }; // point to rect collision function pointRect(pt, rct) { return pt.x > rct.x - rct.w / 2 && pt.x < rct.x + rct.w / 2 && pt.y > rct.y - rct.h / 2 && pt.y < rct.y + rct.h / 2; } // rect to rect collision function function rectRect(a, b) { return a.x + a.w / 2 > b.x - b.w / 2 && a.x - a.w / 2 < b.x + b.w / 2 && a.y + a.h / 2 > b.y - b.h / 2 && a.y - a.h / 2 < b.y + b.h / 2; } // button prototype function Button(config) { this.x = config.x; this.y = config.y; this.name = config.name; this.type = config.type; this.id = config.id; if (this.type === "shop") { this.clr = color(200, 200, 200); this.txtClr = color(0); this.w = 114; this.h = 40; this.turret = turretInfo[this.id]; this.info = { w: this.w 0.75, h: this.h * 1.2, }; } else { this.w = config.w; this.h = config.h; this.clr = color(227, 61, 61); this.txtClr = color(50, 50, 50); this.o = 255; this.r = 0; } } Button.prototype.run = function() { pushMatrix(); translate(this.x, this.y); fill(this.clr, this.o); rect(0, 0, this.w, this.h, (this.type !== "shop" ? this.r : 0), (this.type !== "shop" ? this.w / 10 - this.r : 0), (this.type !== "shop" ? this.r : 0), (this.type !== "shop" ? this.w / 10 - this.r : 0)); fill(this.txtClr); textSize((this.type !== "shop" ? this.h / 2 : 20)); text(this.name, 0, 0); popMatrix(); if (pointRect({ x: mouseX, y: mouseY }, this)) { if (this.type === "shop") { // extra info fill(180); rect(mouseX + this.info.w / 2, mouseY + this.info.h / 2, this.info.w, this.info.h); fill(0); textSize(12); text("Cost: $" + this.turret.cost + "\nDamage: " + this.turret.cost + "\nReload: " + this.turret.reload, mouseX + this.info.w / 2, mouseY + this.info.h / 2); // when click if (clicked) { if (money >= this.turret.cost) { money -= this.turret.cost; P.holding = this.id; } } } else { // hover animation this.o = lerp(this.o, 220, 0.1); this.r = lerp(this.r, this.w / 10, 0.1); // when click if (clicked) { Transition.next = this.id; } } } else { // reset hover animation if (this.type !== "shop") { this.o = lerp(this.o, 255, 0.1); this.r = lerp(this.r, 0, 0.1); } } }; btns.push(new Button({ x: 300, y: 550, w: 200, h: 70, name: "Back", type: "back", id: "menu", })); // back button btns.push(new Button({ x: 300, y: 375, w: 250, h: 80, name: "Play", type: "menu", id: "game", })); // play button btns.push(new Button({ x: 160, y: 500, w: 250, h: 80, name: "How", type: "menu", id: "how", })); // how button btns.push(new Button({ x: 440, y: 500, w: 250, h: 80, name: "Leaderboard", type: "menu", id: "lead", })); // lead button btns.push(new Button({ x: 420, y: 25, name: "Cannon", type: "shop", id: "cannon", })); // cannon turret btns.push(new Button({ x: 300, y: 25, name: "Machine Gun", type: "shop", id: "mg", })); // machine gun turret btns.push(new Button({ x: 180, y: 25, name: "Sniper", type: "shop", id: "sniper", })); // sniper turret btns.push(new Button({ x: 60, y: 25, name: "Basic", type: "shop", id: "basic", })); // basic turret // particle prototype function Particle(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.r = random(0, 360); this.speed = config.speed; this.xv = cos(this.r) * this.speed; this.yv = sin(this.r) * this.speed; this.rv = config.rv; this.clr = config.clr; this.o = config.o; this.ov = config.ov; this.dead = false; } Particle.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); fill(this.clr, this.o); rect(0, 0, this.w, this.w); popMatrix(); }, update: function() { // move bullet this.x += this.xv; this.y += this.yv; this.r += this.rv; // fade particle this.o -= this.ov; // when particle faded if (this.o <= 0) { this.dead = true; } }, run: function() { this.update(); this.display(); }, }; // bullet prototype function Bullet(x, y, r, dmg) { this.x = x; this.y = y; this.d = 4; this.r = r; this.xv = cos(this.r) * 5; this.yv = sin(this.r) * 5; this.damage = dmg; this.sx = x; // source of bullet this.sy = y; this.dead = false; } Bullet.prototype = { display: function() { fill(0); ellipse(this.x, this.y, this.d, this.d); }, update: function() { // move bullet this.x += this.xv; this.y += this.yv; // when bullet too far from source if (dist(this.x, this.y, this.sx, this.sy) > width) { this.dead = true; } }, run: function() { this.update(); this.display(); }, }; // enemy prototype function Enemy(x, y, w) { this.x = x; this.y = y; this.w = w; this.h = this.w; this.clr = color(50, 50, 50); this.xv = 0; this.yv = 0; this.speed = 50; this.damage = this.w / 2; this.health = this.w * 2; this.ogHealth = this.health; this.dead = false; this.deathReason = ""; this.deathParticles = 0; } Enemy.prototype = { display: function() { fill(this.clr); rect(this.x, this.y, this.w, this.h); // healthbar fill(this.clr); rect(this.x, this.y - this.h * 0.75, this.health / this.ogHealth * this.w, 4, 2); }, update: function() { // move enemy towards base this.r = atan2(P.y - this.y, P.x - this.x); this.xv = cos(this.r) * this.speed / this.w; this.yv = sin(this.r) * this.speed / this.w; // collide with base if (rectRect(this, P)) { P.health -= this.damage; this.deathReason = "player"; this.dead = true; } // collide with bullets for (var i = 0; i < bullets.length; i++) { if (pointRect(bullets[i], this)) { this.health -= bullets[i].damage; bullets[i].dead = true; } } // death if (this.health <= 0) { this.deathReason = "kill"; this.dead = true; } // movement this.x += this.xv; this.y += this.yv; // enemy particles if (frameCount % 10 === 0) { particles.push(new Particle({ x: this.x, y: this.y, w: random(10, this.w / 2), clr: this.clr, speed: 1, rv: random(-2, 2), o: random(150, 250), ov: random(4, 8), })); } }, run: function() { this.display(); this.update(); }, }; // turret prototype function Turret(x, y, id) { this.x = x; this.y = y; this.id = id; this.range = turretInfo[this.id].range; this.damage = turretInfo[this.id].damage; this.reloadTime = turretInfo[this.id].reload; this.barrel = turretInfo[this.id].barrel; this.speed = 5; this.reload = 0; this.r = 0; } Turret.prototype = { display: function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); fill(0, 10); ellipse(0, 0, this.range, this.range); turretInfo[this.id].draw(); popMatrix(); }, update: function() { // rotate towards enemy for (var i = 0; i < enemies.length; i++) { var e = enemies[i]; if (dist(this.x, this.y, e.x, e.y) <= this.range / 2) { this.r = atan2(e.y - this.y, e.x - this.x); if (this.reload <= 0) { bullets.push(new Bullet(this.x + cos(this.r) * this.barrel, this.y + sin(this.r) * this.barrel, this.r, this.damage)); this.reload = this.reloadTime; } } } // reload gun this.reload--; }, run: function() { this.display(); this.update(); }, }; // player object P = { x: width / 2, y: width / 2, w: 30, h: 30, r: 0, clr: color(207, 35, 35), cooldown: 0, xv: 0, yv: 0, health: 100, holding: "", display: function() { pushMatrix(); translate(this.x, this.y); fill(this.clr); rect(0, 0, this.w, this.h); stroke(171, 25, 25); strokeWeight(4); arc(0, 0, this.w / 2, this.h / 2, 0, 12 * (30 - this.cooldown)); noStroke(); popMatrix(); // healthbar fill(this.clr); rect(this.x, this.y - this.h * 0.75, this.health / 100 * this.w, 4, 2); }, update: function() { // restrict player this.x = constrain(this.x, this.w / 2, width - this.w / 2); this.y = constrain(this.y, 50 + this.h / 2, height - this.h / 2); // aim bullets this.r = atan2(mouseX - this.x, mouseY - this.y); // create bullets if ((mouseIsPressed \|\| keys[32]) && this.cooldown <= 0) { bullets.push(new Bullet(this.x + sin(this.r) * this.w / 3, this.y + cos(this.r) * this.h / 3, 90 - this.r, 25)); this.cooldown = 30; } this.cooldown--; // key input if (keys[LEFT] \|\| keys[65]) { this.xv = lerp(this.xv, -4, 0.1); } else if (keys[RIGHT] \|\| keys[68]) { this.xv = lerp(this.xv, 4, 0.1); } else { this.xv = lerp(this.xv, 0, 0.1); } if (keys[UP] \|\| keys[87]) { this.yv = lerp(this.yv, -4, 0.1); } else if (keys[DOWN] \|\| keys[83]) { this.yv = lerp(this.yv, 4, 0.1); } else { this.yv = lerp(this.yv, 0, 0.1); } // moving player this.y += this.yv; this.x += this.xv; // placing turrets if (this.holding !== "") { pushMatrix(); translate(mouseX, mouseY); rotate(90 - this.r); turretInfo[this.holding].draw(); popMatrix(); if (clicked) { if (mouseY > 50) { turrets.push(new Turret(mouseX, mouseY, this.holding)); } else if (mouseY <= 50) { money += turretInfo[this.holding].cost; } this.holding = ""; } } // player particles if (frameCount % 10 === 0) { particles.push(new Particle({ x: this.x, y: this.y, w: random(10, this.w / 2), clr: this.clr, speed: 1, rv: random(-2, 2), o: random(150, 250), ov: random(4, 8), })); } }, run: function() { this.update(); this.display(); }, }; // scene transition Transition = { next: "", y: 0, run: function() { // rectangles o.o fill(255); rect(75, 900 - this.y, 150, height); rect(225, -300 + this.y, 150, height); rect(375, 900 - this.y, 150, height); rect(525, -300 + this.y, 150, height); // run transition if (this.next !== "") { this.y = lerp(this.y, 600, 0.07); } // change scene if (this.y >= 599) { this.y = lerp(this.y, 1800, 0.07); scene = this.next; } // finish transition if (this.y >= 1200) { this.next = ""; this.y = 0; } }, }; // scenes object var Scenes = { menu: function() { fill(50); textSize(120); text("DODGE", 220, 150); fill(227, 61, 61); text("TD", 500, 180); // dividing lines strokeCap(PROJECT); strokeWeight(10); stroke(50); line(0, 220, 405, 220); line(407, 219, 430, 119); stroke(227, 61, 61); line(440, 120, 600, 120); line(416, 221, 439, 121); noStroke(); strokeCap(ROUND); // run menu buttons btns.forEach(function(b) { if (b.type === "menu") { b.run(); } }); }, how: function() { fill(50); textSize(80); text("Instructions", 300, 100); textSize(40); text("Arrows or WASD to move.\nClick to shoot. Avoid enemies.\nBuy turrets to survive longer!\n\nGood luck!", 300, 325); // back button btns[0].run(); }, lead: function() { fill(50); textSize(80); text("Leaderboard", 300, 100); // displaying leaders textSize(25); for (var i = 0; i < 5; i++) { text((i + 1) + ". " + leaders[i][0] + " - " + leaders[i][1], 300, 250 + (i * 30)); } // back button btns[0].run(); }, game: function() { if (frameCount % rate === 0) { var angle = Math.round(random(0, 360)); enemies.push(new Enemy(cos(angle) * width, sin(angle) * height, Math.round(random(10, 50)))); rate = constrain(rate - 0.5, 1, 120); } // running particles particles.forEach(function(p) { p.run(); }); // removing particles for (var i = particles.length - 1; i >= 0; i--) { if (particles[i].dead) { particles.splice(i, 1); } } // running bullets bullets.forEach(function(b) { b.run(); }); // removing bullets for (var i = bullets.length - 1; i >= 0; i--) { if (bullets[i].dead) { bullets.splice(i, 1); } } // running enemies enemies.forEach(function(e) { e.run(); }); // removing enemies for (var i = enemies.length - 1; i >= 0; i--) { var e = enemies[i]; if (e.dead) { if (e.deathReason === "kill") { money += Math.round(e.w / 2); // pay player score++; // put points on the board e.deathParticles = e.w / 2; } else if (this.deathReason === "player") { e.deathParticles = e.w / 4; } // death particles for (var d = 0; d < e.deathParticles; d++) { particles.push(new Particle({ x: e.x, y: e.y, w: random(10, e.w / 2), clr: e.clr, speed: 1, rv: random(-2, 2), o: random(150, 250), ov: random(4, 8), })); } enemies.splice(i, 1); } } // running turrets turrets.forEach(function(t) { t.run(); }); // removing turrets for (var i = turrets.length - 1; i >= 0; i--) { if (turrets[i].dead) { turrets.splice(i, 1); } } // run player P.run(); // draw turret options fill(50); rect(width / 2, 25, width, 50); fill(200); textSize(50); text("$" + money, 540, 25); // run shop buttons btns.forEach(function(b) { if (b.type === "shop") { b.run(); } }); // death if (P.health <= 0) { insult = Math.round(random(0, wow.length - 1)); Transition.next = "dead"; _clearLogs(); // clear println log println("Sub? https://www.khanacademy.org/cs/i/4838951661649920"); } }, dead: function() { fill(0); textSize(50); textLeading(50); text(wow[insult] + "\n\nScore: " + score, width / 2, height / 2 - 100); textSize(30); text("Click to restart...", width / 2, 450); if (clicked) { Program.restart(); } }, }; function draw() { background(220); // current theme background Scenes[scene](); // run current scene Transition.run(); // run scene transition clicked = false; } // event listeners keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; mousePressed = function() { clicked = true; };
Folds	27,36,37,39,61,73,74,123,126,128,130,135,138,165,166,212,214,222,223,231,232,240,241,249,250,256,257,263,264,270,271,277,280,296,297,324,327,342,343,362,365,383,384,441,444,457,458,489,492,595,598,627,630,790,792,799,802,804,805,807,808,810
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKvP17zaCAw
Votes	103
Spin-Offs	27
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841869867
Updated	25 days ago, 1734464254707
Source Deleted	unknown