Как вызвать конкретное c изображение из массива к параметру в Vanilla JavaScript?

Question

Я пытаюсь выделить и щелкнуть приключенческой игрой в HTML Холст для Игры для перемен .

Я хотел, чтобы мои фоновые изображения реагировали / изменили разрешение на холст размер, поэтому я получил код по этой ссылке: Размер фона имитации: обложка на холсте .

У меня есть несколько изображений для фонов разных сцен. Поэтому я поместил их все в массив. Тем не менее, у меня есть эта ошибка, где он говорит «Изображение не определено» для вызова функции.

Как мне вызвать 1 из этих фоновых изображений для отображения на холсте при вызове функции пользователя 1693593?

Я собираюсь принять этот вызов, чтобы создать сцену с кнопками и текстом.

CSS:

#gameCanvas {
    width: 960px;
    height: 640px;
    border: 5px solid rgba(52,52,52,1.00);
    background-color: rgba(241,213,179,1.00);
}

JS

/**Array of Images**/
var imgArray = {
    image00: 'gameImages/titleScreen.png',
    image01: 'gameImages/titleScreen1.png',
    image02: 'gameImages/titleScreenBW.png',
    image03: 'gameImages/startScreen.png',
    image04: 'gameImages/startScreenBW.png',
    image05: 'gameImages/forestTrail.png',
    image06: 'gameImages/forestTrailBW.png',
    image07: 'gameImages/jewleryOnLog.png',
    image08: 'gameImages/jewleryOnLogBW.png',
    image09: 'gameImages/sunlitWaterFall.png',
    image10: 'gameImages/sunlitWaterFalBW.png',
    image11: 'gameImages/sunlitWaterFall.png',
    image12: 'gameImages/sunsetStarySky.png',
    image13: 'gameImages/sunsetStarySkyBW.pn',
    image14: 'gameImages/campSunset.png',
    image15: 'gameImages/campSunsetBW.png',
    image16: 'gameImages/LoveHeart.png',
    image17: 'gameImages/LoveHeartBW.png',
    image18: 'gameImages/nightSky2BW.png',
    image19: 'gameImages/nightSky2.png',
    image20: 'gameImages/nightSkyAnimate.gif'
};

drawImageProp(ctx, image, 0, 0, width, height);

Обновление в массиве Edit

/**Array of Images**/
var imgArray = [
    "gameImages/titleScreen.png",
    "gameImages/titleScreen1.png",
    "gameImages/titleScreenBW.png",
    "gameImages/startScreen.png",
    "gameImages/startScreenBW.png",
    "gameImages/forestTrail.png",
    "gameImages/forestTrailBW.png",
    "gameImages/jewleryOnLog.png",
    "gameImages/jewleryOnLogBW.png",
    "gameImages/sunlitWaterFall.png",
    "gameImages/sunlitWaterFalBW.png",
    "gameImages/sunlitWaterFall.png",
    "gameImages/sunsetStarySky.png",
    "gameImages/sunsetStarySkyBW.pn",
    "gameImages/campSunset.png",
    "gameImages/campSunsetBW.png",
    "gameImages/LoveHeart.png",
    "gameImages/LoveHeartBW.png",
    "gameImages/nightSky2BW.png",
    "gameImages/nightSky2.png",
    "gameImages/nightSkyAnimate.gif"
];