mikel

So we'll see the solution tomorrow. Just do it. Mikel

Hey Dez, https://codepen.io/mikeK/pen/c5c84183d7725d3c335f141cb5b57f8f ... Mikel

Hey @CoderJon Just another smooth alternative https://codepen.io/mikeK/pen/oNzXLWy?editors=0110 Happy tweening ... Mikel

Hey DEZ, Take a look at the two png PistonLinkage: in the new one, the motif is not at right angles - this could be the problem. Every pixel counts ... Mikel

Hey @Dez, I've now set up a different, simple concept here. It looks great with SVG elements. But: There is still a mistake in it. https://codepen.io/mikeK/pen/zYKGxpe Tonight I'm looking at the difference between your old and new implementation - why it doesn't work ... Turn up steam ... Mikel

Hey @gareth, ... and a loop for the duration: duration, delay, and stagger do NOT refresh. https://codepen.io/mikeK/pen/OJRPaPG?editors=1010 Happy looping ... Mikel

Hey @Dez Welcome back. Look at this example again. The key is the circle (as Paul mentioned) plus the onUpdate function. https://codepen.io/mikeK/pen/abvXeoV?editors=1010 Here in a close-up. It becomes apparent that the positioning of the individual parts and the mathematical calculation can still be optimized. https://codepen.io/mikeK/pen/gOpXozV?editors=1010 Put a few more coals on it ... Mikel

... and an 'pure' alternative https://codepen.io/mikeK/pen/MWjYqwV Happy tweening ... Mikel

Hey @Hector Haralambous, Welcome to the GreenSock Forum. Here an example to get the position of an element relative to the document / to the parent (see console). Overlapping: This requires complex logic. Here is an example of how Draggable hitTest is used (no way to get pixel-perfect hit testing for non-rectangular shapes): drag the blue (only this one!). https://codepen.io/mikeK/pen/10150b34fdfd81f1e314f57355d7990d?editors=1010 Happy tweening ... Mikel

Hey @mattdown, From the DOCs How does duration work with scrub: true? If you change the duration of all the tweens to the same number, say 1, then the percentages would all be equal: 100% -> 66%, 66% -> 33%, 33% -> 0%. This is because the total duration is 3, so ⅓ is 33%. In other words, the duration values don't matter as much as the proportions of the duration of each tween compared to the total time of the timeline. https://codepen.io/mikeK/pen/PoGoaMr?editors=1010 Happy scrubbing ... Mikel

Hey @Olga Ramos, Welcome to the GreenSock Forum. If you want to divide an apple you could use GSAP Scrolltrigger https://codepen.io/mikeK/pen/1b9de110132a39f2bb6cb08bd8174d54?editors=1010 Happy merging ... Mikel

Another option https://codepen.io/mikeK/pen/0f6b36d256899f45f9c71ba5bbfdc549?editors=1010 Happy tweening ... Mikel

Hey @Seyi, Unfortunately, I have no idea why your code doesn't work the way you want it to. But here's a simple example for charts: https://codepen.io/mikeK/pen/RwGwWma?editors=0010 Here is a live link to test it on an Iphone. Happy tweening ... Mikel

Hey @Lichay, Images with around 100 bytes would not be a problem. To execute JavaScript code when the page has fully loaded - includes things like large images - you could window.addEventListener('load', function () { alert("It's loaded!") ... })

Hey @Lichay That is absolutely correct. If you use pictures like the YOGA with 5.6 mb, then it just takes some time to load.