Slo-Mo: Ionic 2 Alpha vs 1.1 Sliding Animation on iPhone

The Ionic team announced the alpha version of Ionic 2 yesterday. According to the article, Ionic 2 has a "new animation system" as well as "dramatically improved performance".

I recorded two videos in slow motion comparing the difference between sliding forward and back using the default templates for Ionic 1 and Ionic 2, as well as the built-in Settings app.  on the iPhone 6 running iOS 8.3 and the iPhone 4 running 7.1.2.

For each test app, I ran ionic run ios --device to install it onto the physical device.

The things I noticed in Ionic 2 are:
  1. On the iPhone 6, the sliding animation seems to be less choppy than on Ionic 1.
  2. After tapping a list item there is a longer delay than in Ionic 1 before the new screen starts sliding into view.
  3. On the iPhone 4, there is a noticeable blank-out flicker before sliding in the new view.
Watch my videos and see if you agree:


iPhone 6

iPhone 4



For reference, here is the ionic info output for each of the apps:

Ionic 1:

Cordova CLI: 5.3.3
Gulp version:  CLI version 3.9.0
Gulp local:  
Ionic Version: 1.1.0
Ionic CLI Version: 2.0.0-alpha.9
Ionic App Lib Version: 0.5.0-alpha.9
ios-deploy version: 1.5.0 
ios-sim version: 3.1.1 
OS: Mac OS X Yosemite
Node Version: v0.12.5
Xcode version: Xcode 7.1 Build version 7B91b

Ionic 2


Cordova CLI: 5.3.3
Gulp version:  CLI version 3.9.0
Gulp local:   Local version 3.9.0
Ionic Version: 2.0.0-alpha.30
Ionic CLI Version: 2.0.0-alpha.9
Ionic App Lib Version: 0.5.0-alpha.9
ios-deploy version: 1.5.0 
ios-sim version: 3.1.1 
OS: Mac OS X Yosemite
Node Version: v0.12.5
Xcode version: Xcode 7.1 Build version 7B91b 

Comments

Popular posts from this blog

Tic Tac Toe - Using App Inventor Beta

Solved: Ionic ENOENT Invalid device state error when using sudo on Mac

Xamarin Forms vs React Native