mikel

Hey @sybilrondeau, from the DOCs .play( from:Number, suppressEvents:Boolean ) : self Begins playing forward, optionally from a specific time (by default playback begins from wherever the playhead currently is). So try .play(0) Happy tweening ... Mikel

Hey Blake, Here scale with and without motionPath https://codepen.io/mikeK/pen/QWdZmNM https://codepen.io/mikeK/pen/gOpXozV The animation looks different. End position is the same.

Hey @OSUblake 'I don't know if changing the width and height will throw off its positioning.' I don't believe it! Hmmm, look at this example: https://codepen.io/mikeK/pen/QWdZQWw?editors=0010 Happy tweening the viewBox ... Mikel

Hey @dfreerider, Welcome to the GreenSock Forum. Could this be an option: https://codepen.io/mikeK/pen/rNWzGaa https://codepen.io/mikeK/pen/qBqEeMj Happy tweening ... Mikel

Hey @Metaloholic, Welcome to the Greensock Forum, There are some ways. Here is an option: one ScrollTrigger, 2. tween is positioned e.g. '+=2' https://codepen.io/mikeK/pen/abpRmNN Happy scrolling ... Mikel

Hey @Alex_JS, Welcome to the GreenSock Forum. You could use GSAP ScrollTrigger and tween a background-image. https://codepen.io/mikeK/pen/NWdOrda Happy scrolling ... Mikel

Here is another great ScrolloMeter on offer! https://codepen.io/mikeK/pen/c1099fe6d3d8c43ec2b928f006551450 Happy super scrolling ... Mikel

Hey @Samaritan, Welcome to the GreenSock Forum. Does this example match your expectations? https://codepen.io/mikeK/pen/vYKqvvz Happy scrolling ... Mikel

Hey @leonardpbd, There's another option here. To keep the focus on the 'current circle', you can adjust the y coordinate in the viewBox. https://codepen.io/mikeK/pen/OJWoxBX Happy moving ... Mikel

I couldn't do it with the quickSetter. But with this construction it works. https://codepen.io/mikeK/pen/NWdLWgM

Hey @Hughie, Sometimes it is better to have all in one. Let´s kite https://codepen.io/mikeK/pen/WNRKWLQ Happy tweening ... Mikel

Hey @Hughie, A quick way to get a path, without having to open tools is SVG Path Builder of Anthony Dugois (here a fork). With a little practice it works with a perfect curve. And here is another little pocket guide for SVG. Happy tweening ... Mikel

Hey @Othonna, here is the QuickTip re FOUC. Happy tweening ... Mikel

Hey @Hughie, You could vary the speed of the kite. Depending on whether rising or falling: Here is a logic from @OSUblake https://codepen.io/mikeK/pen/aWQdLa?editors=1010 Happy tweening ... Mikel

Hey @Hughie, You could position the kite on the starting point of the path. #kite-wrap, #kite { position: absolute; top: 290px; // d="M 140 300 left: 120px; width: 45px; height: 25px; background-size: 45px 25px; } https://codepen.io/mikeK/pen/xxgJLzY Happy kiting ... Mikel