7 comments

  • Ryan GloverRyan Glover, over 9 years ago

    Velocity.js looks great! Going to play with this over the weekend :)

    1 point
  • Cihad TurhanCihad Turhan, over 9 years ago

    Hi Julian, thanks for awesome library. I'll give it a try as soon as I start a new project.

    I've used jquery.transit plugin so far and had fun much. I added something like myTransition() function to add custom stagger for each element individually. Stagger for each element increases gradually like the following:

    Time(ms) Element 0 0 80 1 120 2 140 3 150 4 165 5

    So it grows so called exponentially.

    By this logic, if the number of elements on a page increases, your total animation time will not increase as much. Otherwise, let's say you have 150 elements and give 50ms stagger for each elements and this will took 7.5 seconds to finish the whole animation chain which is a long duration. However, using this kind of logic it will took like 1-2 seconds which is plausiable.

    If you like the idea I can create a pull request in a spare time.

    0 points
    • Julian ShapiroJulian Shapiro, over 9 years ago

      Hey Cihad,

      This is a fantastic idea. I would recommend looking into the special 'drag' option before pursuing this. You can read about drag here: www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/

      I'll be mulling over whether what you're asking for can be well-approximated with drag + stagger. If not, I'll consider adding in your proposed functionality. Either way, come say hello on GitHub so we can further the conversation.

      • Julian
      2 points
      • Cihad TurhanCihad Turhan, over 9 years ago

        Hey Julian,

        So, you've done very similiar one that I written above. That's an fantastic feature too. As far as I understand, drag changes the elements' duration and increases it for each iteration. What I meant is changing delay between each elements which makes it more fluid if # of elements are high. Here is an example I meant.

        Thanks

        0 points