獁良是什麼？
“獁良” 是一款基於 Lottie 的動效設計平臺。能夠快速生成設計師想要的動態效果，並交付給開發，極大地提高瞭設計效率和設計還原度。作為一站式動效制作平臺，通過海量的動效素材以及可視化編輯能力，幫助零基礎的用戶輕松完成動效制作。
上面說到瞭 Lottie ，那 Lottie 你瞭解嘛？
什麼是Lottie ？
能夠解析渲染通過 AE 上的 Bodymovin 插件將 AE 中制作好的動畫導出成的 json 文件 (1)、數據源多樣性—可從assets,sdcard,網絡加載動畫資源，動態更新 (2)、跨平臺—設計稿導出一份動畫描述文件，android,ios,react native通用
Lottie動畫Json結構 分為4層： 1. 結構層：可以讀取到動畫畫佈的寬高，幀數，背景色，時間，起始關鍵幀，結束幀等 2. asset:圖片資源信息集合，這裡放置的是 制作動畫時引用的圖片資源 3. layers:圖層集合，這裡可以獲取到多少圖層，每個圖層的開始幀 結束幀等 4. shapes：元素集合，可以獲取到每個圖層都包含多個動畫元素。通過這樣的層級去讀取文件信息 然後映射成JavaBean對象，然後通過關鍵類LottieDrawable將JavaBean分層渲染繪制到Canvas的畫佈上去
ok，回歸正題。
獁良的應用場景
有瞭 Lottie 的支撐，獁良支持全平臺 iOS、Android、H5、小程序。無論是營銷展位、活動頁面、空狀態還是產品icon。獁良編輯器對接投放平臺，一站式完成動效創意制作和投放。
“我”就是這麼強大！！！
相信大傢一定急於知道，獁良 如何使用？其實也簡單。
獁良怎麼用？
我們來到獁良 首頁，有很多個按鈕“創建動畫”，可以點擊，我們隻需要登錄支付寶賬號即可。
基於模版直接制作
1、選擇模版
2、從動畫倉庫選擇動畫進行當前動畫的替換
3、通過替換圖片或修改顏色來自定義動畫 4、自定義模板文字內容 5、選擇模板背景圖片 6、完成編輯選擇是否帶背景（banner模版默認帶背景） 7、導出成功下載 json
有瞭這個JSON文件，我們如果使用？下面主要講講web前端如何使用，給出簡單示例。
Lottie 使用
我們在需要的頁面引用lottie.js文件。
<script src="js/lottie.js" type="text/javascript"></script>
<script>
lottie.loadAnimation({
container: element, // 動畫的dom元素
renderer: 'svg', // 設置渲染器(svg/canvas/html)
loop: true, // 是否循環播放
autoplay: true, // 是否自動播放
path: 'data.json' // 動畫json文件路徑
});
</script>