Velocity Versions Save

Bugfix #889 - Stopping custom named queue breaks default main queue

10 June 2018

• Grab Promise in a try/catch Fixes #875 #875
• Get default duration if none set in arguments Fixes #874 #874
• Lock down some publicly accessible structures acb2bd5
• Add Stagger and Drag options back - available for all animations 6b961de
• Ensure default delay, fix "pattern" error, create callback for options to use 2bdd7c1

v2.0.4

28 May 2018

• Caching is disabled for scrollTop/Left so don't loop #866
• Expose Velocity().promise for use in Promise.all() etc #868
• Consistent getPropertyValue for width / height #860 #861
• Version 2.0.4-beta 86a918e
• Add auto-changelog 488a2a5
• Safer way to check for empty patterns 3318f13

Possibly the final beta release before this comes out of beta.

The major change in this version is the addition of Sequences.

These replace the old V1 RunSequence and transitions. They are about as powerful as plain CSS animations, but run within the Javascript layer of the library, and allow you almost full control over them for creating and playing with them at runtime.

When a tab is hidden it will now update via a background web-worker - this prevents issues that have been occuring as a result of browser optimisations. When this happens it will reduce the FPS to 30FPS (an option for reducing this further will appear at some point).

The UI-Pack has been updated, and is now simply a list of sequences that are available - these match the nice selection available from animate.css - as such they are intended as much as examples, as they are for use.

Example:

// Note that this one is already included in the UI-Pack...
Velocity("registerSequence", "bounce", {
    "duration": 1000,
    "0,100%": {
        transformOrigin: "center bottom"
    },
    "0%,20%,53%,80%,100%": {
        transform: ["translate3d(0,0px,0)", "easeOutCubic"]
    },
    "40%,43%": {
        transform: ["translate3d(0,-30px,0)", "easeInQuint"]
    },
    "70%": {
        transform: ["translate3d(0,-15px,0)", "easeInQuint"]
    },
    "90%": {
        transform: "translate3d(0,-4px,0)"
    }
});

document.querySelector("#myElement").velocity("bounce");

You may pass any options you wish to a sequence. There are (currently) only a small number of defaults allowed when defining them, but anything you pass when calling will override them.

Keep your eyes open for updated documentation covering this soon.

Internal updates and fixes. Last version before major sequencing / ui-pack update. Now uses the "velocity-animate" namespace for RequireJS.

• Fix a pattern matching error.
• Add the "reverse" command.

Now available on NPM with "npm install velocity-animate@beta"

Major update of code and API. This is largely compatible, but please read the wiki and v2 changes for more information.

Bugfix release, #830, #827, #803.

Update JSDelivr API links for npm API, #799

IE9 bugfixes (now passes all tests). Fix performance.now() polyfill for older browsers. Various IE related bugfixes (IE8 still doesn't pass all tests though).

Fix for IE compatibility, allow negative numbers in auto-parameters.