let pepperonis = [];

​

function preload() {

  // Load pizza and pepperoni images

  pizza = loadImage('pizza.png');

  for (let i = 0; i < 10; i++) {

    pepperonis[i] = loadImage('pepperoni.png');

  }

}

​

function setup() {

  createCanvas(400, 400);

  imageMode(CENTER);

  pizza = new Pizza();

  for (let i = 0; i < pepperonis.length; i++) {

    pepperonis[i] = new Pepperoni(random(width), random(-200, -50));

  }

}

​

function draw() {

  background(220);

​

  // Move and display pepperonis

  for (let i = 0; i < pepperonis.length; i++) {

    pepperonis[i].move();

    pepperonis[i].display();

    if (pizza.intersects(pepperonis[i])) {

      pepperonis.splice(i, 1);

    }

  }

​

  // Display the pizza catcher

  pizza.display();

  pizza.move();

​

  // Game over when all pepperonis are caught

  if (pepperonis.length === 0) {

    textSize(32);

    textAlign(CENTER, CENTER);

    fill(255, 0, 0);

    text("Game Over!", width / 2, height / 2);

    noLoop();

  }

}

​

class Pizza {

  constructor() {

    this.x = width / 2;

    this.y = height - 50;

    this.size = 60;

  }

​

  display() {

    image(pizza, this.x, this.y, this.size, this.size);

  }

​

  move() {

    this.x = mouseX;

  }

​

  intersects(other) {

    let d = dist(this.x, this.y, other.x, other.y);

    return d < this.size / 2 + other.size / 2;

  }

}

​

class Pepperoni {

  constructor(x, y) {

    this.x = x;

    this.y = y;

    this.size = 40;

  }

​

  move() {

    this.y += 3;

    if (this.y > height) {

      this.y = random(-200, -50);

      this.x = random(width);

    }

  }

​

  display() {

    image(random(pepperonis), this.x, this.y, this.size, this.size);

  }

}

​