vue 实现九宫格抽奖_PPT抽奖动画：全网最全玩法

★★★话前★★★

在上周四整理的《出彩：10个让你瞬间出彩的PPT动画》（阅读量又100000＋），十大类型动画引起了大量PPT朋友的追爱，纷纷在后台留言，提出了很多的动画需求，诸如片头、片尾、抽奖、倒计时、职业化、商务化、酷炫化...等等关键词非常的多，我们会在后面的资源分享中，一一为大家整理奉上。

今天，我们选择了最近热度很高的一个词：年会抽奖。

岁末年底，无论是大企小社，都会有一个或大或小的庆祝聚会，全员同聚，至此一刻，同总结、共庆祝，同欢同望，我们统谓之为“年会”。

在这个盛会中，绝大多数都有一个项目，那就是 抽奖 活动（小编最激动）。

抽奖动画，作为年会PPT中非常受瞩目的一个动画板块，我们必须要高度的重视，今天口袋君就带你捋捋“PPT史(未)上(知)最(统)全(计)”的抽奖动画。

● 1.转盘抽奖

幸运大转盘，作为生活动比较常见的一种抽奖形式，操作简单，执行力快，所以被大家所熟知。同时，转盘这种抽奖形式在PPT中也被很好的应用、转化。

转盘抽奖的特点是，借助于不同扇面来区分不同的奖项内容，辨识度比较高，操作简单，从实现形式可分为两种 针转式 和 盘转式。

（1）针转式，即指针旋转挑选对应的扇区。

高能提醒：口袋动画支持一键设置奖项数量和内容。

（2）盘转式，即指针不动，盘面旋转，停止是扇区在指针区域即为所选。

两种转盘的抽奖形式基本一样，对应设置方式也比较简单（会在后面出对应的教程，也欢迎大家留言），还有更多PPT的效果。

（针转式： 选奖品）

（针转式： 抽奖）

（针转式： 扇面抽奖）

（针转式： 点动抽奖）

（盘转式： 2019行大运）

适用场景：包含数量级不大的奖品筛选（选物）

● 2.卡片筛选抽奖

卡片筛选，是通过一种很直观的方式（如平铺），来一次性展示所有的奖项，然后通过一些既定的框选方式（如高亮、边框等）来确定最终的选择的抽奖方式，所以其区分主要是基于排列方式，比较常见的排列方式有平铺式、九宫格式。

高能提示：口袋动画支持一键设置奖分布方式和奖项图片。

（九宫格：米粉抽奖）

（九宫格：米粉抽奖）

（环形排布：抽奖）

相应的动画教程，后面会有教程分享，也欢迎大家留言，可能提前编辑出来

适用场景：数量不大的奖品筛选抽奖（选物）

● 3.滚动式抽奖

滚动抽奖，通常是把大量的奖项或者人员编号集合在一起，然后通过随机的滚动方式来筛选出最终的结果，其包含的内容没有限制，既可以是滚动抽出奖项，也可以是滚动筛选出中奖的人，适用范围很广，应用性强。基于这个滚动操作，大抵分两种：页面切换滚动和动画对象的滚动。

• 页面切换滚动，是借助多页之前的循环播放来控制筛选，适用比较繁琐，严格意义上是一种“伪”抽奖，所以今天不做展开介绍。
• 动画对象滚动，是借助动画元素的切换来进行瞬间的切换（可利用原理，既有文本框字符动画原理，也有动画延时叠加原理，篇幅有限，后续专门会有对应的教程文章分享）

综合来讲，滚动式抽奖，抽选效果极佳，自定义属性较强，可变性好，推荐Ppter探索

一波抽奖动画袭来

（No.1 编号滚动）

（No.2 编号滚动）

（No.3 编号滚动）

（No.4 抽选幸运电话）

（No.5 最佳专辑）

（No.6 姓名抽选）

（No.7 编号滚动）

（No.8 抽选礼物）

（No.9 抽选礼物）

适用场景：数量较大的抽奖（可人可物）。

★★★抽奖大实战★★★

秉承口袋“授之以鱼不如授之以渔”的传统，又加上滚动式抽奖形式适用性这么广，小编也按耐不住了。

这种好东西，不仅要做理论介绍，更重要的是进行实战分享，所以今天给大家来一波微简单教程福利，教你 3步 打造一个滚动式抽奖。

（1）实战1：抽选中将员工

动画需求：大致实现的效果是从一大波员工名单中随机抽出中奖员工。

① 编辑 员工名单（即输入员工姓名）

② “口袋动画PA” 选项卡 -> 添加动画 -> “图形动画” -> “逐帧GIF” -> 按住Ctrl，下载"闪现"即可。

口袋动画选项卡

图形动画入口

"逐帧GIF"分类

"闪现"动画

黑科技爆料：按住Ctrl，可自动分段插入员工名单形成独立的抽选。

③ 调整循环次数（循环次数设置为9999） 和切换方式（自动切换）

最终结果

（键盘 s 暂停和继续）

（2）实战2：抽选奖品

动画需求：从一波礼品中滚动抽奖。

① 插入 奖品图片

② “口袋动画PA” 选项卡 -> 添加动画 -> “图形动画” -> “逐帧GIF” -> 下载"闪现"即可。

③调整循环次数和切换方式。（设置方式同实战1一样）

最终结果

（键盘 s 暂停和继续）

OK，PPT的抽奖就到这里了，希望口袋的整理能够让你有所得，也预祝所有的即将参加公司年会的小伙伴都能中奖共嗨。