Landrynadre Posted October 15, 2021 Share Posted October 15, 2021 Hi, I try to nod my head but my animation is not natural as the neck is not stretching but moving in the Y axis. What can I use to make my animation smoother? I would like to make a short pause between the animations, i.e. the head leans forward returns, pauses leans back, returns and so on I will want to move my fingers and hands on the keyboard, would someone suggest what functions can I use for such things? And are there any tools that will allow me to click such an animation and then use gsap to animate it? See the Pen ExvPKpy by Landrynadre (@Landrynadre) on CodePen Link to comment Share on other sites More sharing options...
Solution OSUblake Posted October 15, 2021 Solution Share Posted October 15, 2021 Hi Landrynadre, You should can use the position parameter to control when stuff should happen. See the Pen yLoeJgJ by GreenSock (@GreenSock) on CodePen 25 minutes ago, Landrynadre said: And are there any tools that will allow me to click such an animation and then use gsap to animate it? For complex animations like that, most people create them with Adobe After Effects, and then you can play them on the web with Lottie. Link to comment Share on other sites More sharing options...
Cassie Posted October 16, 2021 Share Posted October 16, 2021 15 hours ago, Landrynadre said: And are there any tools that will allow me to click such an animation and then use gsap to animate it? Or are you looking for an event listener? (pseudo code) svg.addEventListener('click', (e) => { timeline.play(0) }) 1 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