block by jhellier ccf82abda6cf482ff9f3

Circles: Rotate

Full Screen

Built with blockbuilder.org

This is part of a series looking at the movement of circles in circular patterns. Clicking on one of the small inner circles starts that inner circle rotating. Clicking on it again, stops the rotation.

This example has the circles rotate around the inside of the perimeter of the large circle.

You can put any number of circles in the large base circle and they will be evenly spaced.

The position of the each circle is tracked so that you can start and stop each circle without doing complex calculations for determining where the circle is and where it needs to go. Or at least it seemed more complex to me versus just tracking the last degree position.

This could be expanded to have controls for changing the number of circles, changing how they rotate. Up to your imagination.

There will be other versions that will show more types of movement.

index.html