[TIMOB-8970] MobileWeb: Rearchitect animation system
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | High |
Status | Closed |
Resolution | Fixed |
Resolution Date | 2013-01-14T13:38:49.000+0000 |
Affected Version/s | Release 1.8.1 |
Fix Version/s | Sprint 2012-14 Core, Release 3.0.0 |
Components | MobileWeb |
Labels | mobileweb, qe-port |
Reporter | Chris Barber |
Assignee | Chris Barber |
Created | 2012-05-02T19:03:26.000+0000 |
Updated | 2013-01-14T13:38:49.000+0000 |
Description
The current animation system relies on CSS3 transitions. This is great for all devices except IE9 and Windows Phone 7.5.
To support those platforms, we need to add a code path for old school setTimeout() animation.
One possible solution is to scrap CSS3 transitions completely and use requestAnimationFrame with a setInterval() fallback. This would offer greater compatibility and flexibility over transitions.
Here's some articles that might be of interest:
* http://paulirish.com/2011/requestanimationframe-for-smart-animating/
* http://creativejs.com/resources/requestanimationframe
* https://gist.github.com/1002116
Attachments
File | Date | Size |
---|---|---|
app.js | 2012-07-16T11:45:18.000+0000 | 2469 |
Pull request: https://github.com/appcelerator/titanium_mobile/pull/2576
Tested On: Titanium studio : 2.1.1.201207271312 SDK version : 2.2.0.v20120731184111 Android 4.0.4 - default ,chrome 18.0 Iphone 5.0.1 - safari mobile Mountain lion(10.8) - chrome 21.0,safari 5.1.4,firefox 14.0.1
Closing as fixed. Tested and verified with: Titanium Studio, build: 3.0.1.201212181159 Titanium SDK, build: 3.0.0.GA Titanium SDK, build: 3.1.0.v20130111163212 Safari Version 6.0.2 Chrome Version 23.0.1271.101 iPhone4S iOS 5.0.1 iPad4 iOS 6.0.1 Nexus4 Android version 4.2