中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在原型設(shè)計(jì)中，我們也常常需要做一些簡(jiǎn)單的動(dòng)畫(huà)效果。如何才能夠完成呢？本文將從三個(gè)方面進(jìn)行梳理，希望對(duì)你有幫助。

工作中發(fā)現(xiàn)，在原型設(shè)計(jì)當(dāng)中，偶爾需要做一些簡(jiǎn)單的動(dòng)畫(huà)效果。畢竟動(dòng)態(tài)相較于靜態(tài)，往往更加引人注目。就好比電商頁(yè)面當(dāng)中，搶紅包的懸浮球常常也是動(dòng)態(tài)展示。那么，今天就一起來(lái)做一個(gè)跳動(dòng)的動(dòng)畫(huà)吧。

一、實(shí)現(xiàn)效果

二、實(shí)現(xiàn)原理

• 過(guò)程很簡(jiǎn)單：小球往上彈起，到達(dá)指定位置就下落，回到原點(diǎn)的時(shí)候繼續(xù)彈起。
• 先給小球添加交互【載入時(shí)】，觸發(fā)小球從位置一運(yùn)動(dòng)到位置二；
• 有了第一步的觸發(fā)，我們就可以添加交互【移動(dòng)時(shí)】，在這個(gè)事件下，一共有兩個(gè)情形。情形一：小球在位置二，我們要讓他返回位置一；情形二：小球在位置一的時(shí)候，我們就讓他回到位置二。這樣循環(huán)往復(fù)，就實(shí)現(xiàn)了小球的跳動(dòng)效果。

三、實(shí)現(xiàn)步驟

1.小球原始坐標(biāo)為（123，110），打開(kāi)交互編輯器，添加事件【載入時(shí)】，添加動(dòng)作【移動(dòng)】，設(shè)置【動(dòng)作】讓小球從坐標(biāo)（124，110）移動(dòng)到（124，100）；

2.小球到達(dá)坐標(biāo)（124，100）后，添加事件【移動(dòng)時(shí)】，從圖示位置添加兩個(gè)情形；

3.在情形一下，添加條件：如果y值=100（因?yàn)樾∏蛞苿?dòng)過(guò)程中只在y軸上發(fā)生移動(dòng)，所以這里條件只需滿(mǎn)足y的值為100）；

4.[[This,y]]不用手動(dòng)輸入哦，直接點(diǎn)擊fx，【插入變量或函數(shù)】就可以找到啦，如圖：

5.條件設(shè)置好之后，就繼續(xù)添加動(dòng)作【移動(dòng)】，把小球從位置二移動(dòng)到位置一；

6.在情形二下，添加條件：如果y值=100。同理，添加動(dòng)作【移動(dòng)】，把小球從位置一移動(dòng)到位置二；

7.記得所有移動(dòng)的動(dòng)作都要設(shè)置動(dòng)畫(huà)的時(shí)間哦，不然你的小球就會(huì)瞬間轉(zhuǎn)移，看不到效果啦。

碎碎念：第一次發(fā)文，盡量把過(guò)程講得詳細(xì)一點(diǎn)點(diǎn)，歡迎大家一起交流呀，文中要是有什么錯(cuò)誤還望各路大神指出~

本文由 @醬心蘿卜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議