Я уже некоторое время работаю с JavaScript (React JS), Python, HTML и CSS.При этом я сталкивался с некоторыми случайными анимациями - большинство из них были стандартными анимациями CSS (например, transition: width 2s;).Но все больше и больше меня интересует, как создавать более сложные пользовательские интерактивные анимации, и я просто не могу найти правильные методы, чтобы научиться достигать желаемых результатов (да, я использовал функцию поиска, прежде чем задавать этот очень общий вопрос).Есть холст HTML5, который кажется гибким и универсальным инструментом, но я не знаю, являются ли они «правильным» инструментом для того, что я имею в виду.
Позвольте мне привести пример того, что я хочу сделать:
- Визуализация процесса: Ресурсы компании анимированыкак движущиеся объекты, движущиеся по пути, который не является фиксированным, а скорее создается структурой цепочки поставок компаний.
- Возможность перетаскивания: Элементы, например поставщиков, могут быть добавлены в цепочку поставок с помощью перетаскивания
- Сложные пользовательские диаграммы (я знаю, что для этого существуют мощные библиотеки).например, AnyChart): Диаграмма выводится из данных процесса, отображающих данные о жизни.Я могу щелкнуть диаграмму, чтобы добавить новые точки данных.
Я не ищу другую библиотеку JS, а скорее сам способ создания этих анимаций.Также я ищу хороший момент, чтобы начать изучать эти методы.Таким образом, вопросы на самом деле таковы: что мне нужно научиться создавать эти интерактивные анимации, является ли HTML5 canvas правильным инструментом?Какие существуют методы интерактивных анимаций и когда их использовать?
Спасибо.