ppt倒计时小程序_PPT三步打造抽奖小程序

14ec90625dc61a2f280108301fb2645a.gif

9f9d909c7cd9e913af580c59535721a7.png

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

4d8e263d644ec57280651a9d369b1484.gif

6fed7dc2481ac43424f6cfbf89d8f6e0.gif

d46b01824458524ee4956e9a6b193f59.png

其实两个动画的实现原理都是一样的,我们先来完成第一个案例。 第一步,完成抽奖的表盘拼接。 先插入一个饼图,共列8个数据,每个数值为50。那么就可以得到一个被划分8等分的正圆。

353df6a5a8428d6c0f1037e3d609e23a.gif

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

2f1f5039a9bd44904bfb021b4b49c32f.gif

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

007d7762cd022936996f0e2c71c25a12.png

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

ef4a2b9c517eb2a2eba232757a058754.gif

9ffd9b63208ff14527fd1ed1f34ca401.png

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

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

93de284a4e97b9b039cc8106a45cafc4.gif

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

2e95613081d0ff87663c561146989af9.gif

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

16c95bcdca8e0582c23c09647ef7c506.gif

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

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

6fed7dc2481ac43424f6cfbf89d8f6e0.gif

d46b01824458524ee4956e9a6b193f59.png

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

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

c59b48ec3cbd92e9b8b828b031a9b73b.gif

9ffd9b63208ff14527fd1ed1f34ca401.png

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

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

最后利用增强属性和计时属性的bug,设置一下参数↓

e0da763673ff90443b607c50873c2c80.gif

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

65792676da30801818a8726b192d7613.gif

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

bd6dd0017c4c5e073a9cc25ccb670328.png

如果本期推送对你有用,随手点个“在看”吧,也欢迎大家在留言区发表评论哦~下期再见!

4561a1ea7fb634e971612de830a1effb.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值