Viewing Program

Program Data

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

Title	Air Strike (Game)
ID	5750700229607424
Created	5 years ago, 1595852814584
Updated	4 years ago, 1604385065884
Code	/* Air Strike (Game) Gray Wolf, July 2020 Credit to KWC for the setKALoopTimout() function Credit to OOPS! Studios (I think) for the loading function Let me know if you enjoyed the game :) Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/computer-programming/gray-wolf/4876588413698048 To see my other games, graphics, animations, etc. https://www.khanacademy.org/profile/grantjenkins/projects My timezone is AEST so may not respond straight away ----------------------------------------------------- IMPORTANT: If you want to submit your highscore post it in the Tips & Thanks, NOT the Questions :) ----------------------------------------------------- / //global game variable var game; //default title/button font textFont(createFont("Trebuchet MS")); //body font for how and history var bodyFont = createFont("Verdana"); { //Key\|Button stuff var clicked = false; var hover = false; var keys = []; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; }; mouseClicked = function () { clicked = true; }; } //Keys/Mouse /* @created_by MKaelin368 (KWC) (c) 2018 / var setKALoopTimeout = function (ms) { var method_name = "KAInfiniteLoopSetTimeout"; if (method_name in this) { this[method_name](ms >>> 0); } }; //button object var Button = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.w = config.w \|\| 100; this.h = config.h \|\| 80; this.content = config.content \|\| ""; this.textSize = config.textSize \|\| this.w 0.16; this.cornerRadius = constrain(config.cornerRadius, 0, 20) \|\| 0; this.clicked = config.clicked \|\| function(){}; this.hover = false; this.backColor = config.backColor \|\| color(217, 216, 214); this.backColorHover = config.backColorHover \|\| color(77, 76, 76, 150); this.textColor = config.textColor \|\| color(40); this.textColorHover = config.textColorHover \|\| color(240); this.selected = false; this.backColorSelected = color(66, 63, 66); this.textColorSelected = color(245, 242, 245); this.draw = function() { //get if mouse currently over the button this.hover = this.over(); //if it's over the button... if (this.hover) { hover = true; //set hover to true if(clicked) { this.clicked(); //if clicked then run the button function } } //draw the button pushMatrix(); translate(this.w / 2, this.h / 2); pushStyle(); rectMode(CENTER); fill(100, 100, 100, 50); rect(this.x, this.y, this.w + 20, this.h + 20, this.cornerRadius); noStroke(); fill(this.hover ? this.backColorHover : this.backColor); if(this.selected) { fill(this.backColorSelected); } rect(this.x, this.y, this.w, this.h, this.cornerRadius); fill(this.hover ? this.textColorHover : this.textColor); if(this.selected) { fill(this.textColorSelected); } textAlign(CENTER, CENTER); textSize(this.textSize); text(this.content, this.x, this.y); popStyle(); popMatrix(); }; //check if the mouse is over the button this.over = function() { return mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h; }; }; //plane buttons var PlaneButton = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.w = config.w \|\| 100; this.h = config.h \|\| 80; this.index = config.index \|\| 0; this.clicked = config.clicked \|\| function(){}; this.hover = false; this.enabled = config.enabled \|\| false; this.backColor = config.backColor \|\| color(217, 216, 214, 100); this.backColorHover = config.backColorHover \|\| color(77, 76, 76); this.draw = function() { //get if mouse currently over the button this.hover = this.over(); //if it's over the button... if (this.enabled && this.hover) { hover = true; //set hover to true if(clicked) { this.clicked(); //if clicked then run the button function } } //draw the button pushMatrix(); translate(this.w / 2, this.h / 2); pushStyle(); rectMode(CENTER); fill(100, 100, 100, 50); rect(this.x, this.y, this.w + 10, this.h + 10); noStroke(); fill(this.enabled && this.hover ? this.backColorHover : this.backColor); rect(this.x, this.y, this.w, this.h); imageMode(CENTER); try { image(game.planes[this.index].image, this.x, this.y, game.planes[this.index].image.width * 0.5, game.planes[this.index].image.height * 0.5); } catch(error) { } if(!this.enabled) { fill(100, 200); rect(this.x, this.y, this.w + 10, this.h + 10); } popStyle(); popMatrix(); }; //check if the mouse is over the button this.over = function() { return mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h; }; }; //Plane supertype var Plane = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.w = config.w \|\| 60; this.h = config.h \|\| ~~(this.w * 0.25); this.vx = config.vx \|\| 0; this.vy = config.vy \|\| 0; this.vamount = 0.2; this.vmax = 10; this.dir = 0; this.angleBody = 0; this.angle = config.angle \|\| 0; this.rotate_direction = config.rotate_direction \|\| random() < 0.5 ? 1 : -1; this.name = config.name \|\| "Plane"; this.hit = false; this.scale = 1; this.SCALE_MIN = 0.5; this.dead = false; this.bulletFrequency = config.bulletFrequency \|\| 20; //2 seconds this.bulletSpeed = config.bulletSpeed \|\| 5; this.bulletType = config.bulletType \|\| 1; this.turrets = config.turrets \|\| [ { x: 0, y: -this.h, w: 2, h: 6 }]; }; Plane.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); noStroke(); fill(71, 167, 196); rect(-this.w / 2, -this.h / 2, this.w, this.h, 50); rect(-this.w * 0.1, -this.h, this.w * 0.2, this.h * 3.2, 50, 50, 0, 0); popMatrix(); }; Plane.prototype.move = function() { if (this.x === this.w * 0.5) { this.vx = this.vamount; } else if (this.x === game.canvas.w - this.w * 0.5) { this.vx = -this.vamount; } else if(keys[LEFT] \|\| keys[65]) { //Left arrow or A this.vx -= this.vamount; this.dir = -1; } else if(keys[RIGHT] \|\| keys[68]) { //Right arrow or D this.vx += this.vamount; this.dir = 1; } else if(mouseIsPressed) { if(mouseX > this.x && mouseX < game.canvas.w) { //mobile move right this.vx += this.vamount; this.dir = 1; } else if(mouseX < this.x) { //mobile move left this.vx -= this.vamount; this.dir = -1; } } else if(this.dir === 1) { this.vx = constrain(this.vx - this.vamount * this.dir, 0, this.vmax); } else if(this.dir === -1) { this.vx = constrain(this.vx - this.vamount * this.dir, -this.vmax, 0); } }; Plane.prototype.update = function() { this.angleBody = this.vx; this.x = constrain(this.x + this.vx, this.w * 0.5, game.canvas.w - this.w * 0.5); }; Plane.prototype.run = function() { this.draw(); this.move(); this.update(); }; //Plane 1 - subtype of Plane var Plane1 = function(config) { config.name = "Plane 1"; Plane.call(this, config); }; Plane1.prototype = Object.create(Plane.prototype); Plane1.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); pushStyle(); imageMode(CENTER); scale(0.45); image(game.images.plane1, 0, 20); popStyle(); popMatrix(); }; //Plane 2 - subtype of Plane var Plane2 = function(config) { config.name = "Plane 2"; Plane.call(this, config); }; Plane2.prototype = Object.create(Plane.prototype); Plane2.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); pushMatrix(); scale(0.45); translate(-2, 30); image(game.images.plane2, 0, 0); popMatrix(); popMatrix(); }; //Plane 3 - subtype of Plane var Plane3 = function(config) { config.name = "Plane 3"; Plane.call(this, config); this.turrets = config.turrets \|\| [ { x: -this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }]; }; Plane3.prototype = Object.create(Plane.prototype); Plane3.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); pushMatrix(); scale(0.45); translate(-2, 30); image(game.images.plane3, 0, 0); popMatrix(); popMatrix(); }; //Plane 4 - subtype of Plane var Plane4 = function(config) { config.name = "Do-Do"; Plane.call(this, config); this.turrets = config.turrets \|\| [ { x: -this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }]; }; Plane4.prototype = Object.create(Plane.prototype); Plane4.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); pushStyle(); imageMode(CENTER); scale(0.45); image(game.images.plane4, 0, 20); popStyle(); popMatrix(); }; //Plane 5 - subtype of Plane var Plane5 = function(config) { config.name = "Plane 5"; Plane.call(this, config); this.turrets = config.turrets \|\| [ { x: 0, y: -this.h * 0.5, w: 2, h: 6 }, { x: -this.w * 0.3, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.3, y: -this.h * 0.5, w: 2, h: 6 }]; }; Plane5.prototype = Object.create(Plane.prototype); Plane5.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody); pushStyle(); imageMode(CENTER); scale(0.45); image(game.images.plane5, 0, 20); popStyle(); popMatrix(); }; //Enemy type - subtype of Plane var EnemyPlane = function(config) { config.name = "Enemy Plane"; Plane.call(this, config); this.ymax = 1.5; this.yvel = config.yvel \|\| random(0.1, 0.4); this.bulletSpeed = -5; this.bulletFrequency = config.bulletFrequency \|\| 60; this.sin_amount = config.sin_amount \|\| 0; this.index = config.index \|\| 0; this.used = config.used \|\| false; }; EnemyPlane.prototype = Object.create(Plane.prototype); EnemyPlane.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); noStroke(); fill(38, 128, 26); rect(-this.w / 2, -this.h / 2, this.w, this.h, 50); rect(-this.w * 0.1, -this.h * 2, this.w * 0.2, this.h * 3.2, 0, 0, 50, 50); popMatrix(); }; EnemyPlane.prototype.move = function() { if(this.dir === 1) { this.vx = constrain(this.vx - this.vamount * this.dir, 0, this.vmax); } else if(this.dir === -1) { this.vx = constrain(this.vx - this.vamount * this.dir, -this.vmax, 0); } this.vy = constrain(this.vy + this.yvel, 0, this.ymax); }; EnemyPlane.prototype.update = function() { if(this.hit) { this.angleBody = this.vx; } else { this.angleBody = -this.vx * 15; } this.y+= this.vy; this.x = this.x + this.vx; if(this.hit) { this.scale = constrain(this.scale - 0.005, this.SCALE_MIN, 1); if(this.scale === this.SCALE_MIN) { this.dead = true; } } }; EnemyPlane.prototype.run = function() { this.draw(); this.move(); this.update(); }; //Enemy 1 - subtype of EnemyPlane var Enemy1 = function(config) { EnemyPlane.call(this, config); this.name = "Enemy 1"; this.bulletFrequency = config.bulletFrequency \|\| 90; this.index = 0; this.turrets = config.turrets \|\| [ { x: 0, y: -this.h * 0.5, w: 2, h: 6 }]; }; Enemy1.prototype = Object.create(EnemyPlane.prototype); Enemy1.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); this.vx = sin(frameCount * this.sin_amount) * this.sin_amount; pushMatrix(); scale(1, -1); scale(0.35); translate(0, 30); image(game.images.enemyArmy1, 0, 0); popMatrix(); popMatrix(); }; //Enemy 2 - subtype of EnemyPlane var Enemy2 = function(config) { EnemyPlane.call(this, config); this.name = "Enemy 2"; this.bulletFrequency = config.bulletFrequency \|\| 90; this.index = 1; this.turrets = config.turrets \|\| [ { x: 0, y: -this.h * 0.5, w: 2, h: 6 }]; }; Enemy2.prototype = Object.create(EnemyPlane.prototype); Enemy2.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); this.vx = sin(frameCount * this.sin_amount) * this.sin_amount; pushMatrix(); scale(1, -1); scale(0.35); translate(0, 30); image(game.images.enemyArmy2, 0, 0); popMatrix(); popMatrix(); }; //Enemy 3 - subtype of EnemyPlane var Enemy3 = function(config) { EnemyPlane.call(this, config); this.name = "Enemy 3"; this.bulletFrequency = config.bulletFrequency \|\| 90; this.index = 2; this.turrets = config.turrets \|\| [ { x: -this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }]; }; Enemy3.prototype = Object.create(EnemyPlane.prototype); Enemy3.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); this.vx = sin(frameCount * this.sin_amount) * this.sin_amount; pushMatrix(); scale(1, -1); scale(0.35); translate(0, 30); image(game.images.enemyArmy3, 0, 0); popMatrix(); popMatrix(); }; //Enemy 4 - subtype of EnemyPlane var Enemy4 = function(config) { EnemyPlane.call(this, config); this.name = "Enemy 4"; this.bulletFrequency = config.bulletFrequency \|\| 90; this.index = 3; this.turrets = config.turrets \|\| [ { x: 0, y: -this.h * 0.5, w: 2, h: 6 }, { x: -this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.25, y: -this.h * 0.5, w: 2, h: 6 }]; }; Enemy4.prototype = Object.create(EnemyPlane.prototype); Enemy4.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); this.vx = sin(frameCount * this.sin_amount) * this.sin_amount; pushMatrix(); scale(1, -1); scale(0.35); translate(0, 30); image(game.images.enemyArmy4, 0, 0); popMatrix(); popMatrix(); }; //Enemy 5 - subtype of EnemyPlane var Enemy5 = function(config) { EnemyPlane.call(this, config); this.name = "Enemy 5"; this.bulletFrequency = config.bulletFrequency \|\| 90; this.index = 4; this.turrets = config.turrets \|\| [ { x: 0, y: -this.h * 0.5, w: 2, h: 6 }, { x: -this.w * 0.3, y: -this.h * 0.5, w: 2, h: 6 }, { x: this.w * 0.3, y: -this.h * 0.5, w: 2, h: 6 }]; }; Enemy5.prototype = Object.create(EnemyPlane.prototype); Enemy5.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angleBody + this.angle); scale(this.scale); this.vx = sin(frameCount * this.sin_amount) * this.sin_amount; pushMatrix(); scale(1, -1); scale(0.35); translate(0, 30); image(game.images.enemyArmy5, 0, 0); popMatrix(); popMatrix(); }; //Enemy base var EnemyBase = function(config) { this.x = config.x; this.y = config.y; this.diameter = config.diameter \|\| 30; this.range = config.range \|\| this.diameter * 10; this.inRange = false; this.angle = config.angle \|\| 0; this.delay = config.delay \|\| 120; //2 seconds this.speed = config.speed \|\| 3; this.hit = false; this.RECOIL_AMOUNT = 10; this.recoil = 0; this.draw = function() { pushMatrix(); translate(this.x, this.y); pushStyle(); if(this.hit) { noStroke(); fill(69, 82, 68, 150); rectMode(CENTER); rect(0, 0, this.diameter, this.diameter, 5, 5, 10, 10); noStroke(); fill(20, 20, 20, 100); ellipse(0, 0, this.diameter * 0.8, this.diameter * 0.8); rotate(this.angle); noStroke(); fill(20, 20, 20, 100); rect(0, 0, this.diameter * 0.4, this.diameter * 0.4); } else { noStroke(); fill(69, 82, 68, 150); rectMode(CENTER); rect(0, 0, this.diameter, this.diameter, 5, 5, 10, 10); noStroke(); fill(20, 20, 20, 100); ellipse(0, 0, this.diameter * 0.8, this.diameter * 0.8); rotate(this.angle); stroke(20, 20, 20, 200); strokeWeight(3); strokeCap(SQUARE); line(0, 0, 0, this.diameter * 0.7 - this.recoil); strokeWeight(5); line(0, this.diameter * 0.7 - this.recoil, 0, this.diameter * 0.5 - this.recoil); noStroke(); fill(20, 20, 20, 150); rect(0, 0, this.diameter * 0.4, this.diameter * 0.4); //range fill(0, 0, 0, 10); ellipse(0, 0, this.range, this.range); } popStyle(); popMatrix(); }; this.update = function() { this.recoil = constrain(this.recoil - 2, 0, this.RECOIL_AMOUNT); //only turn if within range of the plane if (!this.hit && dist(game.plane.x, game.plane.y, this.x, this.y) <= (this.range + game.plane.w / 2) / 2) { this.angle = atan2(game.plane.y - this.y, game.plane.x - this.x) - 90; this.inRange = true; } else { this.inRange = false; } this.y+= game.ground_speed; }; this.run = function() { this.draw(); this.update(); }; }; //Clouds var cloud = function(tx, ty) { this.x = 100; this.y = 100; this.xPos = this.x; this.yPos = this.y; this.w = random(80, 100); this.h = random(80, 100); this.tx = tx; this.ty = ty; var count = map(this.w + this.h, 50, 160, 50, 300); for(var i = 0; i < count; i++) { this.x = map(noise(this.tx++), 0, 1, this.xPos-this.w, this.xPos+this.w); this.y = map(noise(this.ty++), 0, 1, this.yPos-this.h, this.yPos+this.h); this.tx+= 0.01; this.ty+= 0.01; noStroke(); fill(247, 247, 242, 25); ellipse(this.x, this.y, random(5, 15), random(5, 15)); } }; //Main game object var Game = function(config) { //used to determine what scene to display this.scene = "load"; //used to set the current level this.level = 1; //contains settings for each of the levels this.levels = [ { //level 0 doesn't exist }, { //level 1 hits: 10, base_hits: 0, completed: false, frequency: 150, base_frequency: 0, base_range: 0, base_delay: 0, sin_frequency: 0, backColor: color(103, 143, 76), min: 0, //minimum enemy plane level max: 2 //maximum enemy plane level }, { //level 2 hits: 10, base_hits: 2, completed: false, frequency: 120, base_frequency: 240, base_range: 70, base_delay: 60, sin_frequency: 0.1, backColor: color(163, 152, 91), min: 0, max: 2 }, { //level 3 hits: 15, base_hits: 3, completed: false, frequency: 150, base_frequency: 240, base_range: 90, base_delay: 60, sin_frequency: 0.2, backColor: color(79, 123, 140), min: 0, max: 3 }, { //level 4 hits: 15, base_hits: 3, completed: false, frequency: 120, base_frequency: 240, base_range: 120, base_delay: 60, sin_frequency: 0.3, backColor: color(125, 124, 121), min: 0, max: 3 }, { //level 5 hits: 20, base_hits: 5, completed: false, frequency: 120, base_frequency: 240, base_range: 140, base_delay: 60, sin_frequency: 0.3, backColor: color(87, 122, 71), min: 2, max: 3 }, { //level 6 hits: 20, base_hits: 5, completed: false, frequency: 120, base_frequency: 180, base_range: 160, base_delay: 90, sin_frequency: 0.4, backColor: color(179, 112, 89), min: 2, max: 4 }, { //level 7 hits: 25, base_hits: 10, completed: false, frequency: 120, base_frequency: 180, base_range: 180, base_delay: 90, sin_frequency: 0.4, backColor: color(106, 118, 189), min: 2, max: 4 }, { //level 8 hits: 25, base_hits: 12, completed: false, frequency: 120, base_frequency: 180, base_range: 200, base_delay: 60, sin_frequency: 0.5, backColor: color(199, 187, 126), min: 3, max: 5 }, { //level 9 hits: 30, base_hits: 15, completed: false, frequency: 120, base_frequency: 180, base_range: 250, base_delay: 45, sin_frequency: 0.5, backColor: color(93, 148, 146), min: 3, max: 5 }, { //level 10 hits: 40, base_hits: 20, completed: false, frequency: 120, base_frequency: 180, base_range: 250, base_delay: 45, sin_frequency: 0.6, backColor: color(115, 179, 86), min: 3, max: 5 } ]; //contains the current highscores this.highscores = [ { name: "59kills", score: 343 }, { name: "Thai Nguyen", score: 319 }, { name: "werto2", score: 307 }, { name: "Doctor137", score: 299 }, { name: "ArktikFox", score: 292 }, { name: "jelly school", score: 408 }, { name: "Henry", score: 218 }, { name: "pUzzlehead", score: 259 }, { name: "wtheggland", score: 301 }, { name: "The Hydrogen Bomb", score: 358 } ]; //sorts the highscores in decending order this.highscores.sort(function(a, b) { return b.score - a.score; }); //used for shaking the plane when it's hit this.shake = 0; this.SHAKEDOWN = 0.1; //maximum health this.HEALTH_MAX = 100; //current health this.health = this.HEALTH_MAX; //used for the scene transitions this.endTimer = 0; this.transition = 255; this.TRANSITION_COLOR = color(40, 40, 40); this.TRANSITION_SPEED = 10; this.transitionActive = false; //holds the current, total and best scores this.score = 0; this.score_total = 0; this.score_best = 0; //holds the number of bases hit this.base_hits = 0; //holds the current canvas size this.canvas = { x: 0, y: 0, w: 450, h: 600 }; //holds the number of planes/bases destroyed this.planes_destroyed = 0; this.planes_destroyed_total = 0; this.bases_destroyed = 0; //array to hold the smoke this.smokes = []; //array to hold the explosions this.explosions = []; //array to hold the plane missiles this.planeMissiles = []; //array to hold the enemy missiles this.enemyMissiles = []; //manages the plane bombs this.can_bomb = true; this.bomb_speed = 2; this.BOMB_FREQUENCY = 60; this.bomb_timer = 0; this.bombs = []; //array to hold the enemy bases this.enemyBases = []; //array of the cloud images this.cloudImages = []; //array of the clouds this.cloudsAbove = []; this.cloudsBelow = []; //speed of the ground this.ground_speed = 1; //array to hold the ground objects this.ground = []; //array to hold the planes this.planes = [ { name: "Plane 1", plane: new Plane1({ x: this.canvas.w / 2, y: 480 }), image: undefined, info: "In early World War II, the F4U-1 Corsair fighter aircraft flies in intense land based battles against enemy fighters." }, { name: "Plane 2", plane: new Plane2({ x: this.canvas.w / 2, y: 480 }), image: undefined, info: "In early World War II, the F4U-1 Corsair fighter aircraft flies in intense land based battles against enemy fighters." }, { name: "Plane 3", plane: new Plane3({ x: this.canvas.w / 2, y: 480 }), image: undefined, info: "In early World War II, the F4U-1 Corsair fighter aircraft flies in intense land based battles against enemy fighters." }, { name: "Plane 4", plane: new Plane4({ x: this.canvas.w / 2, y: 480, }), image: undefined, info: "In early World War II, the F4U-1 Corsair fighter aircraft flies in intense land based battles against enemy fighters." }, { name: "Plane 5", plane: new Plane5({ x: this.canvas.w / 2, y: 480 }), image: undefined, info: "In early World War II, the F4U-1 Corsair fighter aircraft flies in intense land based battles against enemy fighters." } ]; //determines the current plane this.planeIndex = 0; //the actual plane this.plane = this.planes[this.planeIndex].plane; //array to hold the enemy planes this.enemyPlanes = []; //array to hold the enemy planes for reuse this.enemyPlanesRepository = []; //array to hold the grass this.grass = []; //plane buttons this.planeButtons = { plane1: new PlaneButton({ x: 475, y: 150, w: 100, h: 70, index: 0, enabled: true, clicked: function() { game.planeIndex = 0; game.setPlane(); } }), plane2: new PlaneButton({ x: 475, y: 240, w: 100, h: 70, index: 1, enabled: false, clicked: function() { game.planeIndex = 1; game.setPlane(); } }), plane3: new PlaneButton({ x: 475, y: 330, w: 100, h: 70, index: 2, enabled: false, clicked: function() { game.planeIndex = 2; game.setPlane(); } }), plane4: new PlaneButton({ x: 475, y: 420, w: 100, h: 70, index: 3, enabled: false, clicked: function() { game.planeIndex = 3; game.setPlane(); } }), plane5: new PlaneButton({ x: 475, y: 510, w: 100, h: 70, index: 4, enabled: false, clicked: function() { game.planeIndex = 4; game.setPlane(); } }) }; //buttons this.buttons = { play: new Button({ x: 155, y: 180, w: 140, h: 50, content: "Play", clicked: function() { game.level = 1; game.scene = "play"; game.resetLevels(); game.next(); game.reset(); } }), how: new Button({ x: 155, y: 260, w: 140, h: 50, content: "How", clicked: function() { game.transitionActive = true; game.scene = "how"; } }), history: new Button({ x: 155, y: 420, w: 140, h: 50, content: "History", clicked: function() { game.transitionActive = true; game.scene = "history"; } }), leaderboard: new Button({ x: 155, y: 340, w: 140, h: 50, content: "Leaderboard", textSize: 20, clicked: function() { game.transitionActive = true; game.scene = "leaderboard"; } }), home: new Button({ x: 155, y: 500, w: 140, h: 50, content: "Home", clicked: function() { game.transitionActive = true; game.level = 1; game.scene = "home"; } }), replay: new Button({ x: 155, y: 400, w: 140, h: 60, content: "Replay", clicked: function() { game.scene = "play"; game.next(); } }), continue: new Button({ x: 155, y: 400, w: 140, h: 60, content: "Continue", clicked: function() { game.scene = "play"; game.level++; game.next(); } }) }; //used for the noise patterns on the planes this.pattern = function(r, g, b, w, h, xf, yf, patch) { background(0, 0); var xoff = 0.0; for (var x = 0; x < w; x++) { var yoff = 0.0; for (var y = 0; y < h; y++) { var bright = map(noise(xoff, yoff), 0, 1, 0, 255); if(bright < patch) { stroke(r, g, b); } else { stroke(bright + r, bright + g, bright + b); } point(x, y); yoff += yf; } xoff += xf; } }; //draw the main plane (no noise pattern) this.drawPlane1 = function() { pushMatrix(); translate(-33, -16); scale(0.6); noStroke(); //Right Side //Wings fill(36, 53, 96); beginShape(); vertex(174, 63); bezierVertex(212, 62, 250, 66, 287, 69); bezierVertex(297, 80, 292, 95, 281, 107); bezierVertex(246, 112, 222, 116, 174, 116); endShape(CLOSE); //Body fill(34, 48, 84); beginShape(); vertex(174, 30); bezierVertex(179, 30, 184, 31, 184, 35); bezierVertex(188, 62, 188, 93, 186, 119); bezierVertex(183, 146, 180, 183, 174, 216); endShape(CLOSE); //Tail beginShape(); vertex(174, 190); vertex(212, 194); bezierVertex(220, 197, 224, 205, 218, 212); vertex(174, 216); endShape(CLOSE); //Cockpit fill(125, 126, 130); beginShape(); vertex(174, 93); bezierVertex(181, 99, 184, 116, 182, 124); vertex(174, 124); endShape(CLOSE); //Left - Mirror scale(-1, 1); translate(-this.canvas.w0.777, 0); //Wings fill(36, 53, 96); beginShape(); vertex(174, 63); bezierVertex(212, 62, 250, 66, 287, 69); bezierVertex(297, 80, 292, 95, 281, 107); bezierVertex(246, 112, 222, 116, 174, 116); endShape(CLOSE); //Body fill(34, 48, 84); beginShape(); vertex(174, 30); bezierVertex(179, 30, 184, 31, 184, 35); bezierVertex(188, 62, 188, 93, 186, 119); bezierVertex(183, 146, 180, 183, 174, 216); endShape(CLOSE); //Tail beginShape(); vertex(174, 190); vertex(212, 194); bezierVertex(220, 197, 224, 205, 218, 212); vertex(174, 216); endShape(CLOSE); //Cockpit fill(125, 126, 130); beginShape(); vertex(174, 93); bezierVertex(181, 99, 184, 116, 182, 124); vertex(174, 124); endShape(CLOSE); scale(-1, 1); translate(-this.canvas.w0.777, 0); translate(98, 85); fill(217, 226, 241); stroke(34, 47, 89); strokeWeight(2); rect(-25, -5, 50, 10); noStroke(); fill(34, 47, 89); ellipse(0, 0, 25, 25); fill(217, 226, 241); ellipse(0, 0, 10, 10); for(var i = 0; i < 5; i++) { rotate(72); triangle(0, -11, 5, 0, -5, 0); } popMatrix(); }; //draw the first shaped plane with noise pattern this.drawPlane2 = function() { background(0); pushMatrix(); translate(0, 0); scale(0.6); noStroke(); fill(255); //Right Side //Wings beginShape(); vertex(150, 71); vertex(262, 78); bezierVertex(267, 82, 269, 94, 266, 103); vertex(150, 118); endShape(CLOSE); //Tail beginShape(); vertex(150, 188); vertex(190, 206); bezierVertex(193, 209, 192, 216, 190, 222); vertex(156, 222); vertex(150, 212); endShape(CLOSE); //Body beginShape(); vertex(150, 52); vertex(158, 52); vertex(161, 57); vertex(153, 225); vertex(150, 225); endShape(CLOSE); //top beginShape(); vertex(150, 52); vertex(158, 52); vertex(161, 57); vertex(150, 57); endShape(CLOSE); //Cockpit beginShape(); vertex(150, 95); vertex(155, 98); bezierVertex(155, 126, 154, 133, 152, 135); vertex(150, 137); endShape(CLOSE); //Left - Mirror scale(-1, 1); translate(-this.canvas.w0.670, 0); //Wings beginShape(); vertex(150, 71); vertex(262, 78); bezierVertex(267, 82, 269, 94, 266, 103); vertex(150, 118); endShape(CLOSE); //Tail beginShape(); vertex(150, 188); vertex(190, 206); bezierVertex(193, 209, 192, 216, 190, 222); vertex(156, 222); vertex(150, 212); endShape(CLOSE); //Body beginShape(); vertex(150, 52); vertex(158, 52); vertex(161, 57); vertex(153, 225); vertex(150, 225); endShape(CLOSE); //top beginShape(); vertex(150, 52); vertex(158, 52); vertex(161, 57); vertex(150, 57); endShape(CLOSE); //Cockpit beginShape(); vertex(150, 95); vertex(155, 98); bezierVertex(155, 126, 154, 133, 152, 135); vertex(150, 137); endShape(CLOSE); popMatrix(); }; //draw the second shaped plane with noise pattern this.drawPlane3 = function() { background(0); pushMatrix(); translate(-33, -16); scale(0.6); noStroke(); fill(255); //Right Side //Wings beginShape(); vertex(174, 63); bezierVertex(212, 62, 250, 66, 287, 69); bezierVertex(297, 80, 292, 95, 281, 107); bezierVertex(246, 112, 222, 116, 174, 116); endShape(CLOSE); //Body beginShape(); vertex(174, 30); bezierVertex(179, 30, 184, 31, 184, 35); bezierVertex(188, 62, 188, 93, 186, 119); bezierVertex(183, 146, 180, 183, 174, 216); endShape(CLOSE); //Tail beginShape(); vertex(174, 190); vertex(212, 194); bezierVertex(220, 197, 224, 205, 218, 212); vertex(174, 216); endShape(CLOSE); //Cockpit beginShape(); vertex(174, 93); bezierVertex(181, 99, 184, 116, 182, 124); vertex(174, 124); endShape(CLOSE); //Left - Mirror scale(-1, 1); translate(-this.canvas.w0.777, 0); //Wings beginShape(); vertex(174, 63); bezierVertex(212, 62, 250, 66, 287, 69); bezierVertex(297, 80, 292, 95, 281, 107); bezierVertex(246, 112, 222, 116, 174, 116); endShape(CLOSE); //Body beginShape(); vertex(174, 30); bezierVertex(179, 30, 184, 31, 184, 35); bezierVertex(188, 62, 188, 93, 186, 119); bezierVertex(183, 146, 180, 183, 174, 216); endShape(CLOSE); //Tail beginShape(); vertex(174, 190); vertex(212, 194); bezierVertex(220, 197, 224, 205, 218, 212); vertex(174, 216); endShape(CLOSE); //Cockpit beginShape(); vertex(174, 93); bezierVertex(181, 99, 184, 116, 182, 124); vertex(174, 124); endShape(CLOSE); scale(-1, 1); translate(-this.canvas.w0.777, 0); translate(98, 85); fill(217, 226, 241); stroke(34, 47, 89); strokeWeight(2); rect(-25, -5, 50, 10); noStroke(); fill(34, 47, 89); ellipse(0, 0, 25, 25); fill(217, 226, 241); ellipse(0, 0, 10, 10); for(var i = 0; i < 5; i++) { rotate(72); triangle(0, -11, 5, 0, -5, 0); } popMatrix(); }; //draw the enemy planes with noise patterns this.drawEnemyPlane = function() { background(0); fill(255); pushMatrix(); translate(-42, -68); scale(0.7); noStroke(); //Right Side //Wings beginShape(); vertex(180, 118); vertex(278, 122); bezierVertex(300, 127, 304, 138, 290, 152); vertex(276, 156); vertex(180, 177); endShape(CLOSE); //Body beginShape(); vertex(180, 100); vertex(182, 100); vertex(187, 105); vertex(190, 117); vertex(190, 181); vertex(186, 230); vertex(183, 260); vertex(180, 286); endShape(CLOSE); //Tail beginShape(); vertex(180, 258); vertex(211, 262); bezierVertex(217, 267, 218, 276, 210, 282); vertex(184, 282); vertex(180, 274); endShape(CLOSE); //Cockpit fill(95, 95, 97); beginShape(); vertex(180, 143); bezierVertex(183, 144, 188, 157, 186, 168); vertex(180, 173); endShape(CLOSE); //shading on wings bezier(190, 118, 192, 137, 192, 159, 191, 173); //Left - Mirror scale(-1, 1); translate(-this.canvas.w0.802, 0); //Wings noStroke(); fill(255); beginShape(); vertex(180, 118); vertex(278, 122); bezierVertex(300, 127, 304, 138, 290, 152); vertex(276, 156); vertex(180, 177); endShape(CLOSE); //Body beginShape(); vertex(180, 100); vertex(182, 100); vertex(187, 105); vertex(190, 117); vertex(190, 181); vertex(186, 230); vertex(183, 260); vertex(180, 286); endShape(CLOSE); //Tail beginShape(); vertex(180, 258); vertex(211, 262); bezierVertex(217, 267, 218, 276, 210, 282); vertex(184, 282); vertex(180, 274); endShape(CLOSE); //Cockpit fill(95, 95, 97); beginShape(); vertex(180, 143); bezierVertex(183, 144, 188, 157, 186, 168); vertex(180, 173); endShape(CLOSE); //shading on wings bezier(190, 118, 192, 137, 192, 159, 191, 173); stroke(95, 95, 97); strokeWeight(2); line(180, 265, 180, 275); popMatrix(); }; //initialize certain game objects this.init = function() { //pre-load 5 of each enemy plane for reuse for(var i = 0; i < 5; i++) { this.enemyPlanesRepository.push(new Enemy1({index: 0})); this.enemyPlanesRepository.push(new Enemy2({index: 1})); this.enemyPlanesRepository.push(new Enemy3({index: 2})); this.enemyPlanesRepository.push(new Enemy4({index: 3})); this.enemyPlanesRepository.push(new Enemy5({index: 4})); } //load the ground for(var col = 0; col < this.canvas.w; col+= 50) { for(var row = -50; row < this.canvas.h; row+= 50) { this.ground.push({ x: col, y: row, w: 50, h: 50, color: color(random(100, 120), random(100, 110), random(10, 20)), opacity: ~~random(50, 100) }); } } //load the cloud images var cloudImage; for(var i = 0; i < 10; i++) { background(0, 0, 0, 0); cloud(~~random(10, 1000), ~~random(10, 1000)); cloudImage = get(50, 50, 110, 110); this.cloudImages.push(cloudImage); } //load the plane images this.images = { plane1: function() { background(0, 0, 0, 0); game.drawPlane1(); return get(0, 0, 143, 115); }, plane2: function() { background(0, 0, 0, 0); game.drawPlane2(); var planeShape = get(10, 0, 155, 171); game.pattern(0, 0, 40, 155, 171, 0.04, 0.04, 125); var patternMask = get(10, 0, 155, 171); patternMask.mask(planeShape); return patternMask; }, plane3: function() { background(0, 0, 0, 0); game.drawPlane2(); var planeShape = get(10, 0, 155, 171); game.pattern(0, 20, 0, 155, 171, 0.1, 0.016, 125); var patternMask = get(10, 0, 155, 171); patternMask.mask(planeShape); return patternMask; }, plane4: function() { background(0, 0, 0, 0); game.drawPlane3(); var planeShape = get(0, 0, 143, 115); game.pattern(60, 60, 0, 143, 115, 0.024, 0.016, 125); var patternMask = get(0, 0, 143, 115); patternMask.mask(planeShape); return patternMask; }, plane5: function() { background(0, 0, 0, 0); game.drawPlane3(); var planeShape = get(0, 0, 143, 115); game.pattern(100, 60, 0, 143, 115, 0.042, 0.017, 120); var patternMask = get(0, 0, 143, 115); patternMask.mask(planeShape); return patternMask; }, enemyArmy1: function() { background(0, 0, 0, 0); game.drawEnemyPlane(); var planeShape = get(0, 0, 168, 131); game.pattern(0, 0, 0, 168, 131, 0.4, 0.4, 130); var patternMask = get(0, 0, 168, 131); patternMask.mask(planeShape); return patternMask; }, enemyArmy2: function() { background(0, 0, 0, 0); game.drawEnemyPlane(); var planeShape = get(0, 0, 168, 131); game.pattern(62, 46, 34, 168, 131, 0.02, 0.02, 120); var patternMask = get(0, 0, 168, 131); patternMask.mask(planeShape); return patternMask; }, enemyArmy3: function() { background(0, 0, 0, 0); game.drawEnemyPlane(); var planeShape = get(0, 0, 168, 131); game.pattern(0, 60, 0, 168, 131, 0.02, 0.1, 120); var patternMask = get(0, 0, 168, 131); patternMask.mask(planeShape); return patternMask; }, enemyArmy4: function() { background(0, 0, 0, 0); game.drawEnemyPlane(); var planeShape = get(0, 0, 168, 131); game.pattern(0, 0, 80, 168, 131, 0.04, 0.03, 120); var patternMask = get(0, 0, 168, 131); patternMask.mask(planeShape); return patternMask; }, enemyArmy5: function() { background(0, 0, 0, 0); game.drawEnemyPlane(); var planeShape = get(0, 0, 168, 131); game.pattern(60, 60, 60, 168, 131, 0.11, 0.17, 140); var patternMask = get(0, 0, 168, 131); patternMask.mask(planeShape); return patternMask; } }; }; //resets at the start of the game this.reset = function() { this.planes_destroyed = 0; this.bases_destroyed = 0; //disabled all but the first plane button this.planeButtons.plane2.enabled = false; this.planeButtons.plane3.enabled = false; this.planeButtons.plane4.enabled = false; this.planeButtons.plane5.enabled = false; //reset the plane to the first one this.planeIndex = 0; this.setPlane(); }; //resets at the start of the game and beginning of each level this.next = function() { this.health = this.HEALTH_MAX; this.score = 0; this.shake = 0; this.base_hits = 0; this.endTimer = 0; this.transition = 255; this.transitionActive = false; this.plane.hit = false; this.plane.dead = false; this.plane.vx = 0; this.plane.vy = 0; //clears arrays using length = 0 for better performance this.smokes.length = 0; this.explosions.length = 0; this.planeMissiles.length = 0; this.enemyMissiles.length = 0; this.enemyPlanes.length = 0; this.enemyBases.length = 0; this.bombs.length = 0; this.cloudsAbove.length = 0; this.cloudsBelow.length = 0; //add clouds to the initial start screen of the level for(var i = 0; i < 10; i++) { this.cloudsAbove.push({ x: random(50, this.canvas.w - 50), y: random(-100, height), index: ~~random(this.cloudImages.length), w: random(100, 200), h: random(100, 200), speed: random() < 0.33 ? 0.75 : random() < 0.5 ? 0.8 : 1 //this.ground_speed }); this.cloudsBelow.push({ x: random(50, this.canvas.w - 50), y: random(-100, height), index: ~~random(this.cloudImages.length), w: random(70, 120), h: random(70, 120), speed: random() < 0.33 ? 0.75 : random() < 0.5 ? 0.8 : 1 //this.ground_speed }); } //reset the mines repository so that they can all be used for(var i = 0; i < this.enemyPlanesRepository.length; i++) { this.enemyPlanesRepository[i].used = false; } }; //reset the levels this.resetLevels = function() { //sets all levels to NOT completed for(var i = 1; i < this.levels.length; i++) { this.levels[i].completed = false; } }; //check for standard collisions this.collision = function(obj1, obj2) { if( obj1.x + obj1.w / 2 > obj2.x - obj2.w / 2 && obj1.y + obj1.h / 2 > obj2.y - obj2.h / 2 && obj1.x - obj1.w / 2 < obj2.x + obj2.w / 2 && obj1.y - obj1.h / 2 < obj2.y + obj2.h / 2) { return true; } return false; }; //check for bomb to base collisions this.bombCollision = function(obj1, obj2) { //collision double distance to allow for splash damage if (dist(obj1.x, obj1.y, obj2.x, obj2.y) <= (obj1.diameter + obj2.diameter)) { return true; } return false; }; //used to shake the screen this.shakeScreen = function() { //if there is a shake if(this.shake > 0) { //slowly reduce the shaking this.shake = lerp(this.shake, 0, this.SHAKEDOWN); //perform a random translate vertically translate(0, round(random(-this.shake, this.shake))); } }; //used for transitions of the scenes this.runTransition = function() { //manages the transition effect between scenes if(this.transitionActive) { this.transition = constrain(this.transition - this.TRANSITION_SPEED, 0, 255); fill(this.TRANSITION_COLOR, this.transition); rect(0, 0, width, height); if(this.transition === 0) { this.transitionActive = false; this.transition = 255; } } }; //run the missiles for the plane this.runPlaneMissiles = function() { noStroke(); //display each of the plane missiles for(var i = this.planeMissiles.length - 1; i >= 0; i--) { var missile = this.planeMissiles[i]; pushMatrix(); translate(missile.x, missile.y); rotate(missile.angle); fill(23, 23, 23); rect(0, 0, missile.w, missile.h); popMatrix(); //move the missile towards the target missile.x+= missile.vx; missile.y+= missile.vy; //if the missile goes off the screen then remove it if(missile.y < -10) { this.planeMissiles.splice(i, 1); } else { //check for missile hit on enemy planes for(var j = 0; j < this.enemyPlanes.length; j++) { if(!this.enemyPlanes[j].hit && this.collision(missile, this.enemyPlanes[j])) { this.enemyPlanes[j].hit = true; this.planes_destroyed++; this.score++; //add explosion at point of contact this.explosions.push({ x: missile.x, y: missile.y, opacity: 255, opacity_speed: 5, diameter: 2, vy: this.enemyPlanes[j].vy }); this.planeMissiles.splice(i, 1); break; } } } //if all mission requirements have been met then set the level as complete if(this.score >= this.levels[this.level].hits && this.base_hits >= this.levels[this.level].base_hits) { this.levels[this.level].complete = true; return; } } }; //run the missiles for the enemy planes this.runEnemyMissiles = function() { noStroke(); //display each of the plane missiles for(var i = this.enemyMissiles.length - 1; i >= 0; i--) { var missile = this.enemyMissiles[i]; pushMatrix(); translate(missile.x, missile.y); rotate(missile.angle); fill(23, 23, 23); rect(0, 0, missile.w, missile.h); popMatrix(); //move the missile towards the target missile.x+= missile.vx; missile.y+= missile.vy; //if the missile goes off the screen then remove it if(missile.y > height + 10) { this.enemyMissiles.splice(i, 1); } else { //check for missile hit on the plane if(this.collision(missile, this.plane)) { this.health-= 10; this.plane.hit = true; //shake the plane this.shake = 5; if(this.health <= 0) { this.plane.dead = true; } this.enemyMissiles.splice(i, 1); return; } } } }; //run the enemy bases this.runEnemyBases = function() { //go through each of the bases for(var i = this.enemyBases.length - 1; i >= 0; i--) { this.enemyBases[i].run(); //if plane is in range and no delay then fire a missile if(this.enemyBases[i].inRange && frameCount % this.enemyBases[i].delay === 0) { //get the current angle to the plane var angle = atan2(this.plane.y - this.enemyBases[i].y, this.plane.x - this.enemyBases[i].x); //add a new enemy missile this.enemyMissiles.push({ x: this.enemyBases[i].x, y: this.enemyBases[i].y, w: 2, h: 3, speed: this.enemyBases[i].speed, vx: this.enemyBases[i].speed * cos(angle), vy: this.enemyBases[i].speed * sin(angle), angle: angle }); this.enemyBases[i].recoil = this.enemyBases[i].RECOIL_AMOUNT; } //if the enemy bases goes off the screen then remove it if(this.enemyBases[i].y - this.enemyBases.diameter > height) { this.enemyBases.splice(i, 1); } } }; //run the ground this.runGround = function() { //display the moving ground noStroke(); background(this.levels[this.level].backColor); for(var i = 0; i < this.ground.length; i++) { fill(0, this.ground[i].opacity); rect(this.ground[i].x, this.ground[i].y, this.ground[i].w, this.ground[i].h); this.ground[i].y+= this.ground_speed; if(this.ground[i].y >= height) { this.ground[i].y = -this.ground[i].h; } } }; //check for plane to plane collisions this.checkPlaneCollision = function() { //check if the plane collides with an enemy plane for(var i = 0; i < this.enemyPlanes.length; i++) { if(!this.enemyPlanes[i].hit && this.collision(this.plane, this.enemyPlanes[i])) { this.enemyPlanes[i].hit = true; this.planes_destroyed++; this.health-= 10; //shake the plane this.shake = 5; //if the plane health is zero then it's game over if(this.health <= 0) { this.plane.dead = true; } } } }; //run any explosions this.runExplosions = function() { noStroke(); //display each of the explosions for(var i = this.explosions.length - 1; i >= 0; i--) { var explosion = this.explosions[i]; fill(232, 60, 25, explosion.opacity); ellipse(explosion.x, explosion.y, explosion.diameter, explosion.diameter); explosion.opacity-= explosion.opacity_speed; explosion.diameter+= 0.25; explosion.y+= explosion.vy; if(explosion.opacity <= 0) { this.explosions.splice(i, 1); } } }; //run any smoke this.runSmoke = function() { noStroke(); //display all the smoke for(var i = this.smokes.length - 1; i >= 0; i--) { var smoke = this.smokes[i]; fill(smoke.color, smoke.opacity); ellipse(smoke.x, smoke.y, smoke.diameter, smoke.diameter); smoke.opacity-=2; smoke.diameter-= 0.1; smoke.y += smoke.vy; if(smoke.opacity <= 0) { this.smokes.splice(i, 1); } } }; //run the bombs this.runBombs = function() { //if the user presses the F key and can fire then launch a new bomb if(keys[70] && this.can_bomb) { //F key this.bombs.push({ x: this.plane.x, y: this.plane.y, diameter: 10, speed: this.bomb_speed, type: this.plane.bulletType, vx: this.bomb_speed * cos(this.plane.angleBody * 1.5 - 90), vy: this.bomb_speed * sin(this.plane.angleBody * 1.5 - 90), angle: this.plane.angleBody, scale: 1, SCALE_MIN: 0.5, dead: false }); this.bomb_timer = 0; this.can_bomb = false; } this.bomb_timer = constrain(this.bomb_timer + 1, 0, this.BOMB_FREQUENCY); if(this.bomb_timer === this.BOMB_FREQUENCY) { this.can_bomb = true; } //display each of the bombs noStroke(); for(var i = this.bombs.length - 1; i >= 0; i--) { var bomb = this.bombs[i]; pushMatrix(); translate(bomb.x, bomb.y); rotate(bomb.angle); bomb.scale = constrain(bomb.scale - 0.005, bomb.SCALE_MIN, 1); scale(bomb.scale); if(bomb.scale === bomb.SCALE_MIN) { bomb.dead = true; } fill(23, 23, 23); ellipse(0, 0, bomb.diameter, bomb.diameter); popMatrix(); //move the bombs towards the target bomb.x+= bomb.vx; bomb.y+= bomb.vy; //if bomb goes off the screen then remove it if(bomb.y < -bomb.diameter) { this.bombs.splice(i, 1); } else if(bomb.dead) { //if the bomb is dead (hits the ground) then check //to see if it hit an enemy base for(var j = 0; j < this.enemyBases.length; j++) { if(!this.enemyBases[j].hit && this.bombCollision(bomb, this.enemyBases[j])) { this.enemyBases[j].hit = true; this.base_hits++; this.bases_destroyed++; break; } } //add explosion at point of contact this.explosions.push({ x: bomb.x, y: bomb.y, opacity: 200, opacity_speed: 5, diameter: bomb.diameter * 2, vy: this.ground_speed }); //remove the bomb this.bombs.splice(i, 1); } //if all mission requirements have been met then set the level as complete if(this.score >= this.levels[this.level].hits && this.base_hits >= this.levels[this.level].base_hits) { this.levels[this.level].complete = true; return; } } }; //run the clouds above the planes this.runCloudsAbove = function() { //display the clouds above the planes for(var i = this.cloudsAbove.length - 1; i >= 0; i--) { image(this.cloudImages[this.cloudsAbove[i].index], this.cloudsAbove[i].x, this.cloudsAbove[i].y, this.cloudsAbove[i].w, this.cloudsAbove[i].h); this.cloudsAbove[i].y+= this.cloudsAbove[i].speed; //if the cloud goes off the screen then reset it if(this.cloudsAbove[i].y - 100 > height) { this.cloudsAbove[i].x = random(50, this.canvas.w - 50); this.cloudsAbove[i].y = -100; this.cloudsAbove[i].index = ~~random(this.cloudImages.length); this.cloudsAbove[i].w = random(100, 200); this.cloudsAbove[i].h = random(100, 200); this.cloudsAbove[i].speed = random() < 0.33 ? 0.75 : random() < 0.5 ? 0.8 : 1; //this.ground_speed } } }; //run the clouds below the planes this.runCloudsBelow = function() { //display the clouds below the planes for(var i = this.cloudsBelow.length - 1; i >= 0; i--) { image(this.cloudImages[this.cloudsBelow[i].index], this.cloudsBelow[i].x, this.cloudsBelow[i].y, this.cloudsBelow[i].w, this.cloudsBelow[i].h); this.cloudsBelow[i].y+= this.cloudsBelow[i].speed; //if the cloud goes off the screen then reset it if(this.cloudsBelow[i].y - 100 > height) { this.cloudsBelow[i].x = random(50, this.canvas.w - 50); this.cloudsBelow[i].y = -100; this.cloudsBelow[i].index = ~~random(this.cloudImages.length); this.cloudsBelow[i].w = random(70, 120); this.cloudsBelow[i].h = random(70, 120); this.cloudsBelow[i].speed = random() < 0.33 ? 0.75 : random() < 0.5 ? 0.8 : 1; //this.ground_speed } } }; //gets a new enemy plane from the enemy repository this.getPlane = function(index, config) { //looks through the repository and finds the first available unused meteor for(var i = 0; i < this.enemyPlanesRepository.length; i++) { //if it finds one then reset properties and return it if(this.enemyPlanesRepository[i].index === index && this.enemyPlanesRepository[i].used === false) { this.enemyPlanesRepository[i].x = config.x \|\| ~~random(50, this.canvas.w-50); this.enemyPlanesRepository[i].y = config.y \|\| -100; this.enemyPlanesRepository[i].sin_amount = config.sin_amount \|\| random() < 0.1 ? 0 : random(1, 2); this.enemyPlanesRepository[i].hit = false; this.enemyPlanesRepository[i].scale = 1; this.enemyPlanesRepository[i].dead = false; this.enemyPlanesRepository[i].angle = 0; this.enemyPlanesRepository[i].used = true; return this.enemyPlanesRepository[i]; } } //if no plane found in the repository then return a new plane object var plane; switch(index) { case 0: plane = new Enemy1({}); break; case 1: plane = new Enemy2({}); break; case 2: plane = new Enemy3({}); break; case 3: plane = new Enemy4({}); break; default: plane = new Enemy5({}); break; } plane.x = config.x \|\| ~~random(50, this.canvas.w-50); plane.y = config.y \|\| -100; plane.sin_amount = config.sin_amount \|\| random() < 0.1 ? 0 : random(1, 2); plane.used = true; //add the new meteor to the repository for resue this.enemyPlanesRepository.push(plane); return plane; }; //sets the current plane this.setPlane = function() { //gets the current plane properties var options = { x: this.plane.x, y: this.plane.y, hit: this.plane.hit, vx: this.plane.vx, vy: this.plane.vy }; //changes the plane and sets the current properties this.plane = this.planes[this.planeIndex].plane; this.plane.x = options.x; this.plane.y = options.y; this.plane.hit = options.hit; this.plane.vx = options.vx; this.plane.vy = options.vy; }; //displays the stats this.stats = function() { pushStyle(); noStroke(); fill(40, 40, 40); textSize(20); textAlign(RIGHT); text(this.health + "%", 440, 30); textAlign(CENTER); text("SCORE: " + (this.score_total + this.score + this.base_hits), 225, 30); textAlign(LEFT); text("LEVEL: " + this.level, 10, 30); popStyle(); }; //displays the mission information this.mission = function() { //displays the mission info in the right column pushStyle(); noStroke(); fill(40, 40, 40); textSize(24); textAlign(CENTER); text("MISSION", 525, 30); textSize(20); textAlign(RIGHT); text("Planes:\nBases:", 535, 70); text( constrain((this.levels[this.level].hits - this.score), 0, this.levels[this.level].hits) + "\n" + constrain((this.levels[this.level].base_hits - this.base_hits), 0, this.levels[this.level].base_hits), 570, 70); popStyle(); }; //displays the plane buttons in the right column this.displayPlanes = function() { //displays the plane buttons in the right column this.planeButtons.plane1.draw(); this.planeButtons.plane2.draw(); this.planeButtons.plane3.draw(); this.planeButtons.plane4.draw(); this.planeButtons.plane5.draw(); }; //displays the replay screen this.replay = function() { //run the moving ground this.runGround(); //display the mission info this.mission(); //display the title and game stats pushStyle(); textAlign(CENTER); rectMode(CENTER); noStroke(); fill(255, 70); rect(225, 300, 380, 540); fill(0, 150); textSize(35); text("Mission Over", 225, 100); textSize(22); text("Score: " + (this.score + this.base_hits + this.score_total) + "\nBest Score: " + this.score_best + "\n\nTotal Planes\nDestroyed: " + this.planes_destroyed_total + "\n\nTotal Bases\nDestroyed: " + this.bases_destroyed, 225, 150); popStyle(); //display the plane buttons in the right column this.displayPlanes(); //display the buttons this.buttons.replay.draw(); this.buttons.home.draw(); }; //plays the actual game this.play = function() { //display the moving ground this.runGround(); //display the stats this.stats(); //display the mission info this.mission(); //periodically add a new enemy plane if(frameCount % this.levels[this.level].frequency === 0) { //add a new plane from the enemy plane repository this.enemyPlanes.push( this.getPlane( ~~random(this.levels[this.level].min, this.levels[this.level].max), { x: ~~random(10, this.canvas.w-50), y: -100, sin_amount: random() < this.levels[this.level].sin_frequency ? 0 : random(1, 2) } )); } //periodically add a new enemy base if(this.levels[this.level].base_frequency > 0 && frameCount % this.levels[this.level].base_frequency === 0) { this.enemyBases.push(new EnemyBase({ x: random(20, 430), y: -50, diameter: 30, range: this.levels[this.level].base_range, delay: this.levels[this.level].base_delay })); } //periodically add new plane missiles based on missile frequency if(frameCount % this.plane.bulletFrequency === 0) { for(var i = 0; i < this.plane.turrets.length; i++) { var angle = this.plane.angleBody; this.planeMissiles.push({ x: this.plane.x + this.plane.turrets[i].x - this.plane.turrets[i].w / 2, y: this.plane.y + this.plane.turrets[i].y - this.plane.turrets[i].h / 2, w: this.plane.turrets[i].w, h: this.plane.turrets[i].h, speed: this.plane.bulletSpeed, type: this.plane.bulletType, vx: this.plane.bulletSpeed * cos(this.plane.angleBody * 1.5 - 90), vy: this.plane.bulletSpeed * sin(this.plane.angleBody * 1.5 - 90), angle: angle }); } } //if the level is complete if(this.levels[this.level].complete) { //if it was the last level then finish game, otherwise just complete if(this.level === this.levels.length - 1) { this.scene = "finish"; } else { this.scene = "complete"; } //add total planes destroyed and score this.planes_destroyed_total+= this.planes_destroyed; this.score_total+= this.score + this.base_hits; if(this.score_total > this.score_best) { this.score_best = this.score_total; } return; } //if the plane is dead then replay the level if(this.plane.dead) { this.scene = "replay"; this.planes_destroyed_total+= this.planes_destroyed; if(this.score_total + this.score + this.base_hits > this.score_best) { this.score_best = this.score_total + this.score + this.base_hits; } return; } //otherwise if the plane is hit then display smoke from the plane else if(this.plane.hit && frameCount % 8 === 0) { this.smokes.push({ x: this.plane.x, y: this.plane.y + 30, opacity: ~~random(220, 255), color: color(~~random(120, 150)), diameter: 10, vy: 2 }); } //go through each enemy plane for(var i = this.enemyPlanes.length - 1; i >= 0; i--) { //if the enemy plane isn't hit and missile frequency at zero the add missle if(!this.enemyPlanes[i].hit && frameCount % this.enemyPlanes[i].bulletFrequency === 0) { //add missile from each of the turrets (1, 2 or 3 turrets) for(var j = 0; j < this.enemyPlanes[i].turrets.length; j++) { var angle = this.enemyPlanes[i].angleBody; this.enemyMissiles.push({ x: this.enemyPlanes[i].x + this.enemyPlanes[i].turrets[j].x - this.enemyPlanes[i].turrets[j].w / 2, y: this.enemyPlanes[i].y + this.enemyPlanes[i].turrets[j].y - this.enemyPlanes[i].turrets[j].h / 2, w: this.enemyPlanes[i].turrets[j].w, h: this.enemyPlanes[i].turrets[j].h, speed: this.enemyPlanes[i].bulletSpeed, type: this.enemyPlanes[i].bulletType, vx: this.enemyPlanes[i].bulletSpeed * cos(this.enemyPlanes[i].angleBody * 1.5 - 90), vy: this.enemyPlanes[i].bulletSpeed * sin(this.enemyPlanes[i].angleBody * 1.5 - 90), angle: angle }); } } //if the enemy plane is dead the add a new explosion and remove the plane if(this.enemyPlanes[i].dead) { this.explosions.push({ x: this.enemyPlanes[i].x, y: this.enemyPlanes[i].y, opacity: 255, opacity_speed: 2, diameter: 5, vy: this.ground_speed }); this.enemyPlanes[i].used = false; this.enemyPlanes.splice(i, 1); } //otherwise if the enemy plane is hit then display smoke from the plane else if(this.enemyPlanes[i].hit) { this.enemyPlanes[i].angle+= 1 * this.enemyPlanes[i].rotate_direction; if(frameCount % 8 === 0) { this.smokes.push({ x: this.enemyPlanes[i].x, y: this.enemyPlanes[i].y, opacity: ~~random(220, 255), color: color(~~random(120, 150)), diameter: 10, vy: 0 }); } } } //run the enemy bases this.runEnemyBases(); //run the clouds below the planes this.runCloudsBelow(); //run the bombs this.runBombs(); //run the smoke this.runSmoke(); //run the plane missiles this.runPlaneMissiles(); //run the enemy missiles this.runEnemyMissiles(); //run each of the enemy planes for(var i = this.enemyPlanes.length - 1; i >= 0; i--) { this.enemyPlanes[i].run(); //if the enemy plane goes off the screen then remove it if(this.enemyPlanes[i].y > height + 100) { this.enemyPlanes[i].used = false; this.enemyPlanes.splice(i, 1); } } //run the plane and shake if it gets hit pushMatrix(); this.shakeScreen(); this.plane.run(); popMatrix(); //run the explosions this.runExplosions(); //if level 2 and no bases have been hit then //display prompt to press F to fire bombs if(this.level === 2 && this.base_hits === 0) { pushStyle(); noStroke(); textAlign(CENTER, CENTER); textSize(22); fill(240, 240, 240, 180); text("Press F to fire bombs at the bases", this.canvas.w / 2, 400); popStyle(); } //run the clouds above the planes this.runCloudsAbove(); //check if the plane collides with an enemy plane this.checkPlaneCollision(); //display the plane buttons on the right column this.displayPlanes(); }; //displays the level complete screen this.complete = function() { //run the moving ground this.runGround(); //display the mission info this.mission(); //display the title and game stats pushStyle(); textAlign(CENTER); rectMode(CENTER); noStroke(); fill(255, 70); rect(225, 300, 380, 540); fill(0, 150); textSize(35); text("Mission Complete", 225, 80); textSize(22); text("Score: " + this.score_total + "\nBest Score: " + this.score_best + "\n\nTotal Planes\nDestroyed: " + this.planes_destroyed_total + "\n\nTotal Bases\nDestroyed: " + this.bases_destroyed, 225, 130); //set the appropriate plane buttons to enabled if(this.level === 1) { this.planeButtons.plane2.enabled = true; this.planeIndex = 1; this.setPlane(); } else if(this.level === 3) { this.planeButtons.plane3.enabled = true; this.planeIndex = 2; this.setPlane(); } else if(this.level === 5) { this.planeButtons.plane4.enabled = true; this.planeIndex = 3; this.setPlane(); } else if(this.level === 7) { this.planeButtons.plane5.enabled = true; this.planeIndex = 4; this.setPlane(); } //display if new plane has been unlocked switch(this.level) { case 1: case 3: case 5: case 7: pushMatrix(); translate(225, 350); rotate(sin(frameCount * 3) * 5); textAlign(CENTER, CENTER); text("New Plane unlocked!!", 0, 0); popMatrix(); } popStyle(); //display the plane buttons this.displayPlanes(); //display the buttons this.buttons.continue.draw(); this.buttons.home.draw(); }; //displays the game finished screen this.finish = function() { //run the moving ground this.runGround(); //display the title and game stats pushStyle(); textAlign(CENTER); rectMode(CENTER); noStroke(); fill(255, 70); rect(225, 300, 380, 540); fill(0, 150); pushStyle(); textSize(35); text("Congratulations", 225, 100); popStyle(); textSize(22); text("You have completed\nall missions\n\nScore: " + this.score_total + "\n\nTotal Planes\nDestroyed: " + this.planes_destroyed_total + "\n\nTotal Bases\nDestroyed: " + this.bases_destroyed, 225, 150); popStyle(); //display the plane images on the right column pushStyle(); imageMode(CENTER); image(game.images.plane1, 525, 80, game.images.plane1.width * 0.7, game.images.plane1.height * 0.7); image(game.images.plane2, 525, 190, game.images.plane2.width * 0.7, game.images.plane2.height * 0.7); image(game.images.plane3, 525, 300, game.images.plane3.width * 0.7, game.images.plane3.height * 0.7); image(game.images.plane4, 525, 410, game.images.plane4.width * 0.7, game.images.plane4.height * 0.7); image(game.images.plane5, 525, 520, game.images.plane5.width * 0.7, game.images.plane5.height * 0.7); popStyle(); //display the buttons this.buttons.history.draw(); this.buttons.home.draw(); }; //home screen this.home = function() { //run ground this.runGround(); //title pushStyle(); rectMode(CENTER); fill(217, 216, 214, 100); rect(225, 100, 250, 80); textAlign(CENTER, CENTER); textSize(30); fill(40); text("Air Strike", 225, 100); popStyle(); //display the plane images on the right column pushStyle(); imageMode(CENTER); image(game.images.plane1, 525, 80, game.images.plane1.width * 0.7, game.images.plane1.height * 0.7); image(game.images.plane2, 525, 190, game.images.plane2.width * 0.7, game.images.plane2.height * 0.7); image(game.images.plane3, 525, 300, game.images.plane3.width * 0.7, game.images.plane3.height * 0.7); image(game.images.plane4, 525, 410, game.images.plane4.width * 0.7, game.images.plane4.height * 0.7); image(game.images.plane5, 525, 520, game.images.plane5.width * 0.7, game.images.plane5.height * 0.7); popStyle(); //display the buttons this.buttons.play.draw(); this.buttons.how.draw(); this.buttons.history.draw(); this.buttons.leaderboard.draw(); //run the scene transition this.runTransition(); }; //how screen this.how = function() { //display the moving ground this.runGround(); //display the title pushStyle(); textAlign(CENTER); textSize(40); fill(0); text("How", 225, 100); popStyle(); //display the instructions pushStyle(); textAlign(CENTER); textFont(bodyFont); fill(240); textSize(16); text("Use the A/LEFT and D/RIGHT keys to move left and right.\n\nF key to drop bombs on the bases.\n\nYour missions are to destroy a certain number of enemy planes and bases.\n\nYou will unlock planes as you progress.\n\nThe planes and bases you face will increase in difficulty as you progress through the game.\n\nGood luck young pilot.", 10, 150, 430, 600); popStyle(); //display the plane images on the right column pushStyle(); imageMode(CENTER); image(game.images.plane1, 525, 80, game.images.plane1.width * 0.7, game.images.plane1.height * 0.7); image(game.images.plane2, 525, 190, game.images.plane2.width * 0.7, game.images.plane2.height * 0.7); image(game.images.plane3, 525, 300, game.images.plane3.width * 0.7, game.images.plane3.height * 0.7); image(game.images.plane4, 525, 410, game.images.plane4.width * 0.7, game.images.plane4.height * 0.7); image(game.images.plane5, 525, 520, game.images.plane5.width * 0.7, game.images.plane5.height * 0.7); popStyle(); //draw the home button this.buttons.home.draw(); //run the scene transition this.runTransition(); }; //history screen this.history = function() { //diplay the moving ground this.runGround(); //display the title pushStyle(); textAlign(CENTER); textSize(40); fill(0); text("History", 225, 100); popStyle(); //display the history content pushStyle(); textAlign(CENTER); textFont(bodyFont); fill(240); textSize(16); text("Powered aircraft were first used in war in 1911, by the Italians against the Turks near Tripoli, but it wasn't until the Great War of 1914-1918 that their use became widespread.\n\nAt first, aircraft were unarmed and employed for reconnaissance, serving basically as extensions of the eyes of the ground commander.\n\nSoon however, the need to deny such reconnaissance to the enemy led to air-to-air combat in which each side tried to gain superiority in the air.\n\n\"Encyclopedia Britannica\"", 10, 150, 430, 600); popStyle(); //display the plane images on the right column pushStyle(); imageMode(CENTER); image(game.images.plane1, 525, 80, game.images.plane1.width * 0.7, game.images.plane1.height * 0.7); image(game.images.plane2, 525, 190, game.images.plane2.width * 0.7, game.images.plane2.height * 0.7); image(game.images.plane3, 525, 300, game.images.plane3.width * 0.7, game.images.plane3.height * 0.7); image(game.images.plane4, 525, 410, game.images.plane4.width * 0.7, game.images.plane4.height * 0.7); image(game.images.plane5, 525, 520, game.images.plane5.width * 0.7, game.images.plane5.height * 0.7); popStyle(); //display the home button this.buttons.home.draw(); //run the scene transition this.runTransition(); }; //leaderboard screen this.leaderboard = function() { //display the moving ground this.runGround(); //display the title pushStyle(); textAlign(CENTER); textSize(40); fill(0); text("Leaderboard", 225, 100); popStyle(); //display the leaderboard pushStyle(); textAlign(CENTER); textFont(bodyFont); fill(240); textSize(16); var names = "", scores = ""; for(var i = 0; i < this.highscores.length; i++) { names+= this.highscores[i].name + ":\n"; scores+= "" + this.highscores[i].score + "\n"; } textAlign(RIGHT); textLeading(30); text(names, 260, 150); text(scores, 305, 150); popStyle(); //display the plane images on the right column pushStyle(); imageMode(CENTER); image(game.images.plane1, 525, 80, game.images.plane1.width * 0.7, game.images.plane1.height * 0.7); image(game.images.plane2, 525, 190, game.images.plane2.width * 0.7, game.images.plane2.height * 0.7); image(game.images.plane3, 525, 300, game.images.plane3.width * 0.7, game.images.plane3.height * 0.7); image(game.images.plane4, 525, 410, game.images.plane4.width * 0.7, game.images.plane4.height * 0.7); image(game.images.plane5, 525, 520, game.images.plane5.width * 0.7, game.images.plane5.height * 0.7); popStyle(); //display the home button this.buttons.home.draw(); //run the scene transition this.runTransition(); }; }; //creates a new game object and initializes it game = new Game({}); game.init(); //Game images loading //Credit to OOPS! Studios (I think) for the loading function var curLoad = 0; var loaded = false; var load = function (s) { var obj = Object.keys(game.images); game.images[obj[curLoad]] = game.images[obj[curLoad]](); curLoad++; background(83, 105, 65); pushStyle(); fill(255); textAlign(CENTER, CENTER); textSize(24); text('Loading...', 300, 250); noStroke(); fill(240); rect(100, 300, curLoad * 40, 5, 5); popStyle(); if(curLoad < obj.length){ loaded = false; } else{ loaded = true; //load plane images into each of the planes game.planes[0].image = game.images.plane1; game.planes[1].image = game.images.plane2; game.planes[2].image = game.images.plane3; game.planes[3].image = game.images.plane4; game.planes[4].image = game.images.plane5; //load the home scene game.scene = s; } }; draw = function() { //stops OhNoes from loop timeout when first loading setKALoopTimeout(10000); background(194, 194, 190); //display column on right noStroke(); fill(208, 209, 190); rect(game.canvas.w, 0, width-game.canvas.w, height); //runs the appropriate scene switch(game.scene) { case "load": load("home"); break; case "home": game.home(); break; case "how": game.how(); break; case "history": game.history(); break; case "leaderboard": game.leaderboard(); break; case "play": game.play(); break; case "replay": game.replay(); break; case "complete": game.complete(); break; case "finish": game.finish(); break; } cursor(hover ? 'pointer' : 'default'); clicked = false; hover = false; };
Folds	31,45,48,53,56,119,122,180,183,211,212,223,224,255,256,259,260,264,267,270,272,283,286,289,291,302,305,321,323,334,337,353,355,366,369,391,393,404,407,418,420,432,433,442,443,459,460,464,467,479,481,496,499,511,513,528,531,549,551,566,569,593,595,610,613,637,639,654,657,731,734,759,762,2809,2819,2849
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJXjs8ebCgw
Votes	236
Spin-Offs	3
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739448445954
Updated	6 months ago, 1739448452077
Source Deleted	unknown