Jump to content

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

mikel last won the day on November 22

mikel had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on November 22

mikel had the most liked content!

Community Reputation

3,403 Superhero

About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

7,177 profile views
  1. mikel

    Loco Automation

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

    Loco Automation

    Hey Dez, https://codepen.io/mikeK/pen/c5c84183d7725d3c335f141cb5b57f8f ... Mikel
  3. Hey @CoderJon Just another smooth alternative https://codepen.io/mikeK/pen/oNzXLWy?editors=0110 Happy tweening ... Mikel
  4. mikel

    Loco Automation

    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
  5. mikel

    Loco Automation

    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
  6. 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
  7. mikel

    Loco Automation

    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
  8. ... and an 'pure' alternative https://codepen.io/mikeK/pen/MWjYqwV Happy tweening ... Mikel
  9. 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
  10. 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
  11. 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
  12. Another option https://codepen.io/mikeK/pen/0f6b36d256899f45f9c71ba5bbfdc549?editors=1010 Happy tweening ... Mikel
  13. 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
  14. 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!") ... })
  15. 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.