年會抽獎模板

企業內部互動玩法

示例：方寸科技 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 · 新上線年会抽奖大屏 — 投屏场景，手机扫码签到

更新日誌 ›

年會抽獎模板

同類案例