微課程製作——專業版中場景容器的應用?

場景容器是要配合引用場景使用的,場景容器就動態載入引用場景。

我們可以看一下我們要達到的效果,單擊上面的不同顏色按鈕,顯示不同的圖片,同時在PC端是滑動滑鼠,在APP端是左右滑動螢幕,顯示不同的圖片。下面我們就教大家來製作這個用場景容器做的動畫效果。

微課程製作——專業版中場景容器的應用

工具/原料

炫課專業版

方法/步驟

單擊選單欄插入按鈕--場景容器

微課程製作——專業版中場景容器的應用

可以通過場景容器下方的尺寸和座標調整場景容器的大小和位置

微課程製作——專業版中場景容器的應用

然後開始建立引用場景,引用的場景同樣通過下方的尺寸修改,修改成和場景容器相同的尺寸

微課程製作——專業版中場景容器的應用

在引用場景中插入每個引用場景要引用的圖片,我們在引用場景中也可以可以給元素新增動畫調整形狀大小之類

微課程製作——專業版中場景容器的應用

然後回到常規場景,在場景容器裡面插入三個一樣的形狀,用不同顏色區分

微課程製作——專業版中場景容器的應用

選中場景容器中需要載入引用場景的黃色按鈕後,點選右側動畫窗格中的滑鼠單擊

微課程製作——專業版中場景容器的應用

在動畫中選擇行為動畫--引用場景

微課程製作——專業版中場景容器的應用

在這個場景容器裡選擇要載入的引用場景

微課程製作——專業版中場景容器的應用

同樣的操作將另外兩個顏色的按鈕載入兩外兩個引用場景,這樣就能實現我們預覽的效果圖啦

注意事項

場景容器的引用只能是在垂直彈簧的頁面切換方式時使用。

場景, 動畫, 課程, 專業版, 容器,
相關問題答案