Точки статичны, фон не меняется. Просто плавная анимация от точки до точки при нажатии кнопки и так конца. Ничего лишнего нет, я нагуглил только движение от а до б с помощью анимации css и patch. Но не могу сделать, чтобы именно от точки до точки. Т.е. нажал раз, уже на второй точке, еще нажал и уже на третьей точке и все это плавно

А картинка может масштабироваться? Это ласт вопрос

Фикс размер, я сначала канвас создавал и указывал размер, но потом сделал просто div  с фикс высотой и шириной и бэкраунд этой картинкой выше

Чекни, подойдет ли тебе?

По сути расставляешь точки

Либа расставляет pathfinding (поиск пути)

И сама все делает

Если не сработает - то разбиваешь картинку на тайлы (систему координат с произвольным размером)

Расставляешь точки в ней

Соединяешь точки

А дальше как в школе

вектор туды

вектор сюды

В том то и дело, без использования библиотек. Максимум underscore, сорри, сразу не уточнил

А к чему такие извращения?

Да вакансии листаю, на джуна тестовое это. Карта с фикс размером, плавное движение от точки до точки при нажатии на кнопку, не использовать библиотек. Там есть и другой функционал, но сейчас проблема у меня с переходом от точки до точки. Я думаю, если не уточнили, то можно анимировать. Видел offset для анимации по траектории, но не могу понять как от точки до точки при нажатии анимировать. Думал может массив создать с координатами точек и от этого как-то думать, но в итоге потом как-то плавно это нужно соединять, т.к. маршрут не прямой и поэтому начал в сторону svg дальше гуглить, но пока не хватает опыта, не могу даже додумать как реализовать

Хм