摇一摇抽签H5 · 「签灵了·妙算堂」国潮摇签互动

合肥微途信息科技有限公司交付的「签灵了·妙算堂」国潮摇签 H5，2025 年 7 月上线。参与者摇动手机即可触发签筒晃动动画、音效与震动反馈，随机抽出七类签文之一，结果弹层支持长按保存；国潮画风主题页面，参与记录后台可查可导出。

项目背景

商圈与市集类活动想要一个「有手感」的抽签玩法：不是点一下按钮，而是真的摇一摇。微途把手机传感器用进抽签：摇动触发签筒动画、音效与震动三重反馈，签筒里插满学业签、事业签、财富签、爱情签、健康签等七类签文，摇出哪支全凭手气；结果以弹层呈现、长按保存，配合国潮视觉把氛围拉满。

功能模块

• 摇一摇出签：手机摇动触发抽签，无需点击按钮
• 三重反馈：签筒晃动动画 + 音效 + 震动反馈同时触发
• 七类签文：学业 / 事业 / 财富 / 爱情 / 健康 / 智慧 / 好运随机出签
• 结果弹层：出签结果弹层展示，长按保存图片留念
• 国潮主题视觉：签筒、签文、页面背景整体定制
• 参与记录：参与列表与时间后台可查，支持导出

技术实现

• 手机传感器驱动：摇动手势识别灵敏，误触可过滤
• 抽签结果由服务端随机计算，前端只做动画呈现
• 音效与动画本地加载，弱网环境下反馈不卡顿
• 微信内打开免安装，扫码即玩

页面实览

常见问题

手机摇了没反应怎么办？

页面提供点击式备用入口，摇一摇与点击都能出签，任何机型都不会卡在参与环节。

签文可以自定义吗？

可以。签文分类、文案与结果图均按活动主题配置，可换成品牌签、产品签等玩法。

现场人多会卡吗？

结果计算与记录全部在服务端完成，动画素材本地加载，千人现场并发稳定。

本案例由合肥微途信息科技有限公司交付。微途 2015 年成立于合肥，专注活动会议数字化开发：微信大屏互动（签到 / 抽奖 / 摇一摇 / 弹幕 / 投票）、会议微站、H5 与小程序定制，已服务 800+ 主办方、落地 4000+ 场活动。咨询电话 15555112255。同类案例参见扫码集章打卡系统与目标认购系统，或浏览全部客户案例 →