Это то, что я застрял надолго (как в логике, так и в исполнении). Как я могу сделать этот экран в ReactJS? Карты уровней должны быть на месте с соответствующими точками. Кроме того, пунктирная линия позже должна быть преобразована в сплошную, если уровень пройден. Я думаю, что что-то вроде кривых Безье можно использовать с обратными вызовами, но не могу найти правильное решение для этого. Чтобы добавить к сложности, количество уровней будет динамическим, поэтому кривая также должна быть динамичной и отзывчивой. Попытка избежать GIF-файлов и выполнить это через код, чтобы сделать его более производительным и отзывчивым. Будет замечательно, если кто-нибудь может дать мне знать, на что обратить внимание и как поступить с логикой. Извиняюсь за длинный вопрос.
Анимация GIF
Заранее спасибо.