Hi,I need help with my programming assignment, which I need to use P5.Js library to write this...

Question

Hi,I need help with my programming assignment, which I need to use P5.Js library to write this code.Game (30 marks)  You will be creating your own version of the classic Atari ‘Missile Command’ game (https://youtu.be/nokIGklnBGY). This is provided as inspiration, but the possibilities are vast  (eg. https://youtu.be/qVK_CMCU5AE)  The game involves defending some cities from incoming missiles using an anti-missile platform. The game ends when all of your cities are destroyed. The player typically starts with a limited supply of missiles or a limited fire rate (you may choose to add ‘upgrades’). You should look up some different versions/implementations of the game for ideas.  Requirements 1. Multiple Scenes        The game must involve at least 4 scenes, there must be a:   Loading / splash scene   Main menu scene   Main game scene   Leaderboard scene  You should be able to navigate between the scenes  Note: each scene needs to only be navigable by at least one other scene (with the exception of the loading scene, it can be a time-oriented screen)  2. Loops  The game must use at least 3 loops which are fundamental to the operation of the program. 3. Arrays  The game must incorporate at least 3 arrays, with at least 1 of the arrays being used to manage a list of objects on the screen (such as incoming missiles).  4. Interactivity  There must exist player interaction using a keyboard. The game needs to handle at least 3 keyboard keys. Using mouse input is optional.  5. Images  There must be at least 1 image present in the final product (separate to sprites) that is drawn at an appropriate size.  Note: it is up to you, which scene you incorporate the image in.  6. Sprites  The p5.play library must be incorporated with a minimum of 3 sprites used. The sprites must have collision detection (between sprites) and must move independently. Sprites must be animated (i.e. a moving object, changing size or colour) 7. Video & Sound  The game should use at least 3 sounds and 1 video. Hint: you can use sounds for shooting and video to introduce the game in the main screen.  8. GUI Input  At least one type of GUI input is required (e.g. text input, slider, button). The input should affect what is drawn. (Hint: Text input could be useful for high score entry)  9. Data  The program needs to read in data from a JSON file where each object must have at least 3 properties. This data must be presented in one of the scenes.  Hint: if your themes / ideas of the main game scene conflict/don’t work well with using external data, use the data in the leaderboard scene!  10. Stability  The game must feel stable to play. Your game should not feel ‘buggy’.  11. Creativity  You must produce creative work that adds complexity to your game.  Examples of creative work that add complexity to your game include:   Having multiple types of enemies  · In addition to incoming missiles, you may have other enemy types that enter to make the game harder   Having a dynamic background  · Having a scene with a day/night cycle? Or some other animated background.   Having multiple weapon types  · You could add super weapons, or other beneficial additions to the defenders (shields? Power-ups?)   UI & Fonts · You may download and use custom fonts that better fit your theme.   Ability to change the difficulty of game  · Could be as simple as having two difficulty options that change the number of lives/cities available, or having increased speed of incoming fire / increased toughness of enemy missiles as the game progresses  You are encouraged to create your own assets (i.e. missiles, explosions) on top of using public assets from the internet.  Note: the ability to creatively expand your game is highly dependent on having basic functionality, such as interactivity.  12. Code  You must produce clean, well-written code. This encompasses indentation, meaningful naming of functions & variables, use & overuse of absolute values

Amar Kumar · Accepted Answer

Missile Command_P5.Js/New folder/MissileCommand_FINAL.xhtml
    
  
    
    
      
      Title and author:
      
      Missile Command
     
      
      
      
      
 Francisco Esquembre; Aaron Titus

    
      © 2015, Aaron Titus and Francisco Esquembre.
          Released under a    license.

    
  
Missile Command_P5.Js/New folder/_metadata.txt
generated-with: Easy Java/Javascript Simulations, version 5.2, build 151115. Visit http://www.um.es/fem/Ejs
title: Missile Command
logo-image: pvg_missile_command/MissileCommand.png
author: Francisco Esquembre; Aaron Titus
copyright: Aaron Titus and Francisco Esquembre
preferred-width: 600
preferred-height: 800
author-image: common_files/PacoEsquembre2011.png;./common_files/AaronTitus2015.png
source: pvg_MissileCommand.ejss
main-script: 
main-simulation: pvg_MissileCommand_Simulation.xhtml
available-languages: 
html-contents: pvg_MissileCommand_Contents.xhtml
html-main: pvg_MissileCommand.xhtml
page-title: Game instructions
page-index: pvg_missile_command/pvg_missile_command.xhtml
page-title: Credits
page-index: pvg_missile_command/pvg_missile_command_credits.xhtml
page-title: Missile Command
page-index: pvg_MissileCommand_Simulation.xhtml
resource: pvg_missile_command/bomb.mp3
resource: pvg_missile_command/pvg_missile_command_credits.xhtml
resource: pvg_missile_command/MissileCommand.png
resource: pvg_missile_command/pvg_missile_command.xhtml
resource: common_files/AaronTitus2015.png
resource: common_files/PacoEsquembre2011.png
resource: pvg_missile_command/city0.png
resource: pvg_missile_command/city1.png
resource: pvg_missile_command/city1_black.png
resource: pvg_missile_command/city2.png
resource: pvg_missile_command/city3.png
resource: pvg_missile_command/city4.png
resource: pvg_missile_command/city5.png
resource: pvg_missile_command/explosion.png
resource: pvg_missile_command/TurretGun.png
Missile Command_P5.Js/New folder/_ejs_README.txt

All the files and subdirectories in this directory were extracted from a compressed ZIP file, and contain a Javascript simulation and its auxiliary files, created with Easy Java(script) Simulations .
A simulation directory has several HTML or XHTML files in it:
  - A main XHTML file named as the simulation.
  - A table of contents XHTML file, named as the simulation plus a “_Contents” suffix.
  - A simulation XHTML file, named as the simulation plus a “_Simulation” suffix.
  - Possibly, other HTML or XHTML description pages, as included by the author.
To access the complete model with its description pages and simulation in a frame, open the main XHTML file with your favorite browser.
To just run the simulation, open the XHTML file that ends with the "_Simulation" prefix.
A simulation directory also contains a _metadata.txt file that you can inspect to get machine-generated information about the simulation and the different files contained in it.
The simulation ZIP file can also be run on tablets using the EjsS Reader App available in Apple iTunes and in the Google Play store.
Missile Command_P5.Js/New folder/pvg_MissileCommand.xhtml
    				
        Gee! Your browser is really old and doesn't support frames. You better update!!!
      
Missile Command_P5.Js/New folder/pvg_missile_command/city0.png
Missile Command_P5.Js/New folder/pvg_missile_command/city1.png
Missile Command_P5.Js/New folder/pvg_missile_command/city4.png
Missile Command_P5.Js/New folder/pvg_missile_command/city1_black.png
Missile Command_P5.Js/New folder/pvg_missile_command/explosion.png
Missile Command_P5.Js/New folder/pvg_missile_command/city3.png
Missile Command_P5.Js/New folder/pvg_missile_command/bomb.mp3
null
1880.8159
Missile Command_P5.Js/New folder/pvg_missile_command/city2.png
Missile Command_P5.Js/New folder/pvg_missile_command/TurretGun.png
Missile Command_P5.Js/New folder/pvg_missile_command/pvg_missile_command_credits.xhtml
Missile Command Credits
     Our game is inspired in the original Missile Command game designed 
    by Atari, Inc.
    
    Resources used in our game:
    		 Skyline image: Adapted from a public domain image at Pixabay.
		 Cannon image : Adapted from a Creative Commons Attribution-Share Alike 2.0 Generic license image in Wikimedia Commons: Kanonrör_(8769896226).
		 Explosion image : Adapted from a public domain image released by the United States Navy with the ID 020712-N-5471P-010.
		 Explosion sound : Downloaded from http://www.freesfx.co.uk.
  
Missile Command_P5.Js/New folder/pvg_missile_command/MissileCommand.png
Missile Command_P5.Js/New folder/pvg_missile_command/city5.png
Missile Command_P5.Js/New folder/pvg_missile_command/pvg_missile_command.xhtml
Missile Command
    In this game, you will protect cities and yourself by shooting down missiles with bombs. All bombs and missiles in this game move with a constant velocity. The bombs have the same velocity but missiles move at various speeds; some missiles are slower and some missiles are faster.
    
    		To shoot down a missile, click or tap at the location where you want your bomb to explode.
		If a missile is located within the explosion radius of the bomb when it explodes, then the bomb will detonate the missile.
		You win if you can protect at least one of your cities from 50 missiles
		You have one launcher with a limited repository of bombs. If you use up all bombs from the launcher, you are doomed!
		You must take into account the distance the bomb has to travel when anticipating the location of a missile.
  
Missile Command_P5.Js/New folder/pvg_MissileCommand.ejss
 
 
 Missile Command
 Aaron Titus and Francisco Esquembre
 Video Game, Uniform motion, Missile command
 
 Introductory
 English
 
- Sound file by http://www.freesfx.co.uk
 
 false
 false
 false
 false
 false
 false
 false
 true
 false
 
 
 
 
 ./pvg_missile_command/MissileCommand.png
 Francisco Esquembre; Aaron Titus
 ./common_files/PacoEsquembre2011.png;./common_files/AaronTitus2015.png

 Permissions: sandbox
Codebase: *
Caller-Allowable-Codebase: *
 ./common_files/AaronTitus2015.png;./common_files/PacoEsquembre2011.png;./pvg_missile_command/MissileCommand.png;./pvg_missile_command/bomb.mp3;./pvg_missile_command/pvg_missile_command.xhtml;./pvg_missile_command/pvg_missile_command_credits.xhtml;
 ./pvg_missile_command/;
 
 
 DESCRIPTION_EDITOR
 Game instructions
 true
 false
 
 
   _default_
   Game instructions
   true
  
./pvg_missile_command/pvg_missile_command.xhtml
 
 DESCRIPTION_EDITOR
 Credits
 true
 false
 
 
   _default_
   Credits
   true
  
./pvg_missile_command/pvg_missile_command_credits.xhtml
 
 24
 1
 
 true
 
 
 VARIABLE_EDITOR
 World
 true
 false
 
 
 
 displayScale
 3.0/4.0
 double
 
 
 
 
 
 double
 
 
 
 xMin
 -100
 double
 
 
 
 xMax
 100
 double
 
 
 
 xRange
 xMax-xMin
 double
 
 
 
 xMiddle
 (xMin+xMax)/2
 double
 
 
 
 
 
 double
 
 
 
 yMin
 0
 double
 
 
 
 yMax
 yMin + xRange/displayScale
 double
 
 
 
 yRange
 yMax-yMin
 double
 
 
 
 yMiddle
 (yMin+yMax)/2
 double
 
 
 
 rowHeight
 yRange/50
 double
 
 
 
 
 
 double
 
 
 
 time
 0
 double
 
 
 
 deltaTime
 1.0/25
 double
 
 
 
 maxTime
 Number.POSITIVE_INFINITY
 double
 
 
 
 running
 false
 boolean
 
 
 
 gameOver
 false
 boolean
 
 
 
 replay
 false
 boolean
 
 
 
 
 
 boolean
 
 
 
 randomGenerator
 RNG()
 Object
 
 
 
 VARIABLE_EDITOR
 Display
 true
 false
 
 
 
 SHOW_SCORES
 true
 boolean
 
 
 
 SHOW_AUTOPLAY
 true
 boolean
 
 
 
 SHOW_FULLAUTOPLAY
 true
 boolean
 
 
 
 
 
 double
 
 
 
 yTopLimit
 yMin + yRange*0.83
 double
 
 
 
 xExtraWidth
 xRange/30
 double
 
 
 
 groundHeight
 rowHeight
 double
 
 
 
 batteryWidth
 xRange/10
 double
 
 
 
 groundData
 0
 double
 [8][2]
 
 
 destroyedImage
 "./pvg_missile_command/explosion.png"
 String
 
 
 
 VARIABLE_EDITOR
 Installations
 true
 false
 
 
 
 nCities
 6
 int
 
 
 
 cityImage
 "./pvg_missile_command/city0.png"
 String
 [nCities]
 
 
 cityNotDestroyed
 true
 boolean
 [nCities]
 
 
 cityPos
 0
 double
 [nCities][2]
 
 
 citySize
 0
 double
 [nCities][2]
 
 
 turretImage
 "./pvg_missile_command/TurretGun.png"
 String
 
 
 
 turretAngle
 0
 double
 
 
 
 turretNotDestroyed
 true
 boolean
 
 
 
 turretCount
 0
 int
 
 
 
 turretPos
 [xMiddle,2*groundHeight]
 double
 [2]
 
 
 turretSize
 [4*groundHeight,3*groundHeight]
 double
 [2]
 
 
 VARIABLE_EDITOR
 Missiles
 true
 false
 
 
 
 maxMissiles
 50
 int
 
 
 
 freeMissiles
 maxMissiles
 int
 
 
 
 nMissiles
 20
 int
 
 
 
 missileVis
 false
 boolean
 [nMissiles]
 
 
 missileTarget
 0
 int
 [nMissiles]
 
 
 missilePos
 0
 double
 [nMissiles][2]
 
 
 missileVel
 0
 double
 [nMissiles][2]
 
 
 missileSize
 xRange/100
 double
 
 
 
 maxNumMisPerStep
 3
 int
 
 
 
 missileMinSpeed
 yRange/150/deltaTime
 double
 
 
 
 missileMaxSpeed
 2*missileMinSpeed
 double
 
 
 
 maxCounter
 70
 double
 
 
 
 roundCounter
 maxCounter/2
 int
 
 
 
 
 
 int
 
 
 
 VARIABLE_EDITOR
 Instructions
 true
 false
 
 
 
 actionsY
 yMax-rowHeight
 double
 
 
 
 scoreY
 actionsY-2.5*rowHeight
 double
 
 
 
 resetX
 xMin+xRange/8
 double
 
 
 
 replayX
 xMax-xRange/8
 double
 
 
 
 autoplayX
 xMiddle
 double
 
 
 
 
 
 double
 
 
 
 startX
 xMiddle
 double
 
 
 
 startY
 yMiddle
 double
 
 
 
 startWidth
 xRange
 double
 
 
 
 startHeight
 rowHeight*4
 double
 
 
 
 startMessage
 "Click or Tap to Start"
 String
 
 message to start the game
 
 playAgainMessage
 "Click or Tap to Play Again"
 String
 
 
 
 gameWonMessage
 "Congratulations. You Win!"
 String
 
 message when aliens are shot
 
 gameSurvivedMessage
 "You survived, but the cities were destroyed!"
 String
 
 
 
 gameLostMessage
 "You Lost: all cities were destroyed!"
 String
 
 
 
 gameOverMessage
 "GAME OVER"
 String
 
 
 
 gameResultMessage
 gameLostMessage
 String
 
 
 
 message
 startMessage
 String
 
 variable for the message to display
 
 YOU_SURVIVED
 1
 String
 
 
 
 YOU_WIN
 2
 String
 
 
 
 YOU_LOOSE
 3
 String
 
 
 
 
 
 String
 
 
 
 score
 0
 int
 
 
 
 record
 0
 int
 
 
 
 gameLevel
 1
 int
 
 
 
 
 
 String
 
 
 
 VARIABLE_EDITOR
 Bombs
 true
 false
 
 
 
 maxBombs
 100
 int
 
 
 
 nextBomb
 0
 int
 
 
 
 bombSizeUnit
 xRange/150
 double
 
 
 
 bombExplosionRadius
 bombSizeUnit*5
 double
 
 
 
 bombSpeed
 missileMaxSpeed
 double
 
 
 
 bombPos
 0
 double
 [maxBombs][2]
 
 
 bombVel
 0
 double
 [maxBombs][2]
 
 
 bombDiameter
 bombSizeUnit
 double
 [maxBombs]
 
 
 bombColor
 "Blue"
 String
 [maxBombs]
 
 
 bombAvailable
 true
 boolean
 [maxBombs]
 
 
 bombTimeToExplode
 -1
 double
 [maxBombs]
 
 
 
 
 double
 
 
 
 VARIABLE_EDITOR
 Autoplay
 true
 false
 
 
 
 AUTOPLAY_NONE
 0
 int
 
 
 
 AUTOPLAY_SIMPLE
 1
 int
 
 
 
 AUTOPLAY_AUTO
 2
 int
 
 
 
 AUTOPLAY_USER
 3
 int
 
 
 
 autoplayOption
 AUTOPLAY_NONE
 int
 
 
 
 autoplayText
 "None"
 String
 
 
 
 userAutoplayShowDialog
 false
 boolean
 
 
 
 userAutoplayFunction
 undefined
 Object
 
 
 
 
 
 Object
 
 
 
 airSpaceHeight
 yMin + yRange*0.3
 double
 
 
 
 autoDefensesFiredForMisile
 false
 boolean
 [nMissiles]
 
 
 
 
 double
 
 
 
 
 CODE_EDITOR
 First tasks
 true
 false
 
 
 
if (replay) randomGenerator.reset(); // See "Random" custom page
else randomGenerator.setResetState();
var userPlay = 
  "/**
"+
  "  * User autoplay function
"+
  "  * @param point an array[2] with the coordinates of the point you clicked or tapped (meters).
"+
  "  * Must return the angle (in radians) and the time to explosion of the bombs.
"+
  "  * For instance: return [Math.PI/2,10]; means a vertical bomb that will
"+
  "  * explode in 10 seconds.
"+
  "  * Return null if no bomb should be fired.
"+
  "  * Predefined functions that you can use in the calculation:
"+
  "  * - getTurretPosition(); Returns double[2] array with the X and Y coordinates of the position.
"+
  "  * - getNumberOfMissiles(); Returns the number of missiles in the game. 
"+
  "  * - getMissilePosition(missile); Returns double[2] array with the position of the missile with
"+
  "  *   the given index. Returns null if the missile is not falling or the index has an invalid value.
"+
  "  * - getMissileVelocity(missile); Returns double[2] array with the velocity of the missile with
"+
  "  *   the given index. Returns null if the missile is not falling or the index has an invalid value.
"+
  "  */
"+
  " userAutoplayFunction = function(point) {
"+
  "  return null;
"+
  "}";
  
_view.autoplayTextArea.setValue(userPlay);
 
 CODE_EDITOR
 Ground
 true
 false
 
 
 
groundData = [
  [xMin,yMin + groundHeight],
  [xMiddle - batteryWidth/2, yMin + groundHeight],
  [xMiddle - 1.5*groundHeight, yMin+ 2*groundHeight],
  [xMiddle + 1.5*groundHeight, yMin + 2*groundHeight],
  [xMiddle + batteryWidth/2, yMin + groundHeight],
  [xMax,yMin + groundHeight],
  [xMax,yMin - groundHeight],
  [xMin,yMin - groundHeight]
];
 
 CODE_EDITOR
 Installations
 true
 false
 
 
 
var min = xMin + batteryWidth/2;
var max = xMiddle - batteryWidth/2;
var dx = (max-min)/nCities;
var x = min + dx;
for (var i=0; i0) return endOfGame(YOU_WIN);
    return endOfGame(YOU_SURVIVED);
  }
  createNewMissiles();
}
roundCounter++;
if (roundCounter>maxCounter) roundCounter = 0;
 
 EVOLUTION_EDITOR
 Bombs fired
 true
 false
 
 
 
var i;
for (i = 0; i5) maxMissiles = 100;
  else maxMissiles = 50;
  freeMissiles = maxMissiles-launched;
}
/**
 * What to do when the user clicks in a panel
 * @param point double[2] the point of the click
 */
function clickAtPoint (point) {
  if (Math.abs(point[1]-actionsY)yTopLimit) return; // Ignore clicks in the top display banner
  if (running) { // Implement here what happens if you click at a point when the game is running
    if (point[1]=max) {
      x = min+dx;
      y -= groundHeight/3;
    }
  }
  nextBomb = 0;
}
function addBomb (vx,vy,timeToExplode) {
  if (!turretNotDestroyed) return;
  console.log ("Bomb added : "+vx+","+vy+","+timeToExplode);
  bombPos[nextBomb] = [turretPos[0],turretPos[1]];
  bombVel[nextBomb] = [vx,vy];
  bombTimeToExplode[nextBomb] = timeToExplode;
  nextBomb++;
  turretAngle = Math.atan2(vy,vx)-Math.PI/2;
  turretCount = 10;
}
function explodeBomb (index) {
  bombTimeToExplode[index] = -1;
  bombDiameter[index] = 2*bombExplosionRadius;
  bombColor[index] = "Red";
  for (var m = 0; mbombSizeUnit) return true;
  }
  return false;
}
function fireBomb(targetPoint) {
  if (!turretNotDestroyed) return;
  if (nextBomb>=maxBombs) return;
  var aimTo;
  if (autoplayOption==AUTOPLAY_SIMPLE) {
    aimTo = assistedGuidance(targetPoint);
    if (aimTo!==null) addBomb(bombSpeed*Math.cos(aimTo[0]),bombSpeed*Math.sin(aimTo[0]),aimTo[1]);
  }
  else if (autoplayOption==AUTOPLAY_USER) {
    aimTo = userAutoplayFunction(targetPoint);
    if (aimTo!==null) addBomb(bombSpeed*Math.cos(aimTo[0]),bombSpeed*Math.sin(aimTo[0]),aimTo[1]);  }
  else {
    var bombSetup = velocity(bombSpeed,turretPos,targetPoint);
    addBomb (bombSetup[0],bombSetup[1],bombSetup[2]);
  }
}
 
 LIBRARY_EDITOR
 Autoplay
 true
 false
 
 
 
// EDIT this function to implement an autoplay strategy
function changeAutoplay() {
  if (userAutoplayShowDialog) return userAutoplayEval();
  userAutoplayShowDialog = false;
  _play();
  autoplayOption = (autoplayOption+1) % 4;
  if (!SHOW_FULLAUTOPLAY && autoplayOption==AUTOPLAY_AUTO)autoplayOption = AUTOPLAY_USER;
  switch (autoplayOption) {
    case AUTOPLAY_NONE : autoplayText = "None"; break;
    case AUTOPLAY_SIMPLE : autoplayText = "Guided"; break;
    case AUTOPLAY_AUTO : autoplayText = "Auto"; break;
    case AUTOPLAY_USER :
    autoplayText = "User";
    userAutoplayShowDialog = true;
    _pause();
    break;
  }
}
/**
 * Returns the best launch parameters for the
 * missile closest to the given position
 * @param point an array[2] with the coordinates 
 * of the point you clicked or tapped (meters)
 * @return an array[2] with [angle, timeToExplode]
 */
function assistedGuidance(position) {
  var missile = findClosestMissile(position);
  if (missileairSpaceHeight) return;
    var aimTo = aimToMissile(missile);
    if (aimTo!==null) {
      addBomb (bombSpeed*Math.cos(aimTo[0]),bombSpeed*Math.sin(aimTo[0]),aimTo[1]);
      autoDefensesFiredForMisile[missile] = true;
    }
  }
}
// *** No need to edit this page beyond this point
function userAutoplayEval() {
  userAutoplayFunction = undefined;
  try {
    var userPlay = _view.autoplayTextArea.getValue();
    eval(userPlay);
  } catch (error) {
    userAutoplayFunction = undefined;
  }
  if (!userAutoplayFunction) {
    alert("No valid userAutoplay function provided!
Please, edit the userAutoplay function");
    autoplayOption = 0;
  }
  userAutoplayShowDialog = false;
  _play();
}
 
 LIBRARY_EDITOR
 Random
 true
 false
 
 
 
// *** No need to edit this page
// Returns a random integer between the given ones, both included
function getRandomInteger(min,max) {
  return randomGenerator.nextRange(min,max+1);
}
// Returns a random double between the given ones, both included
function getRandomDouble(min,max) {
  return min + randomGenerator.nextDouble()*(max-min);
}
// Random number generator
// Adapted from http://stackoverflow.

Game (30 marks) You will be creating your own version of the classic Atari ‘Missile Command’ game (https://youtu.be/nokIGklnBGY). This is provided as inspiration, but the possibilities are vast (eg....

Answer To: Game (30 marks) You will be creating your own version of the classic Atari ‘Missile Command’ game...

Answer To This Question Is Available To Download

Related Questions & Answers

Submit New Assignment