年会抽奖模板

企业内部互动玩法

示例：方寸科技 2026 年会 · 现场抽奖 · 抽奖大屏

帮我给公司年会做一个现场抽奖网页，同一个链接电脑投屏抽奖、手机扫码签到：在电脑宽屏上（或网址带 ?screen=1）进入全屏抽奖舞台，深蓝夜色背景带一团红金色光晕，中间是用 canvas 画的 3D 旋转名字球，参与者的名字按前后远近变大小和深浅，外面绕几条轨道环；下面是当前奖项、一个大的「开始」按钮和快捷键提示，按空格或点按钮开始，球加速转、名字随机闪金色、嗒嗒作响，再按一次停下，中奖名字从球上飞出放大成卡片（名字、部门、抽奖号），撒彩带、响一段合成的音效（点了才响，有静音键）；右侧栏是四个奖项（三等奖 10 名分两轮、二等奖 3 名、一等奖 1 名、特等奖 1 名）的剩余，左右键切换，下面是实时中奖名单，已中奖的人不再进球，每轮结果存进一张数据表（name / prize）。手机上是签到页：顶上是同一只小号名字球和年会时间地点，下面填名字、选部门，存进另一张数据表（name / dept），签到成功出一张「你的抽奖号 #031」的票根卡片；再往下是和大屏同步的中奖名单（每个奖项有待抽空位）和奖项、当晚流程。名字球里放 30 个示例同事加签到名单。系统要求减少动效时球不转、直接出结果；不跑脚本时签到表单照样能交。

参考模板：先读 https://space.24haowan.com/examples/sample-annual-draw/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-annual-draw 当底稿（list_examples key=sample-annual-draw），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-annual-draw ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-annual-draw/agent.md 做一份我自己的「方寸科技 2026 年会 · 现场抽奖」，发成活页，先给我看预览。

我的要求：帮我给公司年会做一个现场抽奖网页，同一个链接电脑投屏抽奖、手机扫码签到：在电脑宽屏上（或网址带 ?screen=1）进入全屏抽奖舞台，深蓝夜色背景带一团红金色光晕，中间是用 canvas 画的 3D 旋转名字球，参与者的名字按前后远近变大小和深浅，外面绕几条轨道环；下面是当前奖项、一个大的「开始」按钮和快捷键提示，按空格或点按钮开始，球加速转、名字随机闪金色、嗒嗒作响，再按一次停下，中奖名字从球上飞出放大成卡片（名字、部门、抽奖号），撒彩带、响一段合成的音效（点了才响，有静音键）；右侧栏是四个奖项（三等奖 10 名分两轮、二等奖 3 名、一等奖 1 名、特等奖 1 名）的剩余，左右键切换，下面是实时中奖名单，已中奖的人不再进球，每轮结果存进一张数据表（name / prize）。手机上是签到页：顶上是同一只小号名字球和年会时间地点，下面填名字、选部门，存进另一张数据表（name / dept），签到成功出一张「你的抽奖号 #031」的票根卡片；再往下是和大屏同步的中奖名单（每个奖项有待抽空位）和奖项、当晚流程。名字球里放 30 个示例同事加签到名单。系统要求减少动效时球不转、直接出结果；不跑脚本时签到表单照样能交。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

公司年会、团建晚宴、开工大会要现场抽奖：会场电脑投到大屏上转名字球、主持人按空格停，大家用手机扫码签到、看中奖名单，选它。门店或活动给顾客每人转一次、奖品限量要显示剩余，选 sample-lucky-wheel；只收报名、按场次限名额选 sample-event-signup；让大家留言祝福、当天投到电视上飘，选 sample-wish-wall；只是投票选节目，选 sample-vote-rank。

页面结构：抽奖名字球 · 签到 · 中奖名单 · 奖项

一页两种模式：电脑 / 投屏宽屏自动进入全屏抽奖舞台（canvas 3D 名字球、空格开始 / 停、中奖名字飞出放大、彩带与 Web Audio 合成音），手机上是签到页
手机签到写回数据表（原生表单 POST ./_data/entrants），出「你的抽奖号」卡片；大屏读回签到名单，新签到的人实时长进名字球
大屏每抽一轮写进数据表 winners，手机页读回中奖名单并提醒本人；已中奖的人不再进球
微信卡片（share.title / share.desc），发到公司群或印成桌卡二维码

发之前要备好：数据表 entrants（列 name / dept，append_open=true）：手机签到写进这里，名字球和抽奖号从这里读回；发布前先用 set_data 建好；数据表 winners（列 name / prize，append_open=true）：大屏每抽一轮写进这里，手机页读回中奖名单；只在年会当晚开，散场后关掉，重抽前用 set_data 清空；会场一台接大屏的电脑（横屏、浏览器打开同一链接即自动进抽奖模式），签到二维码印在桌卡或发到群里

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

改进记录

2026-10-29 · 新上线年会抽奖大屏 — 投屏场景，手机扫码签到

更新日志 ›

年会抽奖模板

同类案例