Как сделать плавное перемещение по карте на JS после просчета алгоритма A*?

Question

[Electro-max]

По ссылке ниже реализован алгоритм поиска кратчайшего пути для корабля, когда корабль доплывает до финиша, сдвигается карта, чтобы расположить корабль по центру экрана. Возможно ли реализовать сдвиг с плавным смещением?
Приветствуются любые идеи, пробовал накладывать второй слой поверх просчета алгоритма с плавной отрисовкой, но корабль после финиша прыгает в центр даже если карту поверху плавно сдвинуть, так ничего толкового не вышло.
https://codepen.io/Electromax/pen/JjOgMmm
https://codepen.io/Electromax/pen/JjOgMmm

Answer 1

[Антон Шаманов]

надо сдвигать карту при перемещении корабля - вычисляешь разность точки А и Б, делишь на число шагов. Но у тебя подход не жизнеспособный - почитай про фоновые цветовые карты.

Comments

[Electro-max]

Спасибо большое!

Answer 2

[twobomb]

Тут у вас тут всё заточено именно на дёрганное перемещение.
Конечно как всё это реализовано, особенно метод launchDelWay это уникально....

P.S. Всё перемещение перенес в метод update

Comments

[Electro-max]

Спасибо, launchDelWay мне за эту разработку такую премию дадут)

[Антон Шаманов]

Electro-max, если только люлями...