如何在HTML5画布中连续移动

Question

所以我正在尝试制作一个PacMan游戏而且我不能让幽灵连续移动;我已经为ghost运动创建了一个函数，但它只适用于事件监听器。这是：

function ghostToRightRed() {
    if (ghostX3 < 20) {
        ghostX3 += ghostSpeed
    } else {
        context.clearRect(ghostX3 - 20, ghostY3 - 30, 50, 63)
        ghostX3 -= ghostSpeed //-= because of the direction
        drawGhostRed()
    }