mea_culpa Posted February 14, 2022 Share Posted February 14, 2022 Hi, can someone please explain why changing easing property from "none | linear", to any other affects transform translate? See the Pen mdrrbyo by oldskool123 (@oldskool123) on CodePen 1 Link to comment Share on other sites More sharing options...
OSUblake Posted February 14, 2022 Share Posted February 14, 2022 Hi mea_cupla, I'm not sure I understand your question. Changing the ease will only affect the perceived speed in relation to how far your scroll, but the amount it will translates stays the same. It's scrubbing the animation. It's no different than scrubbing a video or an animation using GSDevTools. 1 Link to comment Share on other sites More sharing options...
Carl Posted February 14, 2022 Share Posted February 14, 2022 consider that you have 4 panels moving horizontally. your tween is configured to translate along the x axis to reveal 3 new panels. The distance to move is the width of 1 panel * 3. there are 3 snap points being generated in precise 1/3 intervals (33.33%). the tween must move with no easing so that every time you scroll to advance 33.33% of the tween you line up perfectly at a snap point where a panel is fully visible. if an ease is applied, moving the tween 33.33% will not move the container 33.33% of the total distance. consider an ease with a strong ease in. advancing the progress by 33% will show very little visual change as the rate of change at the beginning of an ease in is very minimal. I understand this can be a bit much to wrap your head around if you are somewhat new to this. hopefully this helps. 3 Link to comment Share on other sites More sharing options...
OSUblake Posted February 14, 2022 Share Posted February 14, 2022 Oh, I didn't realize you were talking about the snapping. Link to comment Share on other sites More sharing options...
mea_culpa Posted February 14, 2022 Author Share Posted February 14, 2022 Thanks for answers! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now