JavaScript + HTML Подробнее внутри
 

Создаю браузерную игру с помощью JavaScript

Код пишу в Visual Studio Code

Создаю копию игры Flappy Bird, может знаете такую.

В Vs Code ошибок нет, но птичка (сам персонаж) не добавляется, ну т.е. когда загружаю игру в браузере, птички нет, за то все остальные предметы есть..

Вот часть кода по добавлению картинок:

bird.src = "img/birg.png" 
bg.src = "img/bg.png" 
fg.src = "img/fg.png" 
pipeUp.src = "img/pipeUp.png" 
pipeBottom.src = "img/pipeBottom.png" 
 
var gap = 90; 
 
function draw() { 
    ctx.drawImage(bg, 0, 0);  
     
    ctx.drawImage(pipeUp, 100, 0); 
    ctx.drawImage(pipeBottom, 100, 0 + pipeUp.height + gap); 
 
    ctx.drawImage(fg, 0, cvs.height - fg.height); 
    ctx.drawImage(bird, 10, 150); 
} 
 
pipeBottom.onload = draw;

Все картинки добавились в браузере, но именно bird

ctx.drawImage(bird, 10, 150);

Не добавился

Вот скриншот:

[IMG][/IMG]

Как видите, птички в игре нету.
Всё остальное есть.

Вот скриншот как выглядит персонаж (bird)



Помогите по коду JS, как отобразить эту ПТИЧКУ.

Думаю всё разъяснил понятливо.