Всё начинается с круга.

Один SVG — разные движения.

Загрузите SVG и переключайте режимы на одном изображении. Контуры, их цвета и взаимное расположение сохраняются.

Контур становится набором частот

Дискретное преобразование Фурье подбирает радиус, скорость и начальный угол каждого круга. Самые крупные круги задают форму.

Больше кругов — больше деталей

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