let s;

let w,h;

​

let d = 0;

let ss =0;

​

let x, y;

​

​

function preload(){

  s = loadImage('walking.png');

}

​

function setup() {

  createCanvas(400, 400);

  w = int(s.width/12);

  h = int(s.height/4);

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

    sprite[j]=[];

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

    sprite[j][i] = s.get(w*i,h*j,w,h);

    }

  }

   x = width/2

  y = height/2

}

​

function draw() {

  background(220);

  if(keyIsPressed==1)

 {

  if (keyCode==UP_ARROW){

    d = 3;

    y-=5;

  }

   if (keyCode==DOWN_ARROW){

    d = 0;

     y+=5;

  }

   if (keyCode==RIGHT_ARROW){

    d = 2;

     x+=5;

  }

   if (keyCode==LEFT_ARROW){

    d = 1;

     x-=5;

  }

  ss+=1;

  if(ss%12==0){

    ss=0;

  }

 }

  image(sprite[d][ss],x,y);

}

​

​

​