- June 6, 2021 at 3:41 pm
I want to do a animation as scrolling a webpage, all with expressions.
How to repeat this animation for each step like a scrolling ?
Also I want that animation not trigger direclty, but wait 2 seconds before it begin.
startPostion = 220; //position of my placeholder in main composition(1920×1080).
endPosition = 220 – (thisLayer.height *0.835)+860; //(placeholder height * scale) + 1080 -220.
numberSteps = 3; // number of step scrolling.
easeOut(time*1.05, 220, endPosition)
- June 8, 2021 at 10:55 amSome contents or functionalities here are not available due to your cookie preferences!
- June 13, 2021 at 6:00 pm
Someone can help me ?
- June 14, 2021 at 1:50 pm
Hey Rifton, what specifically doesn’t work in your execution?
How do you want to repeat this animation? Meaning, should it move down the website, pause and then move down again incrementally? Expression you have seems fine, but I would suggest using 2 values:
easeOut (time, 2, 5, 220, endPosition)
That way, your position would be interpolated based on time, from 2seconds to 5 seconds (you can change these, up to you, its just an example)
- June 14, 2021 at 11:43 pm
Yes, you had understood. I want to the move down incrementally, with a variable preferably. (eg. numberSteps = 3; //3 pauses in the scrolling down)
Can we do that ?
And thank you for your proposition with interpolation based on time. 👍
- June 19, 2021 at 1:44 am
Someone can help me, thanks 👍
Log in to reply.