創作內容

16 GP

【教學】距離場教學 十一章 - 動畫方法

作者:is樂小呈│2021-07-31 16:32:50│巴幣:32│人氣:102
標準化空間,大小為 10、距離場上色

添加動畫的方法
目前為止,我們使用距離場繪製的圖形都是靜態的,所以下一步就是要讓距離場動起來。

教學這裡將播放動畫的類型歸類成兩種 - 主動以及被動,主動播放指的就是使用者用直接或間接手段控制動畫的撥放,而被動播放指的是閒置狀態下的自主動作。

被動播放
被動播放主要依靠的是時間相關的變數,使用 _Time 讓形狀持續運動,或是搭配三角函數產生正盪波型。

首先建立一個回傳不同速度的時間函數。


在計算距離場之前將 uv 進行旋轉。



整個形狀都朝同一個方向旋轉太單調了,其實我們可以讓旋轉有不同的層次,只需要在組合距離場時將 uv 以不同速率旋轉。



主動播放
顧名思義,需要由使用者主動控制的動畫,主要會依靠插值 lerp 函數來達成,首先在著色器上添加一項 _Anim 屬性並建立變數,範圍由 0 到 1。



我們將 _Anim 作為 lerp 的權重輸入,讓特定數值在我們的控制下變動,同樣以旋轉為例。



當然我們也可以在組合距離場時,根據層次做出不同動態。



在進行主動播放時可以透過 C# 腳本來控制動畫的持續時間,教學這裡就進行省略了。

讓距離場播放動畫的方法主要就是以上兩種,而我們能做的當然不只有旋轉,實際上你可以用動畫控制任何距離場使用到的參數,下一章教學會帶你們了解各種可以透過動畫達成的效果。

章節題目
請嘗試用任何方法播出類似效果


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=5224401
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:SDF|Shader

留言共 1 篇留言

千羽
好酷(・∀・)

08-01 12:41

is樂小呈
之後還有更酷ㄉ[e7]08-01 13:38
我要留言提醒:您尚未登入,請先登入再留言

16喜歡★angus945 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【教學】距離場教學 第十... 後一篇:【教學】距離場教學 十二...

追蹤私訊切換新版閱覽

作品資料夾

dorisgallows喜愛BL的你
新章節更新!【BL × PTSD題材小說】如歌般的呢喃。一首曲子,開啟了情感的流動看更多我要大聲說35分前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】