let sprites = []; 

let step = 0; 

let speed = 20;

let animating = false; 

​

function preload() {

  spritesheet = loadImage("spritesheet1.png");

}

​

function setup() {

  createCanvas(850, 500);

​

  let num = 16; 

​

  let w = int(spritesheet.width / num);

  let h = spritesheet.height;

​

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

    sprites[i] = spritesheet.get(i * w, 0, w, h);

  }

​

  imageMode(CENTER);

  image(sprites[step],500,250,300,250);

}

​

function draw() {

  if (animating) {

    let currentFrame = frameCount % (sprites.length * speed);

    let index = int(currentFrame / speed);

    background(0);

    image(sprites[index], 500,250,300,250);

​

    if (currentFrame === 0) {

      animating = false;

    }

  }

}

​

function keyPressed() {

  if (keyCode === RIGHT_ARROW) {

    step = (step + 1) % sprites.length;

    background(255);

    image(sprites[step],500,250,300,250);

  } else if (keyCode === 32) {

    animating = true;

  }

}