Задача: анимировать все маленькие обьекты, большой круг по середине неподвижный.
1. Все объекты вращаются вокруг большого круга.
2. Они немного меняют свою позицию +/- 100 пикселей например. Т.е хаотично двигаются в пределах 100 пикселей относительно себя.
3. Все маленькие объекты соединены с большим кругом и при движении линия как-то должна тоже двигаться вместе с объектом.
Быть может такой эффект как-то правильно называется, не могу понять как гуглить.
Интересует любая подсказка, в какую сторону копать, что гуглить, может что-то подобное уже есть, или может движки/фреймворки посмотреть какие-нибудь?
По 2-му пункту нагуглил вот что
JSFiddle, но там анимация какая-то дерганая, но смысл такой как мне нужно, квадрат двигается рандомно в пределах 100 на 100px.
Но нужно больше плавности, уменьшение скорости не помогло, т.к видно как анимация проигрывается 1 за 1 и тд.