Good afternoon everyone, I'm currently working on a course where I'm trying to make a circular diagram spin on a central axis. It needs to rotate 90° after click on a trigger, four times until it's back into it's original position.
Anyone have any idea how I could do this? I guess the answer will be motion path, however I can't seem to figure out how to make the rotate rather than move in a circle.
Michael, I have been noodling around with your version of Mike Enders' spinning wheel demo and have also viewed your gears example. Thanks for both, they have been enormously helpful to me as I've been tinkering with a course idea that involves spinning gears. I think I understand the general programming logic you used, but am stumped about the "SpinCount" variable. ...how does SL know what a SpinCount is? It looks like you created that variable name (vs. it being a built-in command) but somehow SL knows it means "to spin". I greatly appreciate you generously sharing your wisdom!
In my example, the SpinCount variable is a custom variable that is 'driven' by an offstage object (see screenshot). This offstage object has a looped motion path animation. Everytime this animation completes, the variable is increased and based on that, the state of the spinning windmill is changed.
I've very quickly (<5min) created a clock example for how I've achieved this sort of thing in the past. Essentially I use an offset image and use the 'spin' animation.
I've very quickly (<5min) created a clock example for how I've achieved this sort of thing in the past. Essentially I use an offset image and use the 'spin' animation.
Greetings! I'm trying to do these rotating effects like the windmill on an object and it won't let me do any rotations when editing the states. How did you get the windmill image to rotate for the other states? The rotate icon goes away when I edit the states. (see screenshot)
Hi Amy! This thread is a bit dated and I'm not sure if Subhashis is still subscribed here. You are certainly welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.
Ok, I have read a number of solutions on this problem that work. However, is it really that hard to include a default rotate animation in Storyline that can easily be set up to play on loop?! It takes an eye-watering amount of triggers to achieve that effect at the moment.
I'll request it as well. I would think it would be a marriage of the circular motion path & the dial interaction.... The Spin motion path (with an arc/degrees variable)!
I know this is an old thread but I picked up a useful tip at an Articular webinar this week, and thought I add this as one more option. You can also spin an object by adding a circular motion path, set its dimensions to 1 px for height and width, turn off any easy options and select the Orient Shape to path option. This option requires no states or offstage animations. See attached a quick example and here is the published version.
47 Replies
Michael, I have been noodling around with your version of Mike Enders' spinning wheel demo and have also viewed your gears example. Thanks for both, they have been enormously helpful to me as I've been tinkering with a course idea that involves spinning gears. I think I understand the general programming logic you used, but am stumped about the "SpinCount" variable. ...how does SL know what a SpinCount is? It looks like you created that variable name (vs. it being a built-in command) but somehow SL knows it means "to spin". I greatly appreciate you generously sharing your wisdom!
In my example, the SpinCount variable is a custom variable that is 'driven' by an offstage object (see screenshot). This offstage object has a looped motion path animation. Everytime this animation completes, the variable is increased and based on that, the state of the spinning windmill is changed.
I've very quickly (<5min) created a clock example for how I've achieved this sort of thing in the past. Essentially I use an offset image and use the 'spin' animation.
Example: http://divers1fy.com/as_forums/clock/story.html
(Please excuse the rough offset... rushed it! :) ).
Hope that helps.
Tim
Thanks Michael and Tim for your help and examples.
Just to add to the 'clock theme, here is another example.
Greetings! I'm trying to do these rotating effects like the windmill on an object and it won't let me do any rotations when editing the states. How did you get the windmill image to rotate for the other states? The rotate icon goes away when I edit the states. (see screenshot)
You need to apply the rotation BEFORE you copy&paste that object into a state.
I'm not sure what you mean...do I copy and paste the object in the normal state...rotate it...then cut and paste it to the new state?
You need to have an object on your slide (outside of any states), rotate it and then copy&paste that object into a state.
Thanks Mike! I think I got it.
Do you know how to make the spin go longer than the three seconds?
Hi Amy! This thread is a bit dated and I'm not sure if Subhashis is still subscribed here. You are certainly welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.
Ok, I have read a number of solutions on this problem that work. However, is it really that hard to include a default rotate animation in Storyline that can easily be set up to play on loop?! It takes an eye-watering amount of triggers to achieve that effect at the moment.
That would make an excellent feature request, Atanas! I can see how that feature would be handy for a lot of folks. Can you tell us more about how you'd like it to function here?
I'll request it as well. I would think it would be a marriage of the circular motion path & the dial interaction....
The Spin motion path (with an arc/degrees variable)!
Good idea, Alyssa! Request submitted!
Thanks for taking the time to submit one, Owen and Atanas!
A real fantastic solution! Thank you!
Glad this was helpful for you as well Heinz :) Thanks for chiming in to share.
I know this is an old thread but I picked up a useful tip at an Articular webinar this week, and thought I add this as one more option. You can also spin an object by adding a circular motion path, set its dimensions to 1 px for height and width, turn off any easy options and select the Orient Shape to path option. This option requires no states or offstage animations. See attached a quick example and here is the published version.
Thanks, Michael. Old or not we always love to see the helpful tips!
Hi,
Here is an example using easy trigger for infinite smooth 4 point rotation.
You just need variable, states and animation. No coding needed.
For infinite rotation, It's important to not use the states as they don't reset but the layers and have them to reset.
demo:
https://360.articulate.com/review/content/5ec14383-e3d0-4d0c-8a1a-17c2e1587a95/review
source file:
https://www.dropbox.com/s/3qew47xlezbspte/rotation%202.story?dl=0
cheers!
Maria