block by jhellier ded7b30434df96f9a9f0

Circles: Grow and 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 grow and shrink as they move around.

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