I'm happy to say GSAP has given me hope again. I switch from jQuery animations (and some css3 jquery plugins) to GSAP tweens and instant performance gains!
However, I'm still not happy with the performance I get on my Samsung Galaxy S2x. It's a pretty decent phone so I know it has the power to play some high end games.
I think using phonegap's browser plugin caused some issues, but even using mobile chrome the performance is choppy and not good enough for a production app.
Of course, I could be doing something very wrong as I'm new to the mobile HTML5 scene. I'm hoping someone might be able to help determine if my issue is animation related or just bad code in general.
My animations are pretty simple:
TweenLite.to(jem, animationSpeed, {top:(blockSize*row)});
It's maybe all the other stuff that gets in the way?
I've put everything in jsbin for easy viewing in browser and on mobile devices:
http://jsbin.com/uyAXume/9/edit
Thanks for any help or pointers.
