Фигуры не отображаются на холсте html

Question

Я пытаюсь сделать игру на холсте html, но на холсте ничего не появляется.Я не уверен, что я делаю неправильно.Это код, где я пытаюсь нарисовать фигуры и запустить игру:

function startGame() {
    myGamePiece = new component(50, 10, "grey", 240, 20);
    myAponent = new component(50, 10, "grey", 240, 460);
    myScore = new component("30px", "Consolas", "black", 280, 40, "text");
    myGameArea.start();
}

Если вы хотите увидеть весь мой код, он доступен здесь: https://js.do/nioiluc/320839

Answer 1

Вы не правильно определяете ctx, так как myGameArea.context возвращает неопределенное значение.

Попробуйте это для определения:

var ctx = myGameArea.canvas.getContext('2d');

и внесите необходимые корректировки.Пример: https://jsfiddle.net/ztnr1gqd/