Facebook开放动画引擎Pop,你也可以打造和Paper一样酷的应用了

两个月前,Facebook发布了他们迄今为止最优秀的移动应用——Facebook Paper,这个新闻聚合类应用中包含了大量的动画设计,交互动态效果赏心悦目。PingWest在此前的文章中介绍过——除去打开关闭外链时经典的铺开和折叠效果,这样的设计还有很多,比如当有新内容发布时,它会跳到动态信息流里来;而当你Reshare一条内容时,它会弹出一个含有该内容的小窗口,并逐字打出“XX Shared this”的字样,然后向外发送;而在话题选择页面,所有话题就像一本本精美的杂志按照扇形排列,随你的手指滑动。

facebook-paper-news-reading-app

而现在,其他第三方应用的开发者也能把这些动画效果整合到自己的应用里了——Facebook的工程师Kimon Tsinteris今天宣布,Facebook已将Paper背后的动画引擎Pop放到GitHub上供第三方开发者使用,同时也希望第三方开发者的加入能让这个引擎更加完善。

虽然对于iOS用户来说,各类动画效果并不少见,但事实上它们其中多数都是静态动画,而Paper的动画效果则可以根据用户的触摸给出动态的反馈。这也就是说当用户使用不同的手势时,Paper动画演变的速率是不同的。

1

目前,iOS系统对加速、减速以及与之相关的静态动画效果已经有了很好的支持。但随着触屏设备的不断发展,用户需要更加逼真的动画形式。对于用户来说,如果触摸屏上的元素可以对其触摸动作作出反馈,那么它也应该对其触摸的速率作出反馈。这也将是移动设备上动画效果接下来的发展趋势。

作为Paper背后的动画引擎,Pop驱动了包括滚动、弹跳、渐变在内的一系列动画效果。而使用过Paper的用户肯定能感觉到这一系列动画效果都会随着用户滑动手势的速率而改变。Paper之所以能达到如此生动的效果则要得益于Pop中包含的三种动态动画特效:Spring、Decay和自定义。

2

根据图示可以看出,Spring可以让用户触摸的元素能反馈出强有力弹动效果;Decay则可以让弹起来的元素缓慢的停下。这两种特效都会将用户的手势速率纳入考量范围进而创建出逼真的交互效果。除了这两种之外,Pop的自定义特性则允许开发者将自己的动画代码插入其中进而创建出独一无二的动画。这也就意味着,开源社区成员将可以在Pop的基础上玩出各种各样的特效。

借助于Pop动画引擎,iOS开发者将至少有6类动画效果可以使用了,如果再把自定义功能加进去,那么在众多开发者的努力下人机交互动画将产生无限多的可能。而这正是Pop引擎背后的工程师所愿意看到的。随着Pop进驻开源社区,iOS平台接下来或许又要诞生一波美得让人惊叹的应用了。

图片来自:Facebook

订阅更多文章