Содержимое холста мигает, какая-то петля

Question

Я не очень разбираюсь в javascript и HTML5 Canvas, я создавал простые игры с Animate CC.

Я попытался загрузить изображение на холсте, и работает. Но изображение просто мигает и исчезает. (когда я обновляю страницу, например)

Код:

self = this;
self.stop();

loadingImage();
function loadingImage() {
    var myCanvas = document.getElementById('canvas');
    var ctx = myCanvas.getContext('2d');

    var myImage = new Image(1024, 768);

    myImage.onload = function () {
        ctx.clearRect(0, 0, 1024, 768);
        ctx.drawImage(myImage, 0, 0, 1024, 768);
        console.log(myCanvas);
        console.log(myImage);
    }
    myImage.src = 'images/Koala.jpg';
}

То же самое происходит, когда я пытаюсь сделать поле ввода текста, он мигает, как будто временная шкала зацикливается, но это не так. (вы можете увидеть вспышку при нажатии)

Код:

self=this;
self.stop();

var input = new CanvasInput({
  canvas: document.getElementById('canvas'),
    x:100,
    y:100,
    width: 500,
    fontWeight:'bold',
});

Я думаю, что Animate CC генерирует цикл автоматически, но в моем проекте отключен. Вы можете проверить.js.

Изображение: http://www.dfrikki.com.br/test/

Текстовое поле: http://www.dfrikki.com.br/test2/

Кто-то может помочь мне решить это?