lottie

lottie簡(jiǎn)介

Lottie，Airbnb開(kāi)源的一個(gè)牛逼的動(dòng)畫(huà)框架，絢麗的動(dòng)畫(huà)效果令人瞠目。

Lottie是基于CALayer的動(dòng)畫(huà)， 所有的路徑預(yù)先在AE中計(jì)算好， 轉(zhuǎn)換為Json文件， 然后自動(dòng)轉(zhuǎn)換為L(zhǎng)ayer的動(dòng)畫(huà)。

Lottie有各種不同的版本， 安卓， iOS， 前端都可以使用， 理論上動(dòng)畫(huà)做一套就可以共用， 大大的減少了工作量.以后如果要是實(shí)現(xiàn)復(fù)雜的動(dòng)畫(huà)，可以直接讓設(shè)計(jì)出相關(guān)的動(dòng)畫(huà)json文件，大大減輕了代碼的工作量。

lottie百科

　　Lottie允許工程師構(gòu)建一個(gè)豐富的動(dòng)畫(huà)，而沒(méi)有艱苦地重寫(xiě)它們的開(kāi)銷。Nick Butcher‘s的跳躍動(dòng)畫(huà)，Bartek Lipinski的漢堡菜單， 和Miroslaw Stanek 的Twitter愛(ài)心， 演示它們是多么困難和耗時(shí)，它可以用scratch重建動(dòng)畫(huà)。使用Lottie，挖掘參考框架，猜測(cè)持續(xù)時(shí)間，手動(dòng)創(chuàng)建貝賽爾曲線，并重新制作只有一個(gè)GIF作為參考的動(dòng)畫(huà)將是過(guò)去了。現(xiàn)在工程師可以準(zhǔn)確地實(shí)現(xiàn)設(shè)計(jì)者的意圖，究竟是怎么做的。為了證明它，我們重創(chuàng)建了它們的動(dòng)畫(huà)，然后在我們的每個(gè)例子中提供了After Effects和JSON文件。

　　我們的目標(biāo)是盡可能多地支持After Effects的特性，而不只是簡(jiǎn)單的圖標(biāo)動(dòng)畫(huà)。我們創(chuàng)建了一些其他例子來(lái)展示庫(kù)的靈活性，豐富性和深入的功能集。在例子app中，有用于各種不同種類的動(dòng)畫(huà)的源文件，包括基本線條藝術(shù)，基于字符的動(dòng)畫(huà)，以及具有多個(gè)角度和切割的動(dòng)態(tài)logo動(dòng)畫(huà)。