5.3 設定動畫種類

學習設定各種轉場及元件動畫的轉換類型

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新

歡迎使用 BRICKS ,此教學涵蓋互動控制的第三步 : 設定動畫種類,只要完成此章節內容,即可輕鬆學會 BRICKS 雲端智慧顯示互動控制的使用。


🕐 此篇教學操作預計花費時間:2~3 分鐘

  • 步驟一『設定轉場動態』

    選擇複製出來的畫布 Main 2 ,在右側屬性變數中找到 Standby Easing 的屬性,點擊 [ Edit ] 編輯這個元件在轉場動畫時的不同轉場效果。

    Setting Brick Standby Easing

  • 步驟二『設定動畫類型』

    在動畫的屬性中針對 default 去做不同的動畫方法做設定,也可以去針對單一的x, y, 或 width, height 去做動畫的設定,在此處先將動畫方法 method 設定為 [ easeOutBounce ] ,持續時間 duration 設定為 3 秒。

    *針對不同的動畫方法效果,可以使用此連結查看 https://easings.net

    Setting Easing method and duration

  • 步驟三『播放預覽』

    設定好之後就可以點擊播放預覽觀看動態轉換的效果了,也可以針對不同屬性或不同的動畫方法做試驗,玩玩看會有什麼樣不同的效果。

  • 恭喜學會了動畫類型的基本概念



    下一節將帶您認識元件進場動畫

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?