var bow, arrow, balloon_b, balloon_p, balloon_r, balloon_g, arrow, bg, edges;

​

//Creating variable for sprite images

var bowImage, arrowImage, backgroundImage, balloon_pImage, balloon_bImage, balloon_rImage, balloon_gImage;

​

var invisibleGround, arrowGround;

​

​

​

function preload()

{

//Uploading background image  

  backgroundImage = loadImage("background0.png");

 //Uploading bow image

  bowImage = loadImage("bow0.png");

 //Uploading arrow image

  arrowImage = loadImage("arrow0.png");

  //Uploading balloon images

  balloon_pImage = loadImage("pink_balloon0.png");

  balloon_bImage = loadImage("blue_balloon0.png");

  balloon_rImage = loadImage("red_balloon0.png");

  balloon_gImage = loadImage("green_balloon0.png");   

}

​

function setup() {

  createCanvas(600, 600);

//Creating sprite for bow

  bg = createSprite (0, 0, 600, 600);

  //Adding image for sprite 

  bg.addImage(backgroundImage);

  bg.scale = 2.5

  //Creating sprite for bow

  bow = createSprite(420, 220, 20, 50);

  //Adding image for bow sprite

  bow.addImage(bowImage);

  bow.scale = 1.5

  //Creating invisible ground

 // invisibleGround = createSprite(0, 500, 1200, 2);

  //Creating edges

 //edges = createEdgeSprites();  

​

    for(var num = 40; num < 520; num = num+70)

  {

    //pink

  balloon_p = createSprite( 60, num, 10, 100);

  balloon_p.addImage(balloon_pImage);

  balloon_p.scale = 1;  

  } 

  for(var num = 150; num<400; num = num+70)

  {  

    //green

  balloon_g = createSprite( 240, num, 10, 100);

  balloon_g.addImage(balloon_gImage);

  balloon_g.scale = 0.08 

  }

  for(var num = 110; num<450; num = num+70)

  {  

    //red

  balloon_b = createSprite( 180, num, 10, 100);

  balloon_b.addImage(balloon_bImage);

  balloon_b.scale = 0.08

  } 

  for(var num = 80; num<480; num = num+72 )

  {

  //red

  balloon_r = createSprite( 120, num, 10, 100);

  balloon_r.addImage(balloon_rImage);

  balloon_r.scale = 0.08

  }  

  arrowGroup = new Group();

}

​

function draw() {

  // Moving and resetting ground

    bg.velocityX = -1.5

    if (bg.x < 0)

    {

      bg.x = bg.width/2;

    }

  //Adding control movement to bow sprite

  if(keyDown(UP_ARROW))

  {

    bow.y = bow.y-4;

  }

  if(keyDown(DOWN_ARROW))

  {

   bow.y = bow.y+4; 

  }  

  if(keyDown("space"))

  {

   temp_arrow = createArrow();

   temp_arrow.addImage(arrowImage);

   temp_arrow = bow.y;

  }  

  //Creating colloid statement for edge3

   // bow.collide(invisibleGround);

  //Adding command for the invisibleGround to be invisible

   // invisibleGround.visible = false;

  drawSprites()

}

​

​

 // Creating  arrows for bow

 function createArrow() {

  var arrow= createSprite(420, 220, 20, 50);

  arrow.velocityX = -4;

  arrow.scale = 0.3;

  return arrow;

 }

​

​