Canvas: синхронное движение по окружности, возможно?

Question

[olegivanchenko80]

Возможно ли и как лучше реализовать движение объектов по окружности (очень подобно на солнечную систему, лишь с одной орбитой и 3мя планетами) - с равными скоростями

т.е. "планеты" движутся равномерно со своих позиций с одинаковой скоростью...
проблема лишь с пониманием как эти планеты разместить и как заставить их двигаться по краю окружности.

Answer 1

[Alexander Pushkarev]

HTML (взято тут)
Canvas (взято тут)

Comments

[olegivanchenko80]

спасибо

[olegivanchenko80]

вопрос лишь как уместить на одной "кривой" три шара в варианте с canvas?

[olegivanchenko80]

codepen.io/anon/pen/dvoQwK

[olegivanchenko80]

единственное что не очень сглаженная линия :)

Answer 2

[xmoonlight]

Возьмите Crafty.js и там это делается за 5 минут.

Comments

[olegivanchenko80]

каждая либа - не есть хорошо в конечном итоге :)

[xmoonlight]

olegivanchenko80: вот тут - даже и не поспоришь.... :))
Просто советую глянуть...

Answer 3

[Dmitriy Mozgovoy]

Тригонометрию не изучали что ли, что может быть проще?
Sin + Cos + обязательно отрисовку сцены в requestAnimationFrame, а в setInterval инкрементировать угол.

Comments

[olegivanchenko80]

чсв прёт? к чему первая часть ответа?

[Dmitriy Mozgovoy]

olegivanchenko80: да-да, чсв на 7м классе тут прокачаешь :\ даже не знаю к чему оно, видать тут филологи сидят, а не программисты