Плавные ходячие спрайты в HTML5 Canvas

Я разрабатываю изометрическую html5-игру на холсте (& js). Моя сетка состоит из столбцов (x) и строк (y).

В настоящее время мой игрок может ходить по карте, но он прыгает от координаты к координате.

Я пытаюсь заставить его плавно ходить от плитки к плитке, используя анимацию спрайтов. Но понятия не имею, как и не могу найти статей, освещающих механику этого, поэтому еще раз обращаюсь к вам!

Так что, если вы знаете, как это сделать, или знаете статью или руководство, объясняющее это, было бы здорово!

Заранее спасибо,

Ник Верхейен

ОБНОВЛЕНИЕ: Код, который я сейчас использую, чтобы ходить по плееру

Player.move = function(direction)
{
 var newX = Player.positionX;
 var newY = Player.positionY;

 switch( direction )
 {
    case 'up':
        Player.moveDirection = 'up';
        newY--;
    break;
    case 'down':
        Player.moveDirection = 'down';
        newY++;
    break;
    case 'left':
        Player.moveDirection = 'left';
        newX--;
    break;
    case 'right':
        Player.moveDirection = 'right';
        newX++;
    break;
}

Player.positionX = newX;
Player.positionY = newY;
}

Примечание: я сохраняю направление, в котором движется игрок, чтобы отображать правильное изображение.

Кроме того, я не использую такие библиотеки, как EaselJS. По той простой причине, что документации или примеров практически нет, поэтому пришлось бы во всем разбираться самому.