Изображения, ссылающиеся на холст html5, не отображаются ⇐ Javascript

[Anonymous]

Я воссоздаю игру на основе приложения FreeSki для Windows 95. Я хорошо разбираюсь в JavaScript, но застрял на чем-то, что мне казалось простым. На основе console.log. Я правильно ссылаюсь на изображения, однако они не отображаются. Я также перемещаю изображения случайным образом и чувствую, что, возможно, ссылаюсь на изображения не в той точке потока.
В любом случае, вот код того, где я нахожусь: версия Codepen с рабочими прямоугольными фигурами.
Я хочу заменить фигуры изображениями
constructor(x, y, w, h, speed) {
this.x = x;
this.y = y;
this.w = 50;
this.h = 50;
this.speed = 2;
this.img = new Image();
this.img.src = "https://assets.codepen.io/1695918/tree.png";
this.trees = [];
this.numberOfTrees = 12;
}

this.img.onload = () => {
try {
ctx.drawImage(
this.img,
this.x,
this.y,
this.width,
this.height,
this.sX,
this.sY,
this.sWidth,
this.sHeight);
} catch (err) {
console.error("Error drawing image:", err);
}
};


Подробнее здесь: https://stackoverflow.com/questions/798 ... showing-up