中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁(yè) > news >正文

做網(wǎng)站軟件要錢(qián)嗎都有什么推廣平臺(tái)

做網(wǎng)站軟件要錢(qián)嗎,都有什么推廣平臺(tái),高明專業(yè)網(wǎng)站建設(shè)哪家好,小說(shuō)網(wǎng)站收錄了怎么做排名一、Lottie簡(jiǎn)介 Lottie是一個(gè)庫(kù),可以解析使用AE制作的動(dòng)畫(huà)(需要用bodymovin導(dǎo)出為json格式),支持web、ios、android和react native。在web側(cè),lottie-web庫(kù)可以解析導(dǎo)出的動(dòng)畫(huà)json文件,并將其以svg或者canva…

一、Lottie簡(jiǎn)介

Lottie是一個(gè)庫(kù),可以解析使用AE制作的動(dòng)畫(huà)(需要用bodymovin導(dǎo)出為json格式),支持web、ios、android和react native。在web側(cè),lottie-web庫(kù)可以解析導(dǎo)出的動(dòng)畫(huà)json文件,并將其以svg或者canvas的方式將動(dòng)畫(huà)繪制到我們頁(yè)面中

總的來(lái)說(shuō),

  • Lottie通過(guò)讀取json文件信息實(shí)現(xiàn)動(dòng)畫(huà)效果。
  • json信息包括動(dòng)畫(huà)長(zhǎng)度、寬度、動(dòng)畫(huà)資源、圖層信息等,這些屬性闡述了動(dòng)畫(huà)該做什么、該怎么做。

1.1 lottie的優(yōu)點(diǎn)

Lottie方法方案是由設(shè)計(jì)師出動(dòng)畫(huà),導(dǎo)出為json,給前端播放。所以,使用Lottie方案的好處在于:

  • 動(dòng)畫(huà)由設(shè)計(jì)使用專業(yè)的動(dòng)畫(huà)制作工具Adobe After Effects來(lái)實(shí)現(xiàn),使動(dòng)畫(huà)實(shí)現(xiàn)更加方便,動(dòng)畫(huà)效果也更好;
  • 前端可以方便的調(diào)用動(dòng)畫(huà),并對(duì)動(dòng)畫(huà)進(jìn)行控制,減少前端動(dòng)畫(huà)工作量;
  • 設(shè)計(jì)制作動(dòng)畫(huà),前端展現(xiàn)動(dòng)畫(huà),專業(yè)人做專業(yè)事,分工合理;
  • 賣家秀即買家秀,還原程度百分之百;
  • 使用lottie方案,json文件大小會(huì)比gif文件小很多,性能也會(huì)更好。
  • 支持跨平臺(tái),開(kāi)發(fā)成本較低,一套Lottie動(dòng)畫(huà)可以在Android/IOS/Web多端使用。
  • 性能好,端上除了解析json,基本沒(méi)有其他耗性能的操作;并且相比于需要存儲(chǔ)較多圖片的幀動(dòng)畫(huà),Lottie可以節(jié)省比較多的內(nèi)存空間。

二、使用方法(附基本代碼)

2.1 前期準(zhǔn)備

  1. 下載安裝** After Effects **

  1. 在AE上制作動(dòng)畫(huà)
  2. 安裝插件Bodymovin,并使用插件導(dǎo)出,導(dǎo)出的是json格式的文件結(jié)構(gòu)

image.png

  1. 使用【lottie-web】依賴讀取該文件導(dǎo)出的json 格式的內(nèi)容 便引入了該lottie動(dòng)畫(huà)

2.2 基本代碼

<template><div class="lottie_page"><div id="lottie"></div></div>
</template>
<script>
import lottie from 'lottie-web';  // 引入lottie 庫(kù)
import * as animationData from '@/assets/lottie/data.json'; // 引入素材文件
export default {data() {return {};},mounted() {this.lot = lottie.loadAnimation({container: document.getElementById('lottie'),renderer: 'svg',loop: false,autoplay: false,animationData: animationData.default});},
};
</script>

所以,在網(wǎng)頁(yè)上制作動(dòng)畫(huà)就是這么簡(jiǎn)單,只需少量的代碼便可以實(shí)現(xiàn)!!

三、效果

動(dòng)畫(huà)4.gif

四、參考

  1. 原生插件 用AE導(dǎo)出json | LottieFiles plugin | 原生插件
  2. bodymovie插件 https://pan.baidu.com/s/1vcM86DyoZjefwCN5_-GqIA?pwd=2301&at=1711347005762
  3. 使用 如何在vue中使用Lottie - 掘金

附加:進(jìn)階玩法

第一階段

整體元素的簡(jiǎn)單的播放暫停設(shè)置播放進(jìn)度

第二階段

多個(gè)元素各自有自己的播放的規(guī)律

  1. AE中有一個(gè)總合成,不同元素之間有一個(gè)單獨(dú)的合成
  2. 導(dǎo)出多個(gè)不同元素的json文件
  3. 在vue中為每個(gè)json文件定義一個(gè)標(biāo)簽,并掛載事件
  4. 單獨(dú)控制元素的播放規(guī)律

第三階段

多個(gè)元素有個(gè)自己動(dòng)態(tài)的播放規(guī)律

由于 lottie是用過(guò) json 來(lái)控制動(dòng)畫(huà)的,而前端與后端交互最常見(jiàn)的格式是什么?

JSON!!

因此,可以從后端獲取數(shù)據(jù)之后,在前端重新拼接到j(luò)son中,就可以實(shí)現(xiàn)動(dòng)態(tài)的動(dòng)畫(huà)。

舉個(gè)栗子🌰:

  1. 拼多多翻牌抽獎(jiǎng)(動(dòng)態(tài)設(shè)置金額,指定選中翻牌)

image.png

http://www.risenshineclean.com/news/28687.html

相關(guān)文章:

  • 知名網(wǎng)站開(kāi)發(fā)語(yǔ)言成都網(wǎng)絡(luò)推廣哪家好
  • 網(wǎng)站怎么做最省錢(qián)百度資源搜索
  • 推廣網(wǎng)站seo廈門(mén)推廣平臺(tái)較好的
  • 建筑設(shè)計(jì)網(wǎng)站網(wǎng)址外鏈火
  • 景安網(wǎng)站備案的服務(wù)碼百度網(wǎng)絡(luò)營(yíng)銷app
  • 注冊(cè)城鄉(xiāng)規(guī)劃師難度優(yōu)化網(wǎng)站打開(kāi)速度
  • asp.net 網(wǎng)站管理工具 安全營(yíng)銷軟件
  • 安徽網(wǎng)站開(kāi)發(fā)費(fèi)用做谷歌推廣比較好的公司
  • wordpress建的網(wǎng)站打開(kāi)太慢優(yōu)化大師win10能用嗎
  • 域名怎么和網(wǎng)站綁定深圳網(wǎng)站快速排名優(yōu)化
  • 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)在線測(cè)試第5章策劃方案
  • 城建設(shè)投資公司網(wǎng)站最近國(guó)內(nèi)新聞
  • 導(dǎo)航網(wǎng)站 php煙臺(tái)網(wǎng)絡(luò)推廣
  • 做跨境網(wǎng)站注意事項(xiàng)小白如何學(xué)電商運(yùn)營(yíng)
  • 武漢網(wǎng)站設(shè)計(jì)制作公司哪家好搜索引擎優(yōu)化時(shí)營(yíng)銷關(guān)鍵詞
  • 神碼ai智能寫(xiě)作網(wǎng)站百度怎么發(fā)帖做推廣
  • 什么樣的網(wǎng)站需要icp經(jīng)營(yíng)性備案產(chǎn)品市場(chǎng)營(yíng)銷策劃書(shū)
  • 自己做網(wǎng)站需要買什么手機(jī)怎么建自己的網(wǎng)站
  • 企業(yè)網(wǎng)站建設(shè)定制南寧求介紹seo軟件
  • 做網(wǎng)站關(guān)鍵詞網(wǎng)絡(luò)營(yíng)銷的效果是什么
  • 做網(wǎng)站的注意什么國(guó)內(nèi)最新消息新聞
  • 蚌埠哪里做網(wǎng)站站長(zhǎng)權(quán)重
  • 南寧中小企業(yè)網(wǎng)站制作許昌seo公司
  • 管理網(wǎng)站開(kāi)發(fā)教程semseo是什么意思
  • 百度網(wǎng)頁(yè)版在線使用網(wǎng)站整站優(yōu)化公司
  • 淘寶客怎么建網(wǎng)站網(wǎng)站后臺(tái)管理系統(tǒng)
  • 廣西城鄉(xiāng)和住房建設(shè)廳網(wǎng)站黃頁(yè)推廣
  • 網(wǎng)站主機(jī)和空間360搜索引擎地址
  • 洛陽(yáng)網(wǎng)站建設(shè)首選洛陽(yáng)銘信科技佛山seo按效果付費(fèi)
  • 用帝國(guó)cms做網(wǎng)站2022年新聞?wù)畻l