Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
What is the Parallax Effect?
Parallax scrolling is a motion effect that’s used to simulate depth by animating background i...
Published 6 years ago
Version 1.0
Blog Post
I made something new based on something old. I have been wanting to redo this parallax project to see how well it works in Storyline 360...not bad but GIFs are a bit goofy. It might be the browser. Anyway, this is still rough and I have more to add in and polish. I have an idea that could let me do away with GIFs (if it works).
Parallax Astronaut: http://elearninglocker.com/Samples/ParallaxAstronaut/story.html
You can download it here: http://elearninglocker.com/portfolio-items/storyline-experiment-parallax-astronaut/
I want to fix the flashing when the astronaut goes from standing to walking. Also, I learned Storyline can only import a file with a max width of 2048. So I scaled up some of these graphics so they get blurry. Also, because Storyline scales, set the width of your projects to be higher to reduce blurring.
Parallax Astronaut: http://elearninglocker.com/Samples/ParallaxAstronaut/story.html
You can download it here: http://elearninglocker.com/portfolio-items/storyline-experiment-parallax-astronaut/
I want to fix the flashing when the astronaut goes from standing to walking. Also, I learned Storyline can only import a file with a max width of 2048. So I scaled up some of these graphics so they get blurry. Also, because Storyline scales, set the width of your projects to be higher to reduce blurring.
Nicely done. Is the astronaut a gif as the thumb on a slider?
- Steve, the astronaut is a gif when walking. It is actually not on a slider itself. It stays put on the screen and doesn't move. But I tell it to go to the walk state I have when the backgrounds, which are on sliders, move.
- Nice. As soon I commented I realised you'd need to way to turn the walking on and off. Looking forward to the video