Assets 2

Bug fixes

  • Fix ReferenceError on document when running anime.js on the server #472 #481 #345
  • Fix a bug that prevented complete callback to be called again when re-playing the animation #483 #373 #378 #392 #408
  • Fix a bug triggering a TL promise instantly #159

@juliangarnier juliangarnier released this Jan 9, 2019 · 24 commits to master since this release

Assets 2

animejs-v3-release

New features

  • New easings: spring(mass, stiffness, damping, velocity) and steps(x)
  • Add endDelay parameter
  • New keyframes system
  • New staggering helper
  • New callbacks: loopBegin(), loopComplete(), changeBegin(), change() and changeComplete()
  • Automatic CSS units conversion
  • Responsive motion path animation
  • New set() helper to apply values instantly to multiple targets
  • ES6 Modules and new build process
  • New documentation
  • A website.

Bug fixes

  • No need to re-define a transform property when animating multiple transforms on the same target in a timeline
  • Improved simultaneous animations on the same target #257
  • Allow remove() to remove targets from timeline #318 #286
  • Reversed animations can now be delayed using endDelay #254
  • Better inline style unit handling (check inline style before getComputedStyle) #251
  • SVG scale property is no longer overridden by CSS transform scale #316
  • Fix Uncaught “TypeError: Cannot read property 'targets' of undefined” when there are no TL parameters object specified #341
  • Fix a bug that prevented specific HTML ids selectors to be selected (HEX colours) #281
  • Fix wrong initial SVG transform value in some cases #340

API changes

  • run() callback has been replaced by change()
  • animations are now paused when tab of window is not active
  • getValue() has been replaced by get()
  • Cubic Bézier curves are now defined using a string ‘cubicBezier(x1,y1,x2,y2)’ instead of an array
  • Timeline offset property has been replaced by timelineOffset #229
  • Timeline offset can be set as a second argument inside .add()

@juliangarnier juliangarnier released this Sep 25, 2017 · 254 commits to master since this release

Assets 3

loop

Improvements

  • Performances boost, up to 1.5 faster 🔥
  • Add support for RGBA and HSLA colors animations

Bug fixes

  • Fix timeline children begin() callback
  • Fix a bug where some timeline durations weren’t properly calculated
  • Fix a bug where anime.path() initial values weren’t properly set #245
  • Fix a bug where percentage unit starting values were miscalculated #238
  • begin() and complete() callbacks are now called instantly if duration is 0

@juliangarnier juliangarnier released this Sep 17, 2017 · 276 commits to master since this release

Assets 2

Improvements

  • Children animations can now inherit properties from their parent timeline (targets, duration, delay, easing, round) (#152)
  • Add support for vmin/vmax/ch units
  • Add support for the transform perspective property (#207)
  • Add support for circle, rect, polyline, polygon and line shapes for anime.setDashOffset() (#145, #155)
  • duration: 0 now instantly finish the animation (#228, #208)
  • Animation initial values are now automatically set even if autoplay is false

Bug fixes

  • Fix timeline Callbacks at initialisation (#215)
  • Fix timeline Promise being called instantly (#159)
  • Fix wrong values re-composition for complex CSS properties (like filter, box-shadow, calc()…) (#119, #174, #175, #167, #223)
  • Numerical values are not converted to strings anymore (#116)
  • Relatives values now keep their unit (#214)
  • Seeking an animation to 0 now correctly set the initial properties values (#177, #208)
  • run callback is now properly called after animation delay

@juliangarnier juliangarnier released this Mar 26, 2017 · 330 commits to master since this release

Assets 2
  • Fix Timeline bugs and improvement #113 #131 #121
  • Fix an IE bug related to Promise #123
  • Absolute images path in documentation #114

@juliangarnier juliangarnier released this Feb 23, 2017 · 349 commits to master since this release

Assets 2

What's new?

  • Up to 2 times faster
  • Multiple keyframes by properties
  • Animations timeline
  • Custom bezier easing functions
  • Promise support
  • Relative values (+=, -=, *=)
  • Reverse animations at anytime with animation.reverse()
  • Brand new documentation

Improvements

  • New elastic easing functions (elasticity can slightly differ from v1.x)
  • Improved playback and callback systems
  • Motion path animation supports reverse and alternate directions
  • easing, elasticity and round properties accept functions as value
  • Add animation.paused to check if the instance is running or not
  • Add animation.reset() to properly reset an animation
  • Simpler instance Object

Changes to consider when migrating from v1.x

  • update callback is now called right after .play()
  • animation.ended replaced by `animation.completed``
  • animation.play() and animation.restart() no longer accept arguments
  • anime.list is replaced by anime.running
  • No more ...Bounce and OutIn... built in easing functions
  • No more animation.settings, all parameters are now accessible directly at the root of the Object
  • Remove will-change support on CSS animation
  • reverse direction now make the animation goes from 100% to 0% instead of reversing tweens properties

@juliangarnier juliangarnier released this Dec 27, 2016 · 535 commits to master since this release

Assets 2

Bug fixes

  • Fix an SVG path animation bug when using easeInSine eaquation #100
  • Begin callback is now correctly fired when a delay is a function #98

@juliangarnier juliangarnier released this Oct 26, 2016 · 538 commits to master since this release

Assets 2

Bug fixes

  • Fix #79 Begin argument is now correctly called when delay is a function
  • Update argument is now called only if the animation smallest delay is finished

Other

  • Add function based timing values example in documentation
  • Improve colors examples

@juliangarnier juliangarnier released this Sep 5, 2016 · 544 commits to master since this release

Assets 2

API changes

  • Add easeOutIn easing functions #53

Bug fixes

  • Chrome 53 SVG path animation fix #66

Optimisations

  • Simpler is functions

Other

  • Add JS Object animation example in documentation
  • Add SVG path and color animation examples

@juliangarnier juliangarnier released this Jul 4, 2016 · 561 commits to master since this release

Assets 2

Internal changes

  • Performance optimisations
  • Use a unique Request Animation Frame (instead of creating a new one for each animations)
  • Replace +new Date() with the RAF timestamp
  • Add -webkit- prefixe for Safari < 9

Minor API changes

  • Remove myAnimation.running
  • Replace myAnimation.time by myAnimation.currentTime
  • Add anime.version

Other

  • Add examples directory