Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Road to 60FPS (preview)

The Road to 60FPS (preview)

**This is a preview**
Interested in improving animation smoothness in your app? This talk goes over how to measure a skipped frame and how to choose a metric to measure animation smoothness. After explaining measurement, this talk goes into some tools we've built at Facebook to blame the cause of skipped frames in production and in test environments.

jsendros

June 18, 2015
Tweet

Other Decks in Programming

Transcript

  1. Choreographer ▪  FrameCallback ▪  Delivered during the next frame’s animation

    callback ▪  Measure the difference between two inputs VSync Input Animation Draw 17ms 17ms 17ms
  2. Percent time spent in buckets VSync Input Animation Draw 0

    0 dropped frames = 4/11 = 36% 1 dropped frame = 2/11 = 18% 2+ dropped frames = 5/11 = 45% 4 dropped 1 dropped 0 0 0
  3. Production ▪  Must be lightweight ▪  High level ▪  Will

    not blame every slow frame ▪  Not perfect VSync Input Animation Draw Expensive Work Marker
  4. Local work ▪  Systrace ▪  Add your own marker ▪ 

    Sample base profiling VSync Input Animation Draw Expensive Work Marker
  5. (c) 2009 Facebook, Inc. or its licensors. "Facebook" is a

    registered trademark of Facebook, Inc.. All rights reserved. 1.0