5.4 元件進場動畫

學習如何設定新元件在切換到所屬畫布時的進場動畫

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

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


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

  • 步驟一『建立新元件並設定進場動畫』

    請先從 Main 複製出來的 Main 2 Canvas 中任意新增一個新元件,並從右側的屬性變數中找到 [ Standby Mode ] 設定此元件待機進場的模式為從右側進場 [ right ],最後和上一小節中教的一樣,請點擊 [ Standby Easing ] 設定進場動畫方法。

    Brick Standby Mode

  • 步驟二『設定進場動畫方法』

    在動畫屬性中可以挑選想要呈現的動畫方法及持續時間。

    動畫方法範例介紹網站:https://easings.net/

    Setting Easing method

  • 步驟三『播放預覽』

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

  • 恭喜學會了元件進場動畫的基本概念


下一章將帶您認識變數概念。

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

是否回答了您的問題?