let imageIndex = 0;

​

function preload() {

  images = [

    loadImage("images/butterfly1.png"),

    loadImage("images/butterfly2.png"),

    loadImage("images/butterfly3.png"),

    loadImage("images/butterfly4.png"),

    loadImage("images/butterfly5.png"),

    loadImage("images/butterfly6.png"),

    loadImage("images/butterfly7.png"),

  ];

​

}

​

let cnv;

function setup() {

  cnv = createCanvas(500, 500);

​

  frameRate(7);

}

​

function draw() {

  background(220);

​

  image(images[imageIndex], 0, 0, 500, 500);

  moveFrame();

}

​

function moveFrame() {

  imageIndex++;

  if (imageIndex > images.length - 1) {

    imageIndex = 0;

  }

}

​