Lottie這次更新你應該了解一下
06-23
Lottie這次更新你應該了解一下
來自專欄 Motion Fun
今天bodymovin更新了5.1.16版,不僅修復了之前一直詬病的「png圖片導出帶黑邊問題」,還增加了幾個非常實用的功能:
1、壓縮圖像資源。省去了我們導出後手工再壓的麻煩。用的是jimp這個庫進行的壓縮,如果對壓縮質量不滿意建議還是手工操作吧。
2、圖片轉為base64編碼並放進JSON文件里。這個感覺是最實用的更新了,不用再拖著一個images文件夾。當然你也可以自己壓圖後再轉換然後替換掉JSON文件里的base64編碼。
(base64編碼有什麼用?)
需要注意的是圖片轉為base64後體積會增加一點點,另外目前只有最新版的web和安卓端支持帶base64的JSON文件的播放,iOS以後也會加入但是需要點時間。
其實在5.1.15就更新了這幾個功能,但是我試用之後發現幾個嚴重bug,提給作者修復了一陣,在5.1.16修復了。嗯也算是間接給 Bodymovin/Lottie 貢獻了點代碼XD
當然,這次我也第一時間進行了漢化
最後是下載地址,enjoy:
bodymovin 5.1.16漢化版
https://raw.githubusercontent.com/bigxixi/bodymovin_cn/master/5.1.16/bodymovin5116cn.zxpbodymovin 英文原版(最新版,發這篇文章時是5.1.16,以後更新了也是這個地址)https://raw.githubusercontent.com/airbnb/lottie-web/master/build/extension/bodymovin.zxp推薦閱讀:
※如何利用AE里的圖釘(自由位置定位工具)使照片中的人挑一下眉毛或動一下嘴?
※如何根據音樂節奏剪輯視頻?
※哪裡有免費的 After Effects 教程?
※類似於奇異博士中的魔法特效怎麼做?
TAG:交互動效 | 前端開發 | AdobeAfterEffects |