往前的推文详细介绍过PPT的交互功能,它可以在很多场景上应用,比如课堂点名、知识竞答、活动抽签等。那么今天我们就用PPT来做两个简单的抽奖小程序。下面跟着我的节奏,左手右手一起玩起来吧~



其实两个动画的实现原理都是一样的,我们先来完成第一个案例。

第一步,完成抽奖的表盘拼接。

先插入一个饼图,共列8个数据,每个数值为50。那么就可以得到一个被划分8等分的正圆。



然后Ctrl+X剪切,再Ctrl+Alt+V选择粘贴为”增强型图元文件“。然后两次Ctrl+Shift+G取消组合,就单独分离成了8个形状。



接着,去掉边框,给每一个分区的形状填充自己喜欢的渐变色。↓


后面就是素材的拼接,直接我们用动图来演示这个拼接的过程了↓



第二步,给指针添加陀螺旋动画。

这里我们需要借助组合圆形来辅助指针做圆周运动。最后将去掉圆形边框,并透明度改为100%,那么辅助圆在这里就设置成了不可见。

接着,我们将已经做好的“点击抽奖”的按钮作为指针做圆周运动(动画)的触发器。



第三步,调整动画的参数。

这里的动画参数为,持续时间为0.3秒,动画开始播放时间为单击,计时属性为“直到下一次单击”,并在增强属性中,将播放动画颜色改为与指针颜色一致。(计时属性与增强属性的设置,这算是它的一个bug吧)

到这里,我们就完成了这个抽奖小动画。这里有一个缺点就是,触发了指针转动之后,还需要再次点击按钮,指针才能停下来。这也就是说,完成一次抽奖过程,需要点击两次抽奖按钮。




第一个抽奖案例完成,再去完成第二个案例就很简单了,因为它的原理都是一样的,同样完成一次抽奖过程需要点击两次抽奖按钮。



第一步,完成素材的拼接。

有了第一个案例,我就直接用动图来演示拼接的过程了↓



第二步,给每个红色的灯(姑且叫做灯)添加(进入型)闪烁一次动画和(退出型)消失动画。

这里的红色灯是一个接着一个闪烁出现的,所以每个动画存在相等的时间差,对应的设置就是“上一动画之后”。我这里动画参数,除第一个灯的动画是单击触发以外,其余动画开始播放时间都为“上一动画之后”,持续时间为0.2秒。



第三步,与上面第一个案例相同,利用增强属性和计时属性的bug,设置一下参数↓

这里做完以后,也会有一个bug,就是第一个永远也抽不到,因为不知道什么原因,它会直接跳过第一个灯。当然也是有解决的办法的,这里只要将消失动画全部替换成淡化动画就可以解决这个bug,但是又会出现另外一个bug,就是抽奖暂停的时候可能会出现两个灯同时亮的情况。所以这个bug之后还会有bug,不过都没有关系,最后我才发现只要保留一个开头消失淡化动画,即可解决这个bug~然后我们放上奖品,最终的效果↓

以上就是今天要分享的内容了。私信回复“抽奖”即可领取PPT源文件~