walk cycle with convert coordinates

[sonia90]

I've seen this codepen demo on GSAP 3 convertCoordinates() and I thought that it could be apply to simulate a walk cycle.

But the problem is that I'm a begginer and I can't convert this mouvement into code.

Any help or tips on how you convert a movement into code would be greatly appreciated.

Thanks

See the Pen GRJEGzB by GreenSock (@GreenSock) on CodePen

[GreenSock]

Hi @sonia90. Welcome to the forums.

 

I don't understand what you're asking, sorry. "how you convert a movement into code?" 

 

Maybe this thread will help?

 

[sonia90]

Hi Jack I wonder if it's possible to use convertCoordinates to make a walk animation.

Is it a good idea to use convertCoordinates  for that

 

 

[GreenSock]

I'm struggling to understand the connection. How would you use convertCoordinates() to make a walk animation? It's for converting coordinates from one local space to another. 🤔

[sonia90]

I thought I could use it to position the knees dynamically. If we say that the red arm in the example represent the thigh and the blue arm the shin the junction between them the knee. I can move the thigh and the shin and convertCoordinates will calculate the knees position

[GreenSock]

Oh, now I see what you mean. I suppose you could try it that way, sure. Seems a bit complicated but I'm not sure there's a simple way other than maybe nesting. Like you rotate the leg which has the lower leg nested, and you rotate the lower leg which has the foot nested in that, and rotate that as well, etc. So they're all connected in unison and you don't have to convert coordinates to move things and stay connected.