Как делаеться такая анимация?

Question

[Your Friend]

Доброго времени суток. Уж больно понравилась такого плана анимация в виде бегущего человечка как такое делается и что нужно учить для этого? Canvas? Flash? или может быть все на JS делается? Подскажите,объясните) Заранее благодарен!

Answer 1

[SirMustache]

Есть два одинаковых path'a, у одного задан stroke-dashoffset на всю его длину:

https://css-tricks.com/svg-line-animation-works/

Answer 2

[GreatRash]

bl.ocks.org/mbostock/1705868

Answer 3

[Максим Люмен]

svg вроде бы, и через firebug видно же

Comments

[Your Friend]

да, это видно) а что заставляет его бежать по линии? и как делается заполнение линии цветом во время бега? какой алгоритм действий вообще, при создании таких вещей?