Different stop points on circular motion path
May 08, 2017
Is it possible to have different stop points on a circular motion path? I'd like to have some intro animation on a slide in which icons radiate out from the top point of a circle and move clockwise, each stopping at a different point along the circle so that at the end it will look more or less like this:
I.e., all icons would start at position 1, then each subsequent icon would stop at the next place along the circular motion path as the rest continue around the circle. I don't see an obvious way to allow for different stopping points along a circular motion path, so I thought I might be able to create two versions of each icon - one that would move around the whole circular motion path (represented above by the light blue circle in the background) and another in the designated stopping place along the path. Then, if I can time it right, I'd have the moving icon disappear when it reaches its stopping point and the corresponding stationary icon appear at the same time. I have a feeling it would be hard to make that look smooth, though, so any other suggestions would be appreciated!
Thank you!
9 Replies
Hello Gracia and welcome to E-Learning Heroes :)
I'm no designer and I'm not quite sure what you'd like to happen with regard to the animation, but I'm sure some others in the community can pop in to share ideas with you.
When I see the image above, I could envision:
Good luck with your project. I look forward to seeing what others share.
You're right, variations in browsers and buffering would make a smooth animation nearly impossible.
With the blue circle there as a guide, you can draw a freehand motion path along its outline to move each icon individually to exactly where you want it. It would work to time their start times to have the spacing you want.
Hi Gracia,
Here's a really quick mockup: https://360.articulate.com/review/content/9ce780f5-440f-4fc6-af88-354f71981669/review
Let me know if that's even close to what you're looking for.
That's exactly what I was thinking, thanks David!! Would you mind sharing how you created this?
Right on. I attached the source file so you can take a look. You'll see three different approaches. The one I liked best was using the Curve path.
Storyline 360 makes this type of animation a lot easier because the motion paths can be renamed.
I'll record a quick screencast to show how I built it.
Awesome 😊
Here's a quick screencast: https://360.articulate.com/review/content/fd25515e-5807-4fc3-bff9-86d1bda35a06/review
I like the idea of the individual paths because it gives more control and it's a smoother transition since each animation begins relative to the other's end point.
I also like turtles.
Thank you so much!! This was incredibly helpful. I've never used the object intersect triggers - wasn't aware of that option until now. Love learning new tricks!
This discussion is closed. You can start a new discussion or contact Articulate Support.