var images= [];

var imagez= [];

var index = 0;

 var x= 0;

var u = 0;

function preload() {

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

    images[i] = loadImage("trot"+i+ ".png");

}

  for (let j= 0; j< 6;j++){

    imagez[j]= loadImage("horses/canter"+j+".png");

  }

}

function setup() {

  createCanvas(400, 400);

  frameRate(6);

}

​

function draw() {

     background(220);

    image(images[index],x,height/2-50);

     index= (index+1)% images.length;

  x= x+4;

  if (x> width){

    x=0;

  }

  image(imagez[index],u,300);

   index= (index+1)% imagez.length;

  u= u+8;

  if (u>width){

    u=0;

  }

}