Как синхронизировать движение элементов на холсте canvas`а?

Question

[Виктор Янышев]

Есть окружность начерчена серым цветов, по этой окружности движется вторая окружность с градиентом от одно точки к другой тем самым заполняя первую окружность. Также по этим окружностям двигается "point", который за определённое время преодолевает несколько всю окружность, пока окружность с градиентом рисуется.

https://jsfiddle.net/yanyshevvd/z5d9er3e/281/

1. Как можно синхронизировать движения "point" с окружностью с градиентом?

Большая картинка

2. Как установить одинаковое место старта анимации (движения элементов)?

Большая картинка

Answer 1

[Максим]

https://jsfiddle.net/2195myfv/