Facebook將神奇動畫引擎Pop開源了

Facebook 2月發布的新聞類應用Paper,因為其靈動的用戶界面和交互,成為近來最令人眼前一亮的移動產品之一。

而這個產品的背後是2011年Facebook收購的Push Pop Press,創始人是分別在Apple任設計師和工程師的Mike Matas與Kimon Tsinteris。他們的合作者還有傳奇人物Bret Victor。他們為美國前副總統Al Gore開發的電子書Our Choice當時就曾技驚四座。

產品幕後支撐的則是一系列創新工具和技術(無法直接訪問)的使用,包括非同步的用戶界面,複雜的交互,GPU優化,已經開源的小組件KVOController和Shimmer、Tweaks,原型設計工具Origami等等。而其中非常引人注目的技術,是動畫引擎Pop。

4月21日,Tapity的Jeremy Olson透露Facebook計劃開源Pop之後,移動開發社區都進入了等候狀態。在微博上也可以搜到不只一個開發者在翹首等待Pop的開源。

就在1個小時前,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效果: 



你可能還喜歡如下這些文章

20056700簽名
葫蘆娃的更多精彩文章請進入頻道: 20056700
  1. 動物們剃毛之後你想象過嗎 那畫面美得不忍直視!!
  2. 你知道綠豆+雞蛋神奇的食療作用嗎?
  3. 15個廢舊輪胎做的雕塑
  4. 年末犒賞之旅就去這些地方:17個媲美仙境的最美麗旅遊景點
  5. 全球首款飛機摩托車發售 變形旋翼飛機只需10分鐘
  6. Facebook將神奇動畫引擎Pop開源了
  7. 印度壹奇男子長有37CM的尾巴,被當地人當做神靈對待!!太奇葩了!!
  8. 耗時一年花費上百萬個泡沫模型完成的動畫短片
  9. 最有富婆命的星座女
  10. 大自然的神奇,讓人不由得要跪了
  11. Web應用開發的七項原則
  12. 妻子在女兒閨房裝攝像頭 意外拍到丈夫偷情畫麵
  13. 你所不知道的動物冷知識
  14. 人生實在是太苦短,自己何必總是活得不開心
  15. 首款iPhone智能遙控飛機-SmartPlane
  16. 各種奇遇外星人的親身筆錄,絕對值得珍藏!!果斷轉!!
  17. 無閥軸向引擎
  18. 全球首款投影手錶
  19. 百度智能自行車DuBike
  20. 有人欣賞你,其實源於你自己
  21. 夢工廠特效師Daniel給3歲兒子James拍攝《動感小超人》,太強大了,點贊!!
  22. 美一女子開車玩Facebook釀慘劇:3死2傷
  23. 小巧便攜USB暖手寶 可充當移動電源
  24. 一個可以租借大叔的日本網站,很神奇,你想租嗎?
  1. 空中巴士,中國原創,又一次驚艷了全世界!
  2. 網站運營的基本思路-六部曲
  3. iPhone7已曝光,太炫了! 亮瞎眼!
  4. 醫學家稱人死後有「來生」 進入多元宇宙
  5. 人類無法再活千年 需尋找出路