jnhltmn Posted September 20, 2020 Share Posted September 20, 2020 Can someone tell me why my ease is not easing as expected? Obviously I wanted a "expo.inOut". But he's showing me a weird ease out. Thanks in advance! See the Pen JjXaOvZ by jnhltmn (@jnhltmn) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted September 20, 2020 Share Posted September 20, 2020 I'm guessing you meant to place the ease outside of the stagger object. See the Pen 2539299fb418b7af0e00e4844bbde224 by PointC (@PointC) on CodePen Is that what you meant? Happy tweening. 1 Link to comment Share on other sites More sharing options...
jnhltmn Posted September 20, 2020 Author Share Posted September 20, 2020 Thanks, but no. This easing is defining the easing of every single character, right? I want to give an ease to the whole stagger. Documentation says: "The ease that distributes the start times of the animation. So "power2" would start out with bigger gaps and then get more tightly clustered toward the end. Default: "none"." Link to comment Share on other sites More sharing options...
PointC Posted September 20, 2020 Share Posted September 20, 2020 Sorry, I looked at that too quickly. It looks correct to me. I adjusted the fork a bit. I boosted the stagger amount to 10 so you can clearly see the letters start and end quickly and really slow down in the middle. See the Pen 2539299fb418b7af0e00e4844bbde224 by PointC (@PointC) on CodePen PS You'd want use either 'each' or 'amount' in the stagger object. Not both. 3 Link to comment Share on other sites More sharing options...
jnhltmn Posted September 20, 2020 Author Share Posted September 20, 2020 With the ease.inOut I expected a slow start, a fast middle sector and an slow ending. Why am I wrong? 🤔 And good point! I was wondering which property is 'in charge' when using an 'each' and an conflicting 'amount'. 😏 Link to comment Share on other sites More sharing options...
PointC Posted September 21, 2020 Share Posted September 21, 2020 I know it feels a little backwards, right? Rather than go into a long winded explanation of the distribution of start times based on the ease curve, I'll let Professor @Carl's video take care of that for us. After you watch this, you should be able to visualize what's happening with your animation. Happy tweening. 2 Link to comment Share on other sites More sharing options...
Carl Posted September 21, 2020 Share Posted September 21, 2020 thanks for posting the video, Craig. I actually needed a refresher myself. 2 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