​

let oranges = [];

let grapefruits = [];

​

let oButton;

let gButton;

​

function setup() {

  createCanvas(320, 240);

  oButton = createButton("orange");

  oButton.mousePressed( 

    function() {  

      oranges.push( createOrange() ); 

    }

  );

  gButton = createButton("grapefruit");

  gButton.mousePressed( 

    function() {  

      grapefruits.push( createGrapefruit() ); 

    }

  );

}

​

function draw() {

  background(255);

  for (var i = 0; i < oranges.length; i++) {

    oranges[i].move();

    oranges[i].display();

    for (var j = 0; j < grapefruits.length; j++) {

      oranges[i].hascollision(grapefruits[j]);

      // ^ checks each orange in the array with every grapefruit in the grapefruit array

    } // end inner loop 

  } // end oranges loop

  for (var i = 0; i < grapefruits.length; i++) {

    grapefruits[i].move();

    grapefruits[i].display();

  } // end grapefruit loop

} // end draw

​