天天看點

【UE4從零開始 028】UMG的Timeline動畫

在控件藍圖編輯器最下方,是動畫編輯區域,我們可以為我們的UI制作一些簡單的動畫。

【UE4從零開始 028】UMG的Timeline動畫

1、添加動畫

在左側 動畫區域 點選 “+Animation” ,添加一個動畫軌并命名,在遊戲中我們可以直接通過名稱來播放對應的動畫。

【UE4從零開始 028】UMG的Timeline動畫

2、添加控件

在右側 時間軸 區域的左半部分,點選 “+Track”,選擇我們需要添加動畫的控件,

【UE4從零開始 028】UMG的Timeline動畫

3、添加關鍵幀

右側 時間軸 區域的右半部分,是我們動畫的 時間軸 和 關鍵幀 區域。

【UE4從零開始 028】UMG的Timeline動畫
上圖中 綠色線 表示起始幀,紅色線 表示結束幀,白色線 和 滑塊 表示目前幀。

在詳情面闆中,點選相應屬性右側的 添加關鍵幀 圖示,就可以在 目前幀 的位置添加一個關鍵幀。如下圖:

【UE4從零開始 028】UMG的Timeline動畫

添加一個 PositionX的關鍵幀後,下圖中紅框内就是一個關鍵幀。

【UE4從零開始 028】UMG的Timeline動畫

點選下圖紅框中的圖示可以切換時間軸區域的顯示模式。

【UE4從零開始 028】UMG的Timeline動畫
【UE4從零開始 028】UMG的Timeline動畫

還可以使用 自動關鍵幀 模式,這種情況下,隻要修改控件的對應屬性,就可以在目前關鍵幀位置自動添加一個關鍵幀。如下圖:

【UE4從零開始 028】UMG的Timeline動畫
點選上圖 紅框位置 的圖示後,即可開啟自動關鍵幀模式,此時在 UI設計視圖 右上方會出現 錄像中(RECORDING) 的字樣。

4、修改關鍵幀

單擊關鍵幀,會彈出該關鍵幀的詳情界面,可以對其進行修改。如圖:

【UE4從零開始 028】UMG的Timeline動畫

仔細觀察上圖,選中的關鍵幀處,你會發現有一條白色的細線,我們可以通過 拖拽 細線兩端的 小圓點 來調整時間軸的插值算法改變其運動速率,也可通過時間軸上方的一些圖示使用預設的內插補點算法。

【UE4從零開始 028】UMG的Timeline動畫

5、預覽

點選 播放 按鈕 可以在編輯器中預覽動畫。

【UE4從零開始 028】UMG的Timeline動畫

6、播放動畫

在制作完動畫後,切換到 圖表(Graph) 頁籤,在 我的藍圖(MyBlueprint) 面闆中的 Animations 下會發現我們剛才制作的動畫。

【UE4從零開始 028】UMG的Timeline動畫

添加播放動畫的代碼,如下:

【UE4從零開始 028】UMG的Timeline動畫

儲存并編譯,然後運作檢視效果。

繼續閱讀