I was wondering if anyone has build courses that utilization parallax concepts? Parallax concepts are when slides seem to flip and move/animate with the scroll or the movement of a mouse. If so, how could this be done?
There's also a lot of post out there on the forums on this topic but they're generally associated with a mouse trigger (clicking a button or similar), but maybe one of these might work for you:
Sorry about that. I am having serious issues with the web servers (connecting through snow bound NE). I keep hitting a 404 wall with the Articulate website.
Anyway.........
I put together a very rough example of a parallax effect, based on information from a previous Bruce Graham post (http://bit.ly/1gwlvA8) and some insight from a few Screenrs I found on the web.
It's rough but it works AND it scrolls left and right. I am sure that others can put together a better example using finer State Changes, JavaScript or layers but it's a start!
I'm not entirely sure if this is what you're talking about, but here is a link to some stuff I was able to come up with in terms of transitions/animations. Use the menu in the upper right to move between examples.
11 Replies
Hi Shawn,
There's also a lot of post out there on the forums on this topic but they're generally associated with a mouse trigger (clicking a button or similar), but maybe one of these might work for you:
Creating Flipbook using Storyline
Storyline Flipcard Interaction Template
Flash Card Effect
Using States
Hi Shawn,
I remembered that David Anderson had created a couple cool examples in PowerPoint and PowerPoint can be "saved as" video and imported into Storyline.
Here are the two links for his Screenrs:
one
two
Also came across a couple threads with discussions here and here
What are you planning?
Thanks Becky!
Thanks guys... I think i remember those .... sadly our company does not use Power Point 2010 so i can not save to a FLA format... :(
Hi Pedro,
There was no content in your post, and I'm not certain if that's because you tried to delete it. It you need any assistance, please let us know.
Sorry about that. I am having serious issues with the web servers (connecting through snow bound NE). I keep hitting a 404 wall with the Articulate website.
Anyway.........
I put together a very rough example of a parallax effect, based on information from a previous Bruce Graham post (http://bit.ly/1gwlvA8) and some insight from a few Screenrs I found on the web.
It's rough but it works AND it scrolls left and right. I am sure that others can put together a better example using finer State Changes, JavaScript or layers but it's a start!
Shawn,
You may want to watch some concrete examples of Parallax used in course developement as well: https://player.vimeo.com/video/148903798
Cheers!~
Hi Pedro,
I certainly understand - I'm in snowy NY and just trying to stay warm!
Thanks for sharing the examples here, and the link to a video as well!
I'm not entirely sure if this is what you're talking about, but here is a link to some stuff I was able to come up with in terms of transitions/animations. Use the menu in the upper right to move between examples.
http://flatdesign.s3-website-us-east-1.amazonaws.com/
Hi.
I have looked at the examples of parallax scrolling here, and they are amazing. Thank you everyone.
However, I am a little nervous because the instructions on some of the demo sites don't help me because there is no story file to go with them.
I am using http://articulate-heroes-authoring.s3.amazonaws.com/Examples/Storyline/SL2/sodexho/story_html5.html as my inspiration for a new game I'm making. Please advise me on how the creator got the scrolling effect and the arrows for navigation.
Thank you kindly,
Iffaf
This looks like they used motion paths with a relative starting point. Clicking a button triggers a motion path.
This discussion is closed. You can start a new discussion or contact Articulate Support.