prototype - OpenProcessing

mySketch
xxxxxxxxxx
 
var timeInterval;
var w = 64;
var h = 64;
var w1 = 48;
var h1 = 48;
var dx = 0;
var dy = 30;
var topAlien = []; 
var fr = 0;
var speed = 5;
 
function preload(){
  aliens = loadImage("Spaceinvaders1.png");
}
function setup() {
  createCanvas(windowWidth, windowHeight);
  for (var i = 0; i < 10; i++) {
    topAlien.push(new Alien1(i*80,speed));
  }
  lastTimeCheck = millis();
  timeInterval = 500;  
  frameRate(55);
}
 
function draw() {
  background(120);
  for (var i=0; i < topAlien.length; i++) {
    topAlien[i].display(fr);
  } 
  spriteTime();
  ball();
}
​
function spriteTime(){
  if (millis() > lastTimeCheck + timeInterval){
    lastTimeCheck = millis();
    update();
  }
}
​
function ball(){
  this.r = 30;
  noStroke();
  fill(255, 0, 180, 100);
  ellipse(mouseX, mouseY, this.r, this.r);
}
function update(){
  fr=(fr+1)%2;    //Simplify version of your code below
  //fr = fr + 1;
  //if (fr >= 2){
  //  fr = 0;
  //}
}
 
function Alien1(dx, sp){
  this.dx = dx;  
  this.speed=sp;
}
 
Alien1.prototype.display = function(type) {
  //this.dx = this.dx + this.speed;
  if (type == 0){
    copy(aliens, 242, 104, w, h, this.dx, dy, w1, h1);
    for (var i = 0; i < 2; i++){
      copy(aliens, 18, 104, w+24, h , this.dx, (i*60)+(dy+60), w1, h1);
    }
    for (var i = 0; i < 2; i++){
      copy(aliens, 176, 18, w+32, h , this.dx, (i*60)+(dy+180), w1, h1);
    }
    }else if (type == 1) {
    copy(aliens, 338, 104, w, h, this.dx, dy, w1, h1); 
    for (var i = 0; i < 2; i++){
      copy(aliens, 130, 104, w+24, h , this.dx, (i*60)+(dy+60), w1, h1);
    }
    for (var i = 0; i < 2; i++){  
    copy(aliens, 296, 18, w+32, h , this.dx, (i*60)+(dy+180), w1, h1);
    }
   }
  }