var imgsAndando = [];

var contFrame = 0;

var x = 0; 

var paraFrames = 0; 

​

function preload() {

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

    imgsAndando[i] = loadImage("Cowboy4_walk without gun_"+i+".png");

  }

}

​

function setup() {

  frameRate(30);

  createCanvas(600,400);

}

​

function draw() {

  background(200); 

  x=x+2;

  if (x>width){

    x=0;

  }

  anima = imgsAndando[contFrame];

  //noFill();

  noStroke()

  ellipse(x,50,50,50);

  // imageMode(CENTER);

  image( anima, x, 50);

  paraFrames++

  if (paraFrames > 5) {

    contFrame++;

    paraFrames = 0; 

  }

​

  if ( contFrame > 3 ) {

     contFrame = 0;  

  }

}

​