Js - анимация (canvas лучше всего)

Цена договорная
09 апреля 2024, 13:32 • 4 отклика • 79 просмотров
нужно переделать чтоб было красиво:
https://keku.pasha.design/turnir1/

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

В примере использован ванильный тайпскрипт без канваса. Еще зачем то использова vite. Думаю лучше все это переписать. Проблема в том как происходит смещения карточек, оно должно происходить к центру экрана а не к углу