Full Length Event - Building Paper

39K views · 12 years ago · talk · intermediate · dated

Facebook's full event on building Paper, its 2014 iOS app. Several team members talk about the design and engineering of the app, including how it handles continuous touch gestures and animation, and the animation engine behind it.

HN people point to it for the detailed discussion of continuous touch gestures and animation, and for the author of Pop explaining the animation engine.

7 comments from Hacker News

p
@peterhunt2014 · in “React Tween State”
I worked on this with Cheng Lou a while back. Just to preemptively address a criticism: yes, this does frame-by-frame animation in JavaScript, eschewing CSS animations. There are tricks you can use (similar to what iScroll does or did) that can leverage CSS animation, but it's likely that these won't be necessary or worth it. The reason for this is that to truly solve animation you need to address continuous touch gestures that seamlessly transition into and out of animations (i.e. flick something, catch it with your finger mid-animation, zoom it while rotating it, then let go and have it animate out). The only way to do this is to use a programming language that can respond to events. Said another way, you should never think of animations discretely (i.e. "slide in from left") if you're thinking about building touch-based app. It won't feel natural. My old employer has a great video about this. Detailed discussion starts here (there are two speakers that talk about it): ▶ this video
RecommendsView on HN
s
@ssshwang2014 · in “Building Paper [video]”
Submitted the video to Hacker News.
RecommendsView on HN
l
@libovness2014 · in “Building Paper”
Submitted the video to Hacker News.
RecommendsView on HN
w
@waltflanagan2014 · in “Facebook Releases Paper Tech Talk Video”
Submitted the video to Hacker News.
RecommendsView on HN
c
@comyarzaheri2014 · in “"Building Paper" by Facebook Developers”
Submitted the video to Hacker News.
RecommendsView on HN
d
@davidbarker2014 · in “Facebook: Building Paper”
Submitted the video to Hacker News.
RecommendsView on HN
j
@joeblau2014 · in “Pop: An extensible animation engine for iOS and OS X”
The author Kimon Tsinteris goes into details at the Facebook Paper[1] event. [1] - ▶ this video