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

​

//Creating variable for sprite images

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

​

var invisibleGround;

​

​

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, 500);

  //Creating sprite for bow

  background = createSprite(0, 0, 700, 450);

  //Adding image for sprite 

  background.addImage(backgroundImage);

  background.scale = 2.5

  //Creating sprite for bow

  bow = createSprite(520, 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

  createEdgeSprites();

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

  {

    //green

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

  balloon_g.addImage(balloon_gImage);

  balloon_g.scale = 0.075;  

  } 

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

  {  

    //red

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

  balloon_r.addImage(balloon_rImage);

  balloon_r.scale = 0.07 

  }

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

  {  

    //blue

  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 )

  {

  //Creating sprites for balloon_p

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

  balloon_p.addImage(balloon_pImage);

  balloon_p.scale = 1

  }  

​

}

​

function draw() {

​

  // Moving and resetting ground

    background.velocityX = -4;

    if (background.x < 0){

      background.x = background.width/2;

    }

  //Adding control movement to bow sprite

  bow.y = World.mouseY;

​

  //Creating colloid statement for edge3

   // bow.collide(invisibleGround);

  //Adding command for the invisibleGround to be invisible

   // invisibleGround.visible = false;

  drawSprites()

}

​

​