(Aula 03 /Ex. 02 - laços de repetição) carros sumiram após usar

Olá!

Realizei o código conforme passado na aula, porém ao usar a função "for", os carros sumiram!

o editor do p5 não retornou nenhuma mensagem de erro, mesmo assim não aparecem.

alguém pode me ajudar? Muito obrigado!

https://editor.p5js.org/rd_gomes23/sketches/6UyrMQCEW

Como está em imagens.js

//imagens do jogo

let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro1;
let imagemCarro2;
let imagemCarro3;

function preload(){
  imagemDaEstrada = loadImage("Imagens/estrada.png");
  imagemDoAtor = loadImage("Imagens/ator-1.png");
  imagemCarro1 = loadImage("Imagens/carro-1.png");
  imagemCarro2 = loadImage("Imagens/carro-2.png");
  imagemCarro3 = loadImage("Imagens/carro-3.png");
  imagemCarros = [imagemCarro1, imagemCarro2, imagemCarro3];
}

E como está em carro.js

//código do carro
let yCarros = [40, 96, 150];
let xCarros = [600, 600, 600];
let velocidadeCarros = [2, 2.5, 3.2];


function mostraCarro(){
  for (let i = 0; i < imagemCarros,length; i = i + 1){
    image(imagemCarros[i], xCarros[i], yCarros[i], 50, 40);
  }
}

function movimentaCarro(){
  xCarros[0] -= velocidadeCarros[0];
  xCarros[1] -= velocidadeCarros[1];
  xCarros[2] -= velocidadeCarros[2];

}

function retornaPosicaoInicial(){
  if (xCarros[0] < -50){
    xCarros[0] = 600
  }
  if (xCarros[1] < -50){
    xCarros[1] = 600
  }
  if (xCarros[2] < -50){
    xCarros[2] = 600
  }
}