Как сделать такую анимацию?

Question

[Ilya Olovyannikov]

Есть строка - в ней лежит 4 элемента (точки);
Всего у нас 3 строки (итого 12 элементов);

Есть линия, которая должна плавно переходить из одной точки в другую в рандомном направлении, неважно на какой строке она находится.

Референс под катом.

https://codepen.io/Olovyannikov/pen/abVpgQR

Изображение

Comments

[twobomb]

Ой геморой, еще на html. Делай на канвасе или на худой конец svg.

[Ilya Olovyannikov]

twobomb, низкомолекулярный макрос, Я не против, если дадите какой-то пример =)

[キム ファイブプラス]

Когда уже появится профессия "Senior Googler"?
https://developpaper.com/canvas-simple-line-animation

[キム ファイブプラス]

низкомолекулярный макрос, junior googler как раз таки пишет вопросы на qna.

[Ilya Olovyannikov]

キム ファイブプラス, думаете, я не гуглил?
По разным соображениям мне не подходили варианты.

Я сообразил и написал свой
https://codepen.io/Olovyannikov/pen/abVpgQR?editor...