Viewing Program

Program Data

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

Title	Cannon Defense!
ID	4199843569
Created	9 years ago, 1459965432709
Updated	7 years ago, 1522815140757
Code	/* Credit to PatDaBunnyProgramming for atan2 help. :) https://www.khanacademy.org/profile/patdabunnye/projects Subscribe to me here: https://www.khanacademy.org/computer-programming/subscribe-to-strzr/5112451842048000 / var font = createFont("Trebuchet MS Bold"); var clicked = false; var scene = "menu"; var rocketShip = function(x, y, rotateFac, scaleFac, fireLength) { pushMatrix(); translate(x, y); rotate(rotateFac); scale(scaleFac); fill(184, 22, 22); ellipse(5, 21, 40, fireLength); fill(255, 140, 0); ellipse(5, 21, 30, fireLength-10); fill(247, 247, 54); ellipse(5, 21, 20, fireLength-20); fill(0, 115, 255); quad(37, -6, 64, 43, 64, 68, 24, 21); quad(-37+10, -6, -64+10, 43, -64+10, 68, -24+10, 21); fill(245, 245, 245); beginShape(); vertex(226-200, 254-200); bezierVertex(260-200, 151-200, 227-200, 116-200, 207-200, 84-200); bezierVertex(185-200, 116-200, 154-200, 147-200, 185-200, 254-200); endShape(); fill(35, 35, 36); ellipse(6, -38, 30, 30); rect(-15, 54, 41, 4); fill(233, 237, 125); ellipse(6, -38, 24, 24); fill(75, 175, 242); beginShape(); vertex(231-200, 254-328); bezierVertex(230-200, 118-200, 227-200, 116-200, 207-200, 84-200); bezierVertex(186-200, 110-200, 179-200, 125-200, 182-200, 254-328); endShape(); fill(0, 0, 0, 50); beginShape(); vertex(6, 254-200); bezierVertex(260-254, 151-200, 210-203, 116-200, 207-200, 84-200); bezierVertex(185-200, 112-200, 154-200, 147-200, 185-200, 254-200); endShape(); popMatrix(); }; var Logo = function() { this.brightness = 236; this.lapTopY = 2; this.rocketShipPos = new PVector(185, 192); this.rocketShipR = 66; this.rocketShipMove = sin(frameCount10)frameCount/300; this.fireLength = 100; this.fireMove = 0; this.starPos = []; this.starSize = []; this.starSpeed = 5; this.trans = [0, 0, 0]; }; Logo.prototype.init = function() { pushMatrix(); scale(width/400, height/400); background(0, this.brightness/2, this.brightness); pushMatrix(); translate(0, this.lapTopY); noStroke(); fill(242, 120, 75); rect(0, 252, 400, 200); fill(0, 0, 0, 30); quad(200, 252, 400, 252, 400, 400, 300, 400); pushMatrix(); translate(0, 32); fill(55, 59, 64); rect(50, 70, 300, 200, 8, 8, 0, 0); fill(22, 160, 133); rect(65, 87, 270, 170); fill(255); ellipse(200, 79, 3, 3); fill(194, 194, 194); rect(15, 270, 370, 14, 5, 5, 2, 2); fill(107, 107, 107); rect(21, 284, 358, 6, 0, 0, 5, 5); popMatrix(); popMatrix(); for (var i in this.starPos) { fill(255, 255, 255); ellipse(this.starPos[i].x, this.starPos[i].y, this.starSize[i], this.starSize[i]); this.starPos[i].x = sin(frameCount5)+this.starPos[i].x; this.starPos[i].y+=this.starSpeed; if (this.starPos[i].y > 400) { this.starPos[i].y = 0; } } rocketShip(this.rocketShipPos.x, this.rocketShipPos.y, this.rocketShipR, 1, this.fireLength); this.fireLength+=this.fireMove; this.rocketShipR+=this.rocketShipMove; if (frameCount < 350) { this.rocketShipMove = sin(frameCount10)frameCount/150; this.fireMove = sin(frameCount10); } else if (frameCount > 350 && frameCount < 450) { this.rocketShipMove = 0; this.rocketShipR/=1.1; } else if (frameCount > 450 && frameCount < 550) { this.lapTopY=2; this.brightness-=1.5; this.fireLength=1.5; } if (frameCount > 450) { this.fireMove = sin(frameCount100)10; this.rocketShipMove = sin(frameCount5)/2; } if (frameCount > 500 && frameCount < 600) { this.starPos.push(new PVector(random(0, width), random(0, height))); this.starSize.push(random(0, 5)); } if (this.fireLength > 200) { this.fireLength = 200; } if (frameCount > 800) { this.rocketShipPos.y/=1.05; this.rocketShipPos.y-=10; } if (frameCount > 850) { this.trans[0]+=4; } if (frameCount > 900) { this.trans[1]+=4; } if (frameCount > 1050) { this.trans[2]+=5; } textFont(font, 56); textAlign(CENTER, CENTER); fill(255, 255, 255, this.trans[0]); text("Stαrɢαzεr", 200, 200); fill(255, 255, 255, this.trans[1]); textSize(18); text("Programming", 234, 238); fill(255, 255, 255, this.trans[2]); rect(0, 0, width, height); popMatrix(); }; var logo = new Logo(); var Menu = function() { this.size = 100; this.size2 = 100; }; Menu.prototype.draw = function() { noStroke(); background(44, 62, 80); fill(0, 0, 0, 40); quad(300, 0, 600, 0, 600, 600, 400, 600); fill(0); textAlign(CENTER, CENTER); textFont(font, 57); text("Cannon Defense", 300, 257); textSize(20); text("Stαrɢαzεr Programming", 363, 298); fill(46, 204, 113); ellipse(197, 431, this.size, this.size); fill(39, 174, 96); arc(197, 431, this.size, this.size, 90, 270); fill(36, 36, 36); textSize(this.size/2); text("\u25B6", 201, 427); fill(46, 204, 113); ellipse(600-197, 431, this.size2, this.size2); fill(39, 174, 96); arc(600-197, 431, this.size2, this.size2, 90, 270); fill(36, 36, 36); textSize(this.size2/2); text("?", 403, 432); if (dist(mouseX, mouseY, 197, 431) < this.size/2) { this.size = 110; cursor("pointer"); if (clicked) { scene = "game"; } } else { this.size = 100; } if (dist(mouseX, mouseY, 600-197, 431) < this.size2/2) { this.size2 = 110; cursor("pointer"); if (clicked) { scene = "how"; } } else { this.size2 = 100; } }; var menu = new Menu(); var How = function() { this.size = 100; }; How.prototype.draw = function() { noStroke(); background(44, 62, 80); fill(0, 0, 0, 40); quad(300, 0, 600, 0, 600, 600, 400, 600); fill(0); textFont(font, 52); textAlign(CENTER, CENTER); text("How To Play", 300, 160); textSize(20); text("Click and hold to shoot your cannon.", 300, 236); text("Shoot these. Get points. If you let too\nmany through your ranks, you lose.", 207, 300); text("However, hit one of these are you gain\nanother life.", 398, 411); fill(52, 152, 219); ellipse(420, 300, 50, 50); fill(41, 128, 185); arc(420, 300, 50, 50, 90, 270); fill(0); ellipse(410, 300, 7, 7); ellipse(430, 300, 7, 7); fill(231, 76, 60); ellipse(181, 411, 50, 50); fill(192, 57, 43); arc(181, 411, 50, 50, 270, 360+90); noStroke(); fill(46, 204, 113); ellipse(300, 521, this.size, this.size); fill(39, 174, 96); arc(300, 521, this.size, this.size, 90, 270); fill(31, 31, 31); pushMatrix(); translate(-4, 59); rect(286, 454, 41, 20); triangle(294, 440, 294, 487, 276, 464); popMatrix(); if (dist(mouseX, mouseY, 300, 521) < this.size/2) { this.size = 110; cursor("pointer"); if (clicked) { scene = "menu"; } } else { this.size = 100; } }; var how = new How(); var Bullet = function(position, velocity, rotate) { this.position = position; this.velocity = velocity; this.rotate = rotate; this.colors = [color(26, 188, 156), color(46, 204, 113), color(52, 152, 219), color(155, 89, 182), color(22, 160, 133), color(39, 174, 96), color(41, 128, 185), color(142, 68, 173), color(241, 196, 15), color(230, 126, 34), color(231, 76, 60), color(243, 156, 18), color(211, 84, 0), color(192, 57, 43)]; this.r = [floor(random(0, 15)), floor(random(0, 15)), floor(random(0, 15))]; this.t = 100; }; Bullet.prototype.draw = function() { pushMatrix(); translate(this.position.x, this.position.y); rotate(this.rotate); for (var i in this.r) { fill(this.colors[this.r[i]]); rect(0, 0-i5, 8, 10); } popMatrix(); }; Bullet.prototype.update = function() { this.position.add(this.velocity); this.t--; }; Bullet.prototype.isDead = function() { return this.t < 0; }; var bullets = []; var Player = function() { this.position = new PVector(300, 533); this.velocity = new PVector(0, 5); this.width = 40; this.height = 40; this.fireRate = 20; this.reloaded = true; }; Player.prototype.draw = function() { noStroke(); pushMatrix(); translate(this.position.x, this.position.y); var a = atan2(mouseY-this.position.y, mouseX-this.position.x)+90; rotate(a); fill(43, 43, 43); rect(-23, -13, 20, 28, 5); rect(2, -13, 20, 28, 5); fill(155, 89, 182); ellipse(0, 0, this.width, this.height); rect(-10, -43, 20, 34, 5); fill(122, 75, 143); rect(0, -43, 10, 34, 0, 5, 0, 0); arc(0, 0, this.width, this.height, 270, 360+90); popMatrix(); //this.velocity.rotate(a); if (mouseX !== pmouseX && mouseY !== pmouseY) { this.velocity.rotate(a); } }; Player.prototype.shoot = function() { var a = atan2(mouseY-this.position.y, mouseX-this.position.x)+90; if (this.reloaded && mouseIsPressed) { bullets.push(new Bullet(new PVector(this.position.x-5, this.position.y), new PVector(cos(a-90)10, sin(a-90)10), a)); this.reloaded = false; this.fireRate = 20; } else if (this.fireRate < 0) { this.reloaded = true; } this.fireRate--; }; var bob = new Player(); var Enemy = function(position, width, height, speed) { this.position = position; this.width = width; this.height = height; this.speed = speed; }; Enemy.prototype.draw = function() { fill(52, 152, 219); ellipse(this.position.x, this.position.y, this.width, this.height); fill(41, 128, 185); arc(this.position.x, this.position.y, this.width, this.height, 270, 360+90); fill(0); ellipse(this.position.x-4, this.position.y, 5, 5); ellipse(this.position.x+4, this.position.y, 5, 5); }; Enemy.prototype.update = function() { this.position.y+=this.speed; }; Enemy.prototype.isDead = function() { if (this.position.y-this.width/2 > 600) { return true; } }; var enemies = []; var Heart = function(position, width, height, speed) { this.position = position; this.width = width; this.height = height; this.speed = speed; }; Heart.prototype.draw = function() { fill(231, 76, 60); ellipse(this.position.x, this.position.y, this.width, this.height); fill(192, 57, 43); arc(this.position.x, this.position.y, this.width, this.height, 90, 270); }; Heart.prototype.update = function() { this.position.y+=this.speed; }; Heart.prototype.isDead = function() { if (this.position.y-this.width/2 > 600) { return true; } }; var hearts = []; var Explosion = function(position) { this.position = position; this.Particle = function(position, rotate) { this.position = position; this.velocity = new PVector(0, 5); this.rotate = rotate; this.velocity.rotate(this.rotate); this.colors = [color(26, 188, 156), color(46, 204, 113), color(52, 152, 219), color(155, 89, 182), color(22, 160, 133), color(39, 174, 96), color(41, 128, 185), color(142, 68, 173), color(241, 196, 15), color(230, 126, 34), color(231, 76, 60), color(243, 156, 18), color(211, 84, 0), color(192, 57, 43)]; this.r = [floor(random(0, 15)), floor(random(0, 15)), floor(random(0, 15))]; this.timeToLive = 20; }; this.Particle.prototype.draw = function() { pushMatrix(); translate(this.position.x, this.position.y); rotate(this.rotate); for (var i in this.r) { fill(this.colors[this.r[i]]); rect(0, 0-i5, 8, 10); } popMatrix(); }; this.Particle.prototype.update = function() { this.position.add(this.velocity); this.timeToLive--; }; this.Particle.prototype.isDead = function() { return this.timeToLive < 0; }; this.particles = []; this.done = false; this.idk = true; }; Explosion.prototype.init = function() { if (this.idk) { for (var i = 0 ; i < 6 ; i++) { this.particles.push(new this.Particle(new PVector(this.position.x, this.position.y), i60)); } this.idk = false; } for (var i in this.particles) { this.particles[i].draw(); this.particles[i].update(); if (this.particles[i].isDead()) { this.particles.splice(i, 1); this.done = true; } } }; Explosion.prototype.isDone = function() { return this.done === true; }; var explosions = []; var Game = function() { this.enemySpawnRate = 100; this.hearts = 3; this.score = 0; }; Game.prototype.interact = function() { background(44, 62, 80); fill(0, 0, 0, 40); quad(300, 0, 600, 0, 600, 600, 400, 600); for (var i in bullets) { bullets[i].draw(); bullets[i].update(); if (bullets[i].isDead()) { bullets.splice(i, 1); } } bob.draw(); bob.shoot(); if (frameCount% floor(this.enemySpawnRate) === 0) { var t = random(20, 30); enemies.push(new Enemy(new PVector(random(10, 590), 0), t, t, random(1, 3))); } for (var i in enemies) { var enemyDed = false; enemies[i].draw(); enemies[i].update(); if (enemies[i].isDead()) { this.hearts--; enemies.splice(i, 1); continue; } for (var t in bullets) { if (dist(enemies[i].position.x, enemies[i].position.y, bullets[t].position.x, bullets[t].position.y) < 10+enemies[i].width) { enemyDed = true; bullets.splice(t, 1); } } if (enemyDed) { explosions.push(new Explosion(new PVector(enemies[i].position.x, enemies[i].position.y))); this.score+=10; enemies.splice(i, 1); } } for (var i in hearts) { var heartDed = false; hearts[i].draw(); hearts[i].update(); for (var t in bullets) { if (dist(hearts[i].position.x, hearts[i].position.y, bullets[t].position.x, bullets[t].position.y) < 10+hearts[i].width) { heartDed = true; bullets.splice(t, 1); } } if (heartDed) { explosions.push(new Explosion(new PVector(hearts[i].position.x, hearts[i].position.y))); this.hearts++; hearts.splice(i, 1); } } if (random(1) < 0.001) { var t = random(20, 30); hearts.push(new Heart(new PVector(random(10, 590), 0), t, t, random(1, 3))); } for (var i in explosions) { explosions[i].init(); if (explosions[i].isDone()) { explosions.splice(i, 1); } } this.enemySpawnRate-=0.01; if (this.hearts < 0) { scene = 'over'; } for (var i = 0 ; i < this.hearts ; i++) { fill(231, 76, 60); ellipse(30+i40, 570, 30, 30); fill(192, 57, 43); arc(30+i*40, 570, 30, 30, 90, 270); } fill(20, 20, 20); textAlign(RIGHT, CENTER); textFont(font, 20); text("Score: "+this.score, 588, 578); }; var game = new Game(); var Over = function() { this.size = 100; }; Over.prototype.draw = function() { noStroke(); background(44, 62, 80); fill(0, 0, 0, 40); quad(300, 0, 600, 0, 600, 600, 400, 600); fill(0); textFont(font, 69); textAlign(CENTER, CENTER); text("Game Over", 300, 226); textSize(26); text("RIP in pizza, my friend", 300, 287); text("Score: " + game.score, 300, 325); fill(46, 204, 113); ellipse(300, 403, this.size, this.size); fill(39, 174, 96); arc(300, 403, this.size, this.size, 90, 270); pushMatrix(); translate(0, -23); noFill(); stroke(0); strokeWeight(3); arc(300, 428, 50, 50, 0, 246); line(290, 406, 292, 416); line(290, 406, 278, 403); popMatrix(); if (dist(mouseX, mouseY, 300, 403) < this.size/2) { this.size = 110; cursor("pointer"); if (clicked) { game.enemySpawnRate = 100; game.hearts = 3; game.score = 0; bullets.splice(0, bullets.length); enemies.splice(0, enemies.length); hearts.splice(0, hearts.length); explosions.splice(0, explosions.length); scene = "menu"; } } else { this.size = 100; } }; var over = new Over(); draw = function() { if (frameCount < 1200) { logo.init(); } else { cursor("default"); switch(scene) { case "game": game.interact(); break; case "menu": menu.draw(); break; case "how": how.draw(); break; case "over": over.draw(); break; } clicked = false; } }; mouseClicked = function() { clicked = true; };
Folds	14,60,62,74,76,181,185,188,190,240,244,246,248,298,302,309,311,322,324,327,329,331,345,367,385,390,392,400,402,404,406,410,414,419,421,426,428,430,432,436,440,473,475,490,492,494,498,502,504,584,588,590,641,662,664,666
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBjxjdLSDww
Votes	194
Spin-Offs	15
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TheRealJunhaLee
Author Name	StarGazerKA
Author ID	kaid_1134953635055533760956805
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739287984622
Updated	10 months ago, 1739287984622
Source Deleted	unknown