Для цикла для рисования изображений

Question

Все остальное в моей игре работает, кроме пола.Кто-нибудь знает, почему это не работает.

var floor = [];
var canvas = document.getElementById('bg');
var ctx = canvas.getContext('2d');
let posYFloor = 0;
for(i = 0; i < 9; i++)
{
    floor[i] = new Image();
    floor[i].src = "Bricks.png";
    floor[i].onload=function() 
    {
        ctx.drawImage(floor[i],i*50,posYFloor);
    }
}

Answer 1

Мне удалось это исправить. Я понял, что мне даже не нужен floor [i], и у меня был отдельный setInterval.

var floor = [];
var canvas = document.getElementById('bg');
var ctx = canvas.getContext('2d');
let posYFloor = 0;for(let i = 0; i < 25; i++)
  {
    floor = new Image();
    floor.src = "Bricks.png";
    floor.onload=function() 
    {
        ctx.drawImage(floor,i*50,posYFloor);
    }
  }


setInterval(function() {
        for(let i = 0; i < 25; i++)
        {
            ctx.drawImage(floor, i*50, posYFloor);
        }
    },1);
}