Hi, i'm working on a site using SuperScrollorama. My site has 6 big png-24 + alpha that are animated like this:
// slide0
controller.addTween(
'#slide0',
(new TimelineLite())
.append([
TweenMax.fromTo( $('#sprite1'), 1, {css:{left:50+"%", top:170, scaleX:1.0, scaleY:1.0}}, {css:{left:30+"%", top:150, scaleX:1.2, scaleY:1.2}, ease:Quad.easeInOut}),
TweenMax.fromTo( $('#sprite2'), 2, {css:{left:80+"%", top:230, scaleX:1.0, scaleY:1.0}}, {css:{left:50+"%", top:230, scaleX:1.1, scaleY:1.1}, ease:Quad.easeInOut})
]),
0, // scroll duration of tween
0
);
On my computer, it's fast and fluid (perfect on IE 11 and Firefox, slower on Google Chrome).
But on my iPad 2, it's a disaster : very very slow !! I tried with png 8, 256 colors + transparency. It's a little bit better. I tried the Superscrollorama on the iPad, and i noticed that's it's not very smooth.
So my questions : - is it a processor problem / graphic card problem?
- how to get perfect smoothness on iPad? Does anyone has a website example that i can test?
Thanks for any help.