歡迎使用 BRICKS ,此教學涵蓋互動控制的第二步 : 轉場動畫特效,只要完成此章節內容,即可輕鬆學會 BRICKS 雲端智慧顯示互動控制的使用。
這裡將教學不同的 Canvas 畫布間如何設定自動轉場效果。
🕐 此篇教學操作預計花費時間:3~5 分鐘
步驟二『變更點擊事件目標』
還記得在前一小節中我們設定點擊物件會切換畫布的事件嗎?請再找到該物件,變動設定切換的畫布到上一步驟新增的 Main 2 畫布,這樣我們就能試作兩張同樣的畫布,但元件位置不同時會自動產生什麼樣的轉場動畫了。
步驟三『調整複製畫布元件位置』
設定 Main 2 畫布中的各別元件到不同的位置,並且點擊剛剛複製出來的畫布2,設定其停留在畫布的時間 Showing Timeout 的值為 5秒,並指定 Next Canvas ID 切換回主畫布。
*若想複製單一元件至另一個畫布時,可直接拖曳元件至另一畫布,或是在另一畫布新增 Brick 時,在 Link Exist 選擇 Brick 後再選擇該元件。
步驟四『播放預覽』
試著播放預覽,點擊設定點擊行為的物件,看看前一步驟設定的元件位移是否有自動生成轉場動態,停留設定時間後是否會切換回主畫布?。
恭喜學會了轉場動畫的基本概念
下一節將帶您認識 BRICKS 提供的各種動畫類型
若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題