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

隨機(jī)效果是動(dòng)效設(shè)計(jì)中較為常用的基本動(dòng)效，本文將詳細(xì)介紹ProtoPie中的三種隨機(jī)函數(shù)的使用方式，并利用隨機(jī)函數(shù)進(jìn)行隨機(jī)抽號(hào)案例的制作。

隨機(jī)效果

隨機(jī)效果

日本設(shè)計(jì)師 Kazuki Akamine 按照常用運(yùn)動(dòng)圖形中提取出的基礎(chǔ)要素的特點(diǎn)，將所有基礎(chǔ)動(dòng)效分為了 14 個(gè)系列，便于設(shè)計(jì)師運(yùn)用和學(xué)習(xí)，這其中就包括隨機(jī)動(dòng)效（腳本系動(dòng)效）。隨機(jī)指每一幀的返回值都是隨機(jī)值的函數(shù)。將其使用在某一界面元素的位置屬性上，這樣每一幀對(duì)象都會(huì)移動(dòng)到不同的地方，形成gif圖中非連續(xù)性的激烈運(yùn)動(dòng)。除了位置屬性，還可以應(yīng)用在文本圖層上，或是結(jié)合縮放屬性實(shí)現(xiàn)多種多樣動(dòng)效效果。

拓展–文本圖層隨機(jī)效果

拓展–縮放屬性隨機(jī)效果

ProtoPie的隨機(jī)函數(shù)

ProtoPie軟件可以在表達(dá)式中添加隨機(jī)函數(shù)來實(shí)現(xiàn)隨機(jī)效果，軟件共提供了 3 種可以使用的隨機(jī)函數(shù)：

ProtoPie中的隨機(jī)函數(shù)

具體使用可以在軟件中任何支持表達(dá)式添加的地方進(jìn)行添加，實(shí)現(xiàn)對(duì)圖層具體屬性的隨機(jī)賦值，使用過程中我這邊在實(shí)際學(xué)習(xí)中有兩個(gè)使用技巧分享給大家：

（1）利用反復(fù)實(shí)現(xiàn)連續(xù)的隨機(jī)賦值

在隨機(jī)動(dòng)效說明動(dòng)圖中可以看到小球?qū)嶋H是在不斷的做隨機(jī)位置的移動(dòng)，要是實(shí)現(xiàn)這樣的效果除了使用隨機(jī)函數(shù)外，還需要打開具體設(shè)置中反復(fù)開關(guān)，使其不斷進(jìn)行位置的隨機(jī)移動(dòng)。

利用反復(fù)的連續(xù)隨機(jī)賦值

（2）關(guān)聯(lián)變量實(shí)現(xiàn)多屬性同樣的隨機(jī)變化

在縮放屬性隨機(jī)效果中，有圓形的隨機(jī)縮放效果，如果分別對(duì)寬度和高度添加隨機(jī)函數(shù)，無法實(shí)現(xiàn)高度寬度的同步隨機(jī)縮放，所以這里需要增加一個(gè)變量，對(duì)變量賦值隨機(jī)函數(shù)后，再將寬度和高度的縮放比例與變量進(jìn)行關(guān)聯(lián)便可以實(shí)現(xiàn)等比縮放。同理當(dāng)需要對(duì)多個(gè)基礎(chǔ)屬性的參數(shù)添加同樣隨機(jī)變化時(shí)，都可以使用添加關(guān)聯(lián)變量的方式來實(shí)現(xiàn)。

關(guān)聯(lián)變量實(shí)現(xiàn)多屬性同步隨機(jī)賦值

隨機(jī)抽號(hào)案例效果

案例實(shí)際效果

在了解隨機(jī)函數(shù)的使用方法后，可以結(jié)合實(shí)際案例來實(shí)操一下。本次的案例是一個(gè)隨機(jī)抽號(hào)的效果，抽號(hào)機(jī)器中有0到9共10個(gè)數(shù)字小球，點(diǎn)擊抽號(hào)按鈕后，小球便隨機(jī)的在某一具體區(qū)域內(nèi)進(jìn)行隨機(jī)的變化，直至生成一個(gè)具體的隨機(jī)數(shù)字小球，點(diǎn)擊再來一次可以重新進(jìn)行數(shù)字抽取。

具體實(shí)現(xiàn)步驟

Step1

在Sketch中先繪制好隨機(jī)抽號(hào)機(jī)的基本視效，注意進(jìn)行圖層整理，將抽號(hào)結(jié)果、抽號(hào)按鈕、抽號(hào)機(jī)上層效果、各個(gè)數(shù)字小球及整個(gè)機(jī)器底座成組并分層。導(dǎo)入ProtoPie中，導(dǎo)入完成后注意將各個(gè)數(shù)字小球的錨點(diǎn)設(shè)置為圖層中心。

基本視效界面

Step2

添加對(duì)抽號(hào)按鈕的點(diǎn)擊觸發(fā)，在觸發(fā)下先對(duì)1號(hào)小球添加對(duì)其旋轉(zhuǎn)、大小、位置的隨機(jī)變化，單次動(dòng)效時(shí)長設(shè)置20ms左右，利用反復(fù)將隨機(jī)狀態(tài)的持續(xù)時(shí)長大約控制在1200ms左右，其中位置的隨機(jī)參數(shù)需要設(shè)置在抽號(hào)機(jī)的顯示窗口區(qū)域內(nèi)，而添加旋轉(zhuǎn)（-45°到45°隨機(jī)）和大?。?5%到105%隨機(jī)）的細(xì)微隨機(jī)變化可以增加小球移動(dòng)過程中的變化顯得更為真實(shí)。

快速隨機(jī)移動(dòng)的旋轉(zhuǎn)、大小、移動(dòng)設(shè)置

Step3

再對(duì)1號(hào)小球添加旋轉(zhuǎn)、大小、位置的隨機(jī)變化，這次延遲開始1200ms，使用150ms的動(dòng)畫時(shí)長，同時(shí)不再勾選反復(fù)，并將位置的隨機(jī)位置限制在抽號(hào)機(jī)的顯示窗口的底部區(qū)域，模擬抽號(hào)結(jié)束后小球下落到底部效果。

單個(gè)小球隨機(jī)移動(dòng)及回落的旋轉(zhuǎn)、大小、移動(dòng)設(shè)置

Step4

將對(duì)1號(hào)小球的設(shè)置復(fù)制到其他0-9號(hào)小球上，復(fù)制過程中可以調(diào)整一下高速移動(dòng)過程中小球的持續(xù)時(shí)長可以在20ms到60ms中調(diào)節(jié)，但過程持續(xù)時(shí)長保持在1200ms左右。同時(shí)回落的過程可以對(duì)持續(xù)時(shí)長及延遲開始時(shí)長添加一些隨機(jī)變化。這樣做多個(gè)小球就不會(huì)出現(xiàn)類似同步移動(dòng)的情況，整體會(huì)顯得更為隨機(jī)。

Step5

在完成數(shù)字小球的隨機(jī)移動(dòng)后，需要將抽號(hào)結(jié)果在上層顯示出來，注意由于整個(gè)抽號(hào)結(jié)果容器層在抽號(hào)器的上方所以需要開啟可觸碰低層級(jí)圖層的勾選項(xiàng)，使得抽號(hào)按鈕可以點(diǎn)擊。其中對(duì)最終抽取數(shù)字的文本添加隨機(jī)函數(shù)?randomInt(0,?9)?，使其可以隨機(jī)顯示0到9中任意一個(gè)整數(shù)。

最終抽取數(shù)字的文本設(shè)置

Step6

最后在添加一些動(dòng)效的細(xì)節(jié)，豐富整體效果。在點(diǎn)擊按鈕時(shí)，可以添加下?lián)艉吞鹩|發(fā)，添加按鈕層本身的移動(dòng)使其有真實(shí)的點(diǎn)擊效果。在抽號(hào)結(jié)果的停留頁面也可以添加數(shù)字小球的循環(huán)縮放以及背后光暈的旋轉(zhuǎn)效果以豐富界面。

大功告成后，你就可以在預(yù)覽窗中抽取自己的隨機(jī)數(shù)字了啦~~

案例預(yù)覽：https://cloud.protopie.io/p/7870121946

作者：Annie