Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Landrynadre

Nodding head

Go to solution Solved by OSUblake,

Recommended Posts

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

  • Solution

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

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)
})

 

  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×