日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

ae导出html,AE导出json格式的Web动画工具 Bodymovin v5.6.1 + 使用教程

發(fā)布時(shí)間:2023/12/20 编程问答 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ae导出html,AE导出json格式的Web动画工具 Bodymovin v5.6.1 + 使用教程 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Bodymovin是一款在AE中導(dǎo)出Web動(dòng)畫(huà)的AE擴(kuò)展。動(dòng)畫(huà)導(dǎo)出為.json文件,使用隨插件附帶的bodymovin.js播放器,您可以在svg,canvas和html上在瀏覽器中渲染動(dòng)畫(huà)。它支持After Effects功能的子集。動(dòng)畫(huà)也可以通過(guò)Lottie在iOS和Android上本地播放,帶腳本使用視頻教程。

An After Effects extension to export animations for web. Animations are exported as .json files that use the bodymovin.js player that comes along with the plugin. You can render animations in the browser on svg, canvas and html. It supports a subset of After Effects features. Animations can also be played natively on iOS and Android through Lottie

https://aescripts.com/bodymovin/

將動(dòng)畫(huà)導(dǎo)出到j(luò)son文件和png(如有必要)。

可以通過(guò)bodymovin播放器在網(wǎng)絡(luò)上播放動(dòng)畫(huà),也可以通過(guò)Lottie在iOS和Android本地播放動(dòng)畫(huà)。

要播放動(dòng)畫(huà),請(qǐng)?jiān)跀U(kuò)展面板中找到播放器,然后將其加載到瀏覽器中。

支持的功能

形狀

路徑,橢圓,星形,矩形

填充,描邊,漸變填充和漸變描邊

破折號(hào)

修剪路徑(部分)

圓角

變換(位置,錨點(diǎn),旋轉(zhuǎn),縮放,不透明度,偏斜,偏斜軸)

固體

圖片

比較

空值

文字

支持大多數(shù)字體,只要將字體加載到瀏覽器中,就可以將它們導(dǎo)出為形狀或文本

每個(gè)文本框支持單個(gè)文本偏斜。

不支持:文本裝飾,例如小寫(xiě)字母或垂直刻度。

相機(jī)(部分)

表達(dá)方式

表達(dá)式。部分支持。每個(gè)版本都支持越來(lái)越多的表達(dá)式。

支持表達(dá)式滑塊。

常規(guī)支持的屬性

變換(旋轉(zhuǎn),縮放,位置,錨點(diǎn),不透明度)

時(shí)間重新映射

蒙版(加法,在某些情況下為差異,反轉(zhuǎn)和減法)

亮度和Alpha蒙版(使用svg渲染器)

支持的效果(使用svg / html渲染器)

專業(yè)水平

陰影

著色

三音

Bodymovin V5.6.1 更新內(nèi)容:

在新項(xiàng)目尚未保存目的地的情況下,修復(fù)了較早的AE版本的導(dǎo)出器

支持新的導(dǎo)出模式:Rive

支持新的導(dǎo)出模式:橫幅

改進(jìn)了現(xiàn)有的導(dǎo)出模式

改進(jìn)的圖像壓縮解決方案(現(xiàn)在PNG可以很好地壓縮為jpeg)

支持導(dǎo)入Lottie動(dòng)畫(huà)!

固定版本以防止污染全球范圍

文字動(dòng)畫(huà)師乘法器修復(fù)

修復(fù)了#1883文本偏移

修復(fù)#1878支持容器的id屬性

改進(jìn):驗(yàn)證變換是否為線性以消除空間插值

修復(fù):減去蒙版轉(zhuǎn)換后的修復(fù)

表情:增加了后繼時(shí)間支持

修復(fù):TextSelectorProperty中錯(cuò)誤的緩動(dòng)函數(shù)計(jì)算

修復(fù):沒(méi)有關(guān)鍵幀的自動(dòng)定向?qū)傩?/p>

新增功能:實(shí)施一個(gè)可以在輔助線程上運(yùn)行的新Canvas渲染器

資源下載此資源僅限注冊(cè)用戶下載,請(qǐng)先登錄

加QQ群:333758950 免費(fèi)獲取資源 資源下載

下載價(jià)格:免費(fèi)請(qǐng)先登錄

加QQ群:333758950 免費(fèi)獲取資源

總結(jié)

以上是生活随笔為你收集整理的ae导出html,AE导出json格式的Web动画工具 Bodymovin v5.6.1 + 使用教程的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。