资讯频道 → 开源软件
阅读更多

0顶
1踩

开源软件

转载新闻 Facebook 开源其神奇的动画引擎 Pop

2014-04-29 10:56 by 副主编 WnouM 评论(0) 有6404人浏览
Facebook Pop 动画引擎 Paper 开源
Facebook 2月发布的新闻类应用Paper，因为其灵动的用户界面和交互，成为近来最令人眼前一亮的移动产品之一。

而这个产品的背后是2011年Facebook收购的Push Pop Press，创始人是分别在Apple任设计师和工程师的Mike Matas与Kimon Tsinteris。他们的合作者还有传奇人物Bret Victor。他们为美国前副总统Al Gore开发的电子书Our Choice当时就曾技惊四座。

产品幕后支撑的则是一系列创新工具和技术（无法直接访问）的使用，包括异步的用户界面，复杂的交互，GPU优化，已经开源的小组件KVOController和Shimmer、Tweaks，原型设计工具Origami等等。（对Paper所用技术的全面介绍，可以参考唐巧在《程序员》杂志上发表的文章“从Facebook看移动开发的发展”）而其中非常引人注目的技术，是动画引擎Pop。

4月21日，Tapity的Jeremy Olson透露Facebook计划开源Pop之后，移动开发社区都进入了等候状态。

今天，Facebook将Pop开源了：https://github.com/facebook/pop。而就在短短的几十分钟里，项目的关注数迅速达到700多。

Paper的主要开发者之一Kimon Tsinteris在Facebook的工程博客里撰文（请自备梯子）简单介绍了Pop的工作原理。

iOS原生的Core Animation框架只提供了linear, ease-in, ease-out和ease-in-ease-out等4种静态动画：



这些限制了iOS设备上触摸和手势应该有的表现力。因此Kimon Tsinteris决定在Core Animation基础上增加Spring、Decay和Custom 3种动态动画效果：



Spring和Decay是Paper如此灵动的原因所在。而Custom则使Pop成为可扩展的动画框架，可以为任何Objective-C对象的任何属性增加动画效果。

另外，Pop还提供了一个对开发者非常友好的编程模型，使用方式与Core Animation基本一致。原来Core Animation用来启停动画的这段代码：



用Pop后可以写成这样：



而这几行代码说明了如何给一个层的边增加Spring效果：



Via CSDN极客头条
  • 大小: 34.3 KB
  • 大小: 50.3 KB
  • 大小: 113.2 KB
  • 大小: 109.9 KB
  • 大小: 43.7 KB
来自: 极客头条
0
顶
1
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用 Facebook 开源动画库 POP 实现真实衰减动画

    Facebook 开源动画库 POP 实现真实衰减动画

  • android matrix 详解与进阶(一)

    1 概述这里我们会详细讲解matrix的各个方法，以及它的用法。matrix叫做矩阵，在前面讲解 ColorFilter 的文章中，我们讲解了ColorMatrix，他是一个4*5的矩阵。而这里，我们讲解的Matrix不是用于处理颜色的，而是处理图形的。他是一个3*3的矩阵。2 原理先看看matrix的矩阵是什么样子的：这里可以查看Matrix的代码得到。那么这个矩阵分别代表了什么呢，这里通

  • 发现matrix的一点小小优势

    一直以来，在R中使用data.frame处理数据跟方便，大多数统计函数直接支持data.frame类型的运算。 虽说在R中药尽可能避免使用循环，but~~~~循环还是不经意间就出现了~~~~ 今天对一个例子测视力下，R循环中使用matrix的速度明显大于使用data.frame。有如下简单循环代码： test <- matrix(0, nrow=1000, ncol=50) system.t

  • 逆矩阵(inverse matrix)的概念及其意义

    逆矩阵(inverse matrix)的概念及其意义

  • Facebook将神奇动画引擎Pop开源了！

    Facebook 2月发布的新闻类应用Paper，因为其灵动的用户界面和交互，成为近来最令人眼前一亮的移动产品之一。 而这个产品的背后是2011年Facebook收购的Push Pop Press，创始人是分别在Apple任设计师和工程师的Mike ...

  • facebook开源动画pop

    POP源码：https://github.com/facebook/pop demo参考链接：https://github.com/jxd001/POPdemo/blob/master/README.md  http://codeplease.io/  http://tapit

  • IOS facebook 开源动画引擎 pop

    前几天开源出来的pop动画引擎相比本身SDK自带的方便许多，效果也酷炫很多。所以，就研究了一下。在CSDNy

  • ios facebook 开源动画 pop 常用动画

    图形变换   POPSpringAnimation *springAnimation = [ POPSpringAnimation animation ];  springAnimation. property ...pop_addAnimation :springAnimation forKey : @"center" ];

  • Facebook将神奇动画引擎Pop开源了

    Facebook 2月发布的新闻类应用Paper，因为其灵动的用户界面和交互，成为近来最令人眼前一亮的移动产品之一。 而这个产品的背后是2011年Facebook收购的Push Pop Press，创始人是分别在Apple任设计师和工程师的Mike...

  • iOS中Facebook开源动画库POP的简单使用

    POP动画简介1.POP动画引擎是Facebook公司开源的 2.POP动画引擎主要实现了真实物理系的动画效果(弹簧效果与衰减效果) 3.POP动画引擎的动画效果非常流畅, 因为它使用了CADisplayLink来刷新画面(每秒60帧, 接近游戏...

  • 动画引擎pop

    动画方面，大家可以学学这个！...facebook开源动画引擎pop POP源码： https://github.com/facebook/pop demo参考链接： https://github.com/jxd001/POPdemo/blob/master/README.md  http://code

  • Facebook 开源动画框架 Pop

    Facebook 开源动画框架 Pop作者：fenglh/2016.08.25继承关系创建动画使用POP可以创建4类动效：: spring, decay, basic and custom.Spring （弹性）动效可以赋予物体愉悦的弹性效果POPSpringAnimation *anim = ...

  • [IOS 开发] Facebook开源动画库 POP-POPBasicAnimation运用

    POP: 一个流行的可扩展的动画引擎iOS,它支持spring和衰变动态动画,使其可用于构建现实,基于物理交互。Objective - C API允许快速集成, 对于所有的动画和过渡他是成熟的. POP默认支持三种动画 但同时也支持...

  • POP — Facebook开源动画引擎

    Facebook的Paper的动画效果还用说吗？？如果是自己写的话。。各种难以实现呀。现在它开源了！！github上没有什么Demo，只找到部分学习资料，先发上来提供大家研究一下。 Demo： PopTut：一个使用POP做动效的...

  • 使用 Facebook开源动画库 POP 实现真实衰减动画

    1. POP动画基于底层刷新原理。是基于CADisplayLink,1秒钟运行60秒，接近于游戏开发引擎 @interface ViewController () @property (nonatomic,strong)CADisplayLink *displayLink; @property ...

  • Facebook 开源动画库 POP

    使用时 在Podfile文件里添加 pod 'pop' 复制代码在文件中引入头文件 #import &lt;... * POPAnimation 是所有动画的基类 不可以使用; * POPSpringAnimation的弹簧效果类 还有POPBasicAnimation基 * 本效果...

  • Facebook开源动画库 POP-小实例

    实例3：创建两个按键，增加两个动画效果，其中一个按键是动画改变大小，另外一个修改ViewFrame，只要定位好坐标跟大小可以做出很不错的动画 @interface ViewController () @property (nonatomic, retain) ...

  • facebook-pop开源动画框架

    地址：https://github.com/facebook/pop pop和Core Animation的区别 1.Core Animation动画只能添加到layer上 2.pop的动画能添加到任何对象 3.pop的底层并非基于Core Animation，是基于CADisplayLink示例1：...

  • 家乡信息2

    来源：http://www.stats-ly.gov.cn/tjjzfw/dwml/jaqt24.htm 单位名称 单位地址法人代表主要业务联系电话苍山县卞庄大坊村民委员会卞庄镇大坊李思文村民委员会5213780苍山县卞庄镇宋圩子村民委员会卞庄镇宋圩子左洪才村民委员会5265079

  • 我的藏书

    各位，承蒙厚爱，以下这些书都是自己整理书籍记录下来的。我并没有电子书，很抱歉。但我这里有个观点：书固然重要，真正学到自己脑袋里才是最重要的。　不要象我空有很多书。 我的藏书

Global site tag (gtag.js) - Google Analytics