MetaPong: A JavaScript Animation Library

Post by stevethyc » Sun, May 01, 2016, 9:45 AM UTC

stevethyc wrote: post #6

edwinjm wrote: post #5

1) A demo that doesn't work when clicking the start button :`-( The developer was too lazy to put in a default image... 2) When using the logo of the page as url and typing a count of 999, the animation is very jerky. Animations with GSAP I saw where much smoother.

Yeah, 999 is a lot of sprites to move around. Point well taken about the example image though. The text in the help actually works. I'll get the insta-start example working. This library is definitely not meant to complete with something like GSAP. It's a subset of functionality to allow a quick and fun animations and it just uses CSS to animate so it's not for hard-core games and so forth.

Post by stevethyc » Sun, May 01, 2016, 9:46 AM UTC

stevethyc wrote: post #7

PavlovsCat wrote: post #3

The stutter is very jarring, you really should use requestAnimationFrame instead of setTimeout. And maybe also put the container height into a variable when the window gets resized, instead of grabbing it from the DOM all the time (not sure if that will make a meaningful difference, but I'd try it).

I'll look into requestAnimationFrame. I will a/b test the window size var, but I suspect it won't make a difference. But I'll try it.

Post by stevethyc » Sun, May 01, 2016, 9:50 AM UTC

Post by stevethyc » Sun, May 01, 2016, 10:49 AM UTC

chromanoid wrote: post #8

Nice little script you got there! But I don't think you should call it an "Animation Library". An animation library is much more to me. For comparison, TweenJS is a animation library.

Post by veli_joza » Mon, May 02, 2016, 12:03 PM UTC

stevethyc wrote: post #15

Thanks to EVERYBODY for all of the quick feedback! Keep it coming!