var enemy, friendly;

​

​

function setup() {

  createCanvas(500, 500);

  enemy = loadImage('invader-enemy.png');

  friendly = loadImage('invader-friendly.png');

}

​

function draw() {

  background(0);

  imageMode(CENTER);

​

  var alienToRemove = null;

​

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

    // Draw an alien

    drawAlien(aliens[i]);

​

    // Move aliens downward

    aliens[i].y += aliens[i].speed;

​

    // Remove aliens at the bottom of the screen

    if (aliens[i].y > height) {

      alienToRemove = i;

    }

  }

​

  // Remove an alien

  if (alienToRemove != null) {

    aliens.splice(alienToRemove, 1);

  }

​

  // Create new aliens at the top of the screen

  if (random(100) < 3) {

    createAlien();

  }

}

​

function drawAlien(alien) {

  if (alien.type == 'enemy') {

    image(enemy, alien.x, alien.y, alien.size, alien.size);

  } else {

    image(friendly, alien.x, alien.y, alien.size, alien.size);

  }

}

​

function createAlien() {

  var newAlien = {

    x: random(0, width),

    y: -20,

    size: 40,

    speed: random(1, 2),

    type: random(100) < 35 ? 'enemy' : 'friendly',

  };

​

  aliens.push(newAlien);

}