幸运大转盘模板

零售餐饮互动玩法

示例：柚见三周年 · 幸运大转盘 · 大转盘

帮我给我们奶茶店的周年店庆做一个幸运大转盘，发成一个网页链接到会员群：首屏就是一只用 canvas 画的大转盘，8 格奖品，每格有一个现画的小插画和短字，外圈一圈会闪的灯泡，顶上一个指针，中间一个大的「开始」按钮；上面是店名、活动日期、一句大标题和一句店长的话，右上角一个静音键；点开始后转盘像真的一样减速停下，指针过格子边界时轻轻抖一下，停下时撒彩带、手机轻震、响一声合成的音效（点了才响），然后弹出一张奖券卡：奖品、插画、券码、有效期、在哪核销，下面填称呼点领取，存进一张数据表（name / prize / code）。转盘下面写今天还有几次机会、奖池还剩多少，一条「最近中奖」滚动条读这张表。往下是奖品与剩余：每样奖品的总数、剩余、此刻概率和一条剩余进度条，概率按剩余数算，写明规则；然后折叠的活动规则、门店地址带复制按钮。手机竖屏一屏看完首屏，电脑上居中一块手机比例的舞台；转盘不出来时也能看到奖品表、规则和一张登记表单。活动期间有变化就更新同一个链接。

参考模板：先读 https://space.24haowan.com/examples/sample-lucky-wheel/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-lucky-wheel 当底稿（list_examples key=sample-lucky-wheel），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-lucky-wheel ，把返回的预览链接和认领链接给我（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-lucky-wheel/agent.md 做一份我自己的「柚见三周年 · 幸运大转盘」，发成活页，先给我看预览。

我的要求：帮我给我们奶茶店的周年店庆做一个幸运大转盘，发成一个网页链接到会员群：首屏就是一只用 canvas 画的大转盘，8 格奖品，每格有一个现画的小插画和短字，外圈一圈会闪的灯泡，顶上一个指针，中间一个大的「开始」按钮；上面是店名、活动日期、一句大标题和一句店长的话，右上角一个静音键；点开始后转盘像真的一样减速停下，指针过格子边界时轻轻抖一下，停下时撒彩带、手机轻震、响一声合成的音效（点了才响），然后弹出一张奖券卡：奖品、插画、券码、有效期、在哪核销，下面填称呼点领取，存进一张数据表（name / prize / code）。转盘下面写今天还有几次机会、奖池还剩多少，一条「最近中奖」滚动条读这张表。往下是奖品与剩余：每样奖品的总数、剩余、此刻概率和一条剩余进度条，概率按剩余数算，写明规则；然后折叠的活动规则、门店地址带复制按钮。手机竖屏一屏看完首屏，电脑上居中一块手机比例的舞台；转盘不出来时也能看到奖品表、规则和一张登记表单。活动期间有变化就更新同一个链接。

分享海报

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

下载海报

这份模板

门店店庆、会员日、开业、节日，想发一个在群里点开就能抽一次的转盘：奖品有限量、要显示还剩多少、抽中的券到店核销，选它。只收报名、按场次分名额选 sample-event-signup；请人来吃饭回个执选 sample-invitation；不需要抽奖、只想把商品和价格摆出来选 sample-product-catalog。

页面结构：转一次 · 奖品与剩余 · 活动规则 · 门店地址

canvas 现画的转盘、彩带粒子与 Web Audio 合成音（点按后才发声，可静音），一张值得截图的奖券卡
奖券卡里填称呼领取写回数据表（原生表单 POST ./_data/draws），页面读回扣减各奖品剩余、滚动显示最近中奖
同一链接活动期间持续更新（改奖池、补门店已抽数都在这一页）
微信卡片（share.title / share.desc）

发之前要备好：数据表 draws（列 name / prize / code，append_open=true）：奖券卡里的领取写进这里，页面读回扣减剩余、显示最近中奖；发布前先用 set_data 建好，活动结束把 append_open 关掉

看模板源码 ›

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

幸运大转盘模板

同类案例