One issue I didn't mention in my explanation was that if your motion paths are not exactly the same length your image will eventually settle on one side or the other. For this demo I intentionally didn't change the length of either motion path.
I created a similar type of exercise where the leaner uses their mouse to hover over arrows to pan from side-to-side. I am not sure I would do it this way in real life, but wanted to share it none the less. Enjoy.
That is very odd considering it isn't zipped. You might try right-clicking and in the menu select Save Link As. It should download as a SliderMotionPath.story.
Charles, I have just figured it out. I have been trying to download the file in my company's default browser IE, which offers no other file save option but zip. When I copy and paste the URL into Chrome, it downloads the file easily. Thank you again for sharing your work... I appreciate it.
Glad you were able to download the file, and just an FYI that replying via email includes your signature here, so you may want to look at editing the post to remove that information if you'd prefer it not be public.
This motion path slider technique works great with one exception. My colleague John Kostrey and I were working to apply it to a project but noticed that if you scroll the slider real fast the graphic animation gets off track and at least a portion of the graphic ends up off stage. Because of this we decided to take a different approach. Rather than using a slider, we are using up/down/left/right buttons to trigger the animations. We also programmed it to allow the up/down/left/right keys to trigger the animations. Here is a sample: https://dl.dropboxusercontent.com/u/95858116/FM%20Game/Pano%20-%20Storyline%20output/story.html
You bet Charles! I tried making the opposing motion paths the exact same length and still experienced the issue with the animation getting off when you slide real fast back and forth. In your example above it gets off as well. Not sure if there is a fix for it?
32 Replies
One issue I didn't mention in my explanation was that if your motion paths are not exactly the same length your image will eventually settle on one side or the other. For this demo I intentionally didn't change the length of either motion path.
Thanks for sharing Charles :)
Hey Charles that's awesome! I just updated the recap to include your forum thread and YouTube overview.
Thanks again!
Nice Charles, I'd never used a Chaser variable. Love the simplicity of it!
Hi Charles,
Thanks for sharing this.
Thanks for share.
I'm trying to do the same but with an slider from 0 to 10 (starting from the left)
You have an idea how can I do?
Thanks again.
Hi Vicente,
It is a little hidden feature. All you have to do is go the the format settings for the slider and select "picture fill" for the thumb fill option.
Love it! Thanks for sharing Charles.
Great!
Thank you Charles. you're the Man
Glad this thread helped you out Thierno!
Theirno, I am glad you found it helpful.
Hi All,
I created a similar type of exercise where the leaner uses their mouse to hover over arrows to pan from side-to-side. I am not sure I would do it this way in real life, but wanted to share it none the less. Enjoy.
Thanks for sharing Charles :)
Hi Charles,
I love this but I cannnot open the file.
Hi Chris,
My guess is that you have Storyline 1 and since this is SL2 it won't open.
Best,
Charles
This post was removed by the author
Chris,
That is very odd considering it isn't zipped. You might try right-clicking and in the menu select Save Link As. It should download as a SliderMotionPath.story.
Charles,
I have just figured it out. I have been trying to download the file in my company's default browser IE, which offers no other file save option but zip. When I copy and paste the URL into Chrome, it downloads the file easily.
Thank you again for sharing your work... I appreciate it.
Kind regards,
Chris
Hi Chris,
Glad you were able to download the file, and just an FYI that replying via email includes your signature here, so you may want to look at editing the post to remove that information if you'd prefer it not be public.
Here is a post from a friend and former colleague John Berendes did using the same technique.
http://www.thearticulatetrainer.com/how-can-i-use-a-slider-to-create-a-moving-timeline/
He gives a much better and more detailed explanation.
Thanks for sharing Charles :)
This motion path slider technique works great with one exception. My colleague John Kostrey and I were working to apply it to a project but noticed that if you scroll the slider real fast the graphic animation gets off track and at least a portion of the graphic ends up off stage. Because of this we decided to take a different approach. Rather than using a slider, we are using up/down/left/right buttons to trigger the animations. We also programmed it to allow the up/down/left/right keys to trigger the animations. Here is a sample: https://dl.dropboxusercontent.com/u/95858116/FM%20Game/Pano%20-%20Storyline%20output/story.html
Here is the .story as well: https://dl.dropboxusercontent.com/u/95858116/FM%20Game/Pano.story
Hi Ken! Thanks for sharing with the community :)
Ken,
Thanks for sharing.
Yes the secret is that the opposing motion paths must be exactly the same length. I have found you can use the arrow keys + Shift to resize the paths.
You bet Charles! I tried making the opposing motion paths the exact same length and still experienced the issue with the animation getting off when you slide real fast back and forth. In your example above it gets off as well. Not sure if there is a fix for it?
This discussion is closed. You can start a new discussion or contact Articulate Support.