跳至主要內容
5.2 轉場動畫特效

學習如何設定畫布之間的轉場動畫,包含畫布元件的自動補間動畫

BRICKS TOOLS avatar
作者:BRICKS TOOLS
3 年前已更新

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


這裡將教學不同的 Canvas 畫布間如何設定自動轉場效果。

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

  • 步驟一『複製畫布』

    請選擇主畫布,並在右方的屬性變數中尋找 Operation 中的 Duplicate (Keep Brick references) 即可重新複製一張和主畫布一模一樣的畫布內容。

    Duplicate Canvas

  • 步驟二『變更點擊事件目標』

    還記得在前一小節中我們設定點擊物件會切換畫布的事件嗎?請再找到該物件,變動設定切換的畫布到上一步驟新增的 Main 2 畫布,這樣我們就能試作兩張同樣的畫布,但元件位置不同時會自動產生什麼樣的轉場動畫了。

    On Press Event

  • 步驟三『調整複製畫布元件位置』

    設定 Main 2 畫布中的各別元件到不同的位置,並且點擊剛剛複製出來的畫布2,設定其停留在畫布的時間 Showing Timeout 的值為 5秒,並指定 Next Canvas ID 切換回主畫布。

    *若想複製單一元件至另一個畫布時,可直接拖曳元件至另一畫布,或是在另一畫布新增 Brick 時,在 Link Exist 選擇 Brick 後再選擇該元件。

    Change Canvas Properties

  • 步驟四『播放預覽』

    試著播放預覽,點擊設定點擊行為的物件,看看前一步驟設定的元件位移是否有自動生成轉場動態,停留設定時間後是否會切換回主畫布?。

  • 恭喜學會了轉場動畫的基本概念



    下一節將帶您認識 BRICKS 提供的各種動畫類型

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

是否回答了您的問題?