有时候需要一个抽奖小游戏:做活动给参与者翻牌抽奖、上课点名提问、年会抽奖品、朋友聚会抽谁买单。现成的抽奖软件要么功能太多、要么不好看、要么不能按自己的想法定制。这个小工具就是给你一个漂亮的翻牌抽奖界面,卡片能翻、能配奖品、能放音效,打开就能用。
主要功能
主界面
整屏铺满,顶上是标题和副标题(能自己改),下面是一排卡片网格。卡片正面盖着问号(或序号、星号、礼盒),鼠标移上去会放大旋转,有想翻的冲动。点一下翻过去,露出底下的奖品或"谢谢参与"。
状态栏
如果开启了次数限制,中间会出现一条状态栏,显示"剩余抽奖次数:X 次",旁边有"重新洗牌"按钮。不限次数的话这栏不显示。
设置面板
右上角有个齿轮按钮,点开弹出设置面板,所有参数都能改。
基本信息
主标题:页面顶部大字,默认"幸运超级翻翻乐"
副标题:标题下面小字,默认"翻开命运之牌,赢取惊喜大奖"
卡片布局
快捷预设:下拉选 4 张、6 张、9 张、12 张、16 张、20 张,自动配好行数和列数
翻牌总数:1 到 50 张,自己填
每行卡片数:1 到 10 列,自己填
视觉样式
图标大小:卡片正面那个大图标的字号,12 到 100 像素
文字大小:奖品名的字号,10 到 40 像素
背景模式:渐变颜色或背景图片
渐变背景:几种预设色(梦幻紫蓝、暗夜深蓝、活力红粉),也能自己写 CSS 渐变代码
背景图片:可以本地上传一张图,也可以粘一个图片 URL
牌型颜色:随机多彩(每张牌颜色不一样)、统一预设主题色、自定义渐变。统一的话还有六种预设(经典炫彩紫、活力珊瑚红、极光深海蓝、翡翠草绿、奢华高贵金、质感黑金)
抽奖参数
抽奖次数限制:不限次数,或者限制几次
抽奖方式:随机打乱(每次洗牌随机分布奖品)或指定绑定(按奖品定义的序号固定放)
奖池设置
下面一个大输入框,一行一个奖品,格式是:
奖品名称,指定序号,自定义图标
比如:
一等奖:iPhone 15,1
二等奖:AirPods Pro,2
三等奖:100元卡,3
谢谢参与,4
序号是"指定绑定"模式用的,图标可填可不填。名称里包含"谢谢"或"未中奖"的,会自动当作未中奖项处理。
音效设置
中奖音效:可以上传本地音频文件,也可以填音频 URL,点"测试播放"先听听
未中奖音效:同上
默认给了中奖和未中奖两段在线音频,也能换成自己的。
图标设置
背面图标:问号、序号、星号、礼盒,四种任选
中奖图标:默认 🎉,可改
未中奖图标:默认 🥺,可改
无奖提示语:默认"很遗憾,未中奖,继续加油!",可改
保存并开始抽奖
设置改完点这个按钮,所有参数生效,卡片重新洗牌,可以开始翻。
翻牌交互
点一张没翻过的卡片,卡片翻转过去,露出奖品或"谢谢参与"。是中奖会弹出绿色提示、放中奖音效;是未中奖会弹提示、放未中奖音效。翻过的卡片再点会提示"已经翻过了"。有次数限制时,翻一次扣一次。
重新洗牌
有次数限制时,次数用完或者想重来,点"重新洗牌",所有卡片翻回去、重新分配、次数恢复。
适合谁用
做活动、做直播的人,用它给观众抽奖,翻牌效果比随机数字有意思;老师上课点名、搞课堂互动,用它能随机抽学生;公司年会、部门团建抽奖品,能配好奖品池和音效,气氛带得起来;朋友聚会、家庭聚会抽谁做某件事,也能玩;做营销、做拉新活动的人,翻牌式抽奖比直接弹个"恭喜中奖"更有参与感。
用起来什么感觉
打开就是个漂亮的抽奖界面,卡片整齐排开,配色好看。点齿轮调出设置,所有参数分门别类摆好,下拉、输入、上传各就各位。改完保存立刻生效。翻牌时有音效配合,中奖了绿色提示加欢呼声,没中也有温馨提示,反馈很足。所有数据都在浏览器本地处理,不上传服务器。手机上设置面板会变成单列,按钮加大,手指点着方便。不需要安装,打开网页就能使,用完关掉就行。
有一点要提醒:音效文件、背景图片如果传的是本地文件,下次刷新页面会丢,需要重新传。想要长期用,建议把文件传到网上,用 URL 引用。