Sprite Array Example - OpenProcessing

mySketch
xxxxxxxxxx
 
let smily;
let smilies = [];  // Array of smily faces
​
function preload()
{
  for (let i = 0; i < 10; i++)
  {
    smily = createSprite(300, 150, 100, 100);
    let smilyAnimation = smily.addAnimation('smily','smily0.png','smily1.png');
    smilyAnimation.frameDelay = 10;    // This is how long until we switch between animations
    let surpriseAnimation = smily.addAnimation('surprised','surprised.png');
    smily.position.x = random(windowWidth);
    smily.position.y = random(windowHeight);
    smilies.push(smily);
  }
}
​
function setup() {
  createCanvas(windowWidth, windowHeight);
}
​
function draw() {
  background(100);
​
  // If click mouse anywhere remove first smily from the smilies array
  if (mouseIsPressed)
  {
      for (let i = smilies.length - 1; i >= 0; i--)
      {
        if (dist(mouseX,mouseY,smilies[i].position.x,smilies[i].position.y) < 60)
        {
          smilies[i].changeAnimation("surprised");
          smilies.splice(i,1);
        }
      }
  }
  
  drawSprites();
}