往前的推文詳細介紹過PPT的交互功能,它可以在很多場景上應用,比如課堂點名、知識競答、活動抽簽等。那么今天我們就用PPT來做兩個簡單的抽獎小程序。下面跟著我的節奏,左手右手一起玩起來吧~
其實兩個動畫的實現原理都是一樣的,我們先來完成第一個案例。 第一步,完成抽獎的表盤拼接。 先插入一個餅圖,共列8個數據,每個數值為50。那么就可以得到一個被劃分8等分的正圓。
然后Ctrl+X剪切,再Ctrl+Alt+V選擇粘貼為”增強型圖元文件“。 然后兩次Ctrl+Shift+G取消組合,就單獨分離成了8個形狀。
接著,去掉邊框,給每一個分區的形狀填充自己喜歡的漸變色。↓
后面就是素材的拼接ppt抽獎器開始停止,直接我們用動圖來演示這個拼接的過程了↓
第二步,給指針添加陀螺旋動畫。
這里我們需要借助組合圓形來輔助指針做圓周運動。最后將去掉圓形邊框,并透明度改為100%,那么輔助圓在這里就設置成了不可見。
接著,我們將已經做好的“點擊抽獎”的按鈕作為指針做圓周運動(動畫)的觸發器。
最后調整動畫的參數。這里的動畫參數為,持續時間為0.3秒,動畫開始播放時間為單擊,計時屬性為“直到下一次單擊”,并在增強屬性中,將播放動畫顏色改為與指針顏色一致。(計時屬性與增強屬性的設置,這算是它的一個bug吧)
到這里ppt抽獎器開始停止,我們就完成了這個抽獎小動畫。這里有一個缺點就是,觸發了指針轉動之后,還需要再次點擊按鈕,指針才能停下來。這也就是說,完成一次抽獎過程,需要點擊兩次抽獎按鈕。
第一個抽獎案例完成,再去完成第二個案例就很簡單了,因為它的原理都是一樣的,同樣完成一次抽獎過程需要點擊兩次抽獎按鈕。
第一步,完成素材的拼接。
有了第一個案例,我就直接用動圖來演示拼接的過程了↓
第二步,給每個紅色的燈(姑且叫做燈)添加(進入型)閃爍一次動畫和(退出型)消失動畫。
這里的紅色燈是一個接著一個閃爍出現的,所以每個動畫存在相等的時間差,對應的設置就是“上一動畫之后”。我這里動畫參數,除第一個燈的動畫是單擊觸發以外,其余動畫開始播放時間都為“上一動畫之后”,持續時間為0.2秒。
最后利用增強屬性和計時屬性的bug,設置一下參數↓
這里做完以后,也會有一個bug,就是第一個永遠也抽不到,因為不知道什么原因,它會直接跳過第一個燈。當然也是有解決的辦法的,這里只要將消失動畫全部替換成淡化動畫就可以解決這個bug,但是又會出現另外一個bug,就是抽獎暫停的時候可能會出現兩個燈同時亮的情況。所以這個bug之后還會有bug,不過都沒有關系,最后我才發現只要保留一個開頭消失淡化動畫,即可解決這個bug~然后我們放上獎品,最終的效果↓