2KB JavaScript animation library

Spring physics, frame-based callbacks (see the `change()` examples), functions as values for duration, delay and any property you animate, making staggered animations easy to create, etc.

Re: 2KB JavaScript animation library

#6

Post by blumomo » Sun, Dec 03, 2017, 4:53 PM UTC

Examples in readme not working on latest iOS

Re: 2KB JavaScript animation library

#7

Post by [deleted] » Sun, Dec 03, 2017, 4:54 PM UTC

[deleted]

Re: 2KB JavaScript animation library

#8

Post by benjamindc » Sun, Dec 03, 2017, 4:56 PM UTC

blumomo wrote: post #6

Examples in readme not working on latest iOS

All the examples use the untranspiled version which is comptabile with the browsers listed here: https://github.com/bendc/animateplus#browser-support

Re: 2KB JavaScript animation library

#9

Post by jonahx » Sun, Dec 03, 2017, 4:59 PM UTC

benjamindc wrote: post #5

Introvertuous wrote: post #2

Out of curisoity, what would your library provide over the web animations api.

Spring physics, frame-based callbacks (see the `change()` examples), functions as values for duration, delay and any property you animate, making staggered animations easy to create, etc.

Nice. I'd be interested in that and love small footprint libraries. Do you have a comparison with http://velocityjs.org/ or other popular alternatives?

Re: 2KB JavaScript animation library

#10

Post by benjamindc » Sun, Dec 03, 2017, 5:06 PM UTC

jonahx wrote: post #9

benjamindc wrote: post #5

Earlier quoted context omitted.

Spring physics, frame-based callbacks (see the `change()` examples), functions as values for duration, delay and any property you animate, making staggered animations easy to create, etc.

Nice. I'd be interested in that and love small footprint libraries. Do you have a comparison with http://velocityjs.org/ or other popular alternatives?

In terms of performance, it outperforms all the animation libraries I’ve tried ( you can compare the stress test linked at the bottom of the page with this version made with GreenSock: http://animateplus.com/examples/stress-test/gsap/ ). In terms of weight and parse time, it’s also the fastest afaict. That being said, it’s not as powerful as GreenSock for example as it mainly focuses on performance and simplicity.