let video_height = 480;

let spriteWidth = 2560;

let spriteHeight = 80;

let carArray = [];

let carNum = 4;

​

function preload() {

  for (let i = 1; i <= carNum; i++) {

    carArray.push(new Sprite(spriteWidth, spriteHeight, 160, 80));

    carArray[i-1].x = 80 + i * 20;

    carArray[i-1].y = 100 * i;

    carArray[i-1].spriteSheet = 'spritesheet.png';

    carArray[i-1].anis.offset.x = 5;

    carArray[i-1].anis.frameDelay = 8;

​

    carArray[i-1].addAnis({

        move: { row: 0, frames: 16 },

    });

    carArray[i-1].changeAni('move');

    carArray[i-1].layer = 2;

  }

}

​

function setup() {

    createCanvas(video_width, video_height);

​

    // new Canvas(640, 480, 'pixelated');

    allSprites.pixelPerfect = true;

}

​

function draw() {

    clear();

  for (let i = 1; i <= carNum; i++) {

    if (carArray[i-1].x - 40 < width) {

      carArray[i-1].x += i;

    }

    else {

      carArray[i-1].x = -80

    }

  }

}

​

function keyPressed() {

  if (key == " ") {

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

      carArray[i].visible = false;

    }

  }

}

​

function mouseClicked() {

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

      carArray[i].visible = true;

    }

}