Почему SVG анимация отрабатывает рывками?

Question

[SuperToster]

Почему в данном примере анимация отрабатывает рывками?
https://jsfiddle.net/5opqwaLh/

Comments

[MrColdCoffee]

большой интервал + мало кадров

[SuperToster]

MrColdCoffee, увеличение интервала никак не влияет (это песочница - легко проверить). Кадров может быть хоть 2, это не имеет значения.

[MrColdCoffee]

SuperToster, уменьшить интервал нужно

[SuperToster]

MrColdCoffee, здесь есть только такое значение как "продолжительность"...
"Интервал" это расстояние между чем либо. Видимо я неправильно вас понимаю : ) Не могли бы вы поконкретней показать какое расстояние или какой промежуток нужно изменить/уменьшить?
Спасибо!

[MrColdCoffee]

SuperToster, Вы правы, ecть "продолжительность", но от неё зависит "Интервал" (расстояние между кадрами/частота смены кадра)
у вас 3 кадра и они грубоватые в плане переходов

[SuperToster]

MrColdCoffee, понял! ^^
Если пути слишком простые, не из чего отрисовывать анимацию. Типа того?
Получилось: https://jsfiddle.net/7yj641vq/
Спасибо! Напишите в ответы : ) чтобы решением отметить

Answer 1

[MrColdCoffee]

Причина: большой интервал(промежуток времени между кадрами) + мало кадров + грубый переход от конца на первый кадр

Решение: учащение смены кадров, увеличение количества кадров в анимации