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
Really great example, David! I loved it. How did you make it, if you don't mind me asking?
Is it a giant slider in there that is transparent? How was the "drag to slide function" been made? Might seem a dumb question, but I am very new to sliders, as I've find them quite buggy in the past and just worked around them :)
Is it a giant slider in there that is transparent? How was the "drag to slide function" been made? Might seem a dumb question, but I am very new to sliders, as I've find them quite buggy in the past and just worked around them :)
Thanks, Alex! I will be creating a video and will post it here when done. Basically it is several sliders with the different layers. The slider variables are all set the same so if one moves, they all move. The astronaut never moves but I switch between states when the user is dragging a slider. The states are standing, walking forward, walking backward, and saluting. When I switch to a walking state, I show a layer that acts as a timer. If the timeline gets to the end, then I stop the walking and go back to the standing state. If you keep moving the slider, it keeps re-showing the timer layer so that it never gets to the end. That is how I get the character to stop walking. Now to fix so many bugs!
Hope this helps!
Hope this helps!
- Hi David, thanks very much for doing a video on it, I look forward to seeing the process and I'm sure your worded explanation will be completed by a visual in practice. Thanks very much for taking the time to share some light on your great technique!