选题策略:从 6 题中选题3「中秋玩梗猜词」——它把差异化分(玩梗创意20 + 中秋氛围25 = 45 分)押到最高,是最能拉开分差的一题。人工拍板确认。
竞品调研(先查再做):WebSearch 3 轮拿到三类弹药——① 中秋谐音梗料(余头/喜瓜/长鹅/十五月亮十六元);② 汉兜三色反馈机制(拼音拆声母/韵母/声调,绿对位/橙错位/灰无,开源可复用);③ 中秋 H5 营销套路(切月饼/集玉兔/拖拽弯月/放孔明灯/故宫古人现代化)。断网兜底 docs/ammo/猜词游戏.md 已具备。
3 立意强制拉开:A 汉兜三色·新中式水墨(机制驱动)/ B 谐音梗·国潮玩梗(内容驱动)/ C 剪纸绘本·叙事赏月(氛围驱动)——交互/玩法/视觉三轴各押一极,避免收敛。
拍板 B + 嫁接(唯一人工介入点):题眼是"玩梗",B 最贴题且传播潜力最高。取舍——不做 C 的重美术叙事地图(8h 风险最高),但嫁接 C 的月相进度 + 战绩卡;不做 A 的纯硬核解谜(玩梗贴合度中),但嫁接 A 的汉兜三色作 BOSS 进阶关。三个高分项(玩梗/交互/氛围)全押。
超纲亮点(题面没写、评分会奖励):消耗积分偷看博弈(策略感)、答错月饼表情包彩蛋(娱乐/网感)、玩梗战绩卡分享(传播)、汉兜三色进阶关(创新+10)——均标注了对应评分项。
逃默认审美:frontend-design skill 点名的 3 类 AI 默认(暖米+衬线+赭石 / 黑底+荧光绿 / 报纸栏)与题面自带的"紫蓝渐变+玻璃态"全部规避。定方向为国潮夜宴:黛夜蓝底(#161f38)+ 朱漆红(#d63a30)+ 金桂(#f0b24a)+ 月白(#f7efdd),落进 theme.css 的 [data-theme=midautumn],不散落硬编码。
Signature 视觉 = 进度月相:首页一轮大月亮,用 CSS --phase(0..1) 驱动夜色 terminator 位移,随通关由缺到圆——一个元素同时承载"中秋"记忆点与"进度"信息(信息即结构)。纯 CSS 实现,零图片、零网络。
字体三分工(引入 display 字体):display=站酷快乐体(ZCOOL KuaiLe,OFL,玩乐国潮,比宋体更贴"玩梗");正文=PingFang/Noto Sans SC;数字=Space Grotesk。站酷快乐体按成品实际用字 fonttools 子集化成 ~KB 级 woff2 落 vendor(零网络、保证各端一致)。
关卡地图 = 灯谜长廊:关卡不做冷宫格,做悬灯长廊——每关一盏花灯,已通关(亮红)/当前(发光摇曳)/未解锁(暗锁)三态,呼应"猜灯谜"民俗(借鉴弹药池"关卡地图仿桌游/主题美术")。
素材全本地 SVG,禁 emoji 当 UI:答错"表情包彩蛋"用手写 SVG 月饼/玉兔表情(6 款,读作有意设计而非 AI 味)落 illus.js;看图题走 emoji rebus(emoji 仅作题目内容本体)。图标锁 Lucide 单库(补了 lightbulb/lock/moon 等)。
复用 web-engine 母体:路由/store/事件委托/组件(UI.confetti/shake/modal/toast/starRating)全用底座,只新增本题图标与 topic 层,零重复造轮子。撒花用 vendor 的 canvas-confetti。
5 类题型统一数据驱动:choice(四选一) / build(候选字组合输入) / hanle(汉兜三色) 用同一 session 状态机 + answer() 收口。build/hanle 用"候选字 tap-to-build"替代拼音 IME——移动更跟手、无输入法困扰、天然容错(呼应弹药"声调容错"诉求)。
汉兜三色自研判定:judgeHanle 两趟扫描(先绿=对位、再橙=错位、余灰),字符级比对,无需拼音库。实测"花好月圆"猜"月佳人团"→ 月橙其余灰,判定正确。
交互区局部更新:build/hanle 每次点候选字只 syncZone(#playzone) 局部重渲,不整页 rerender、不重置滚动——避免闪动/跳动,提升交互跟手感(交互体验分)。
signature 与健壮性:进度月相(CSS --phase terminator,最小 0.12 保留初升弦月)、连击加成、消耗积分提示博弈、答错随机表情包彩蛋、星级揭晓、战绩卡称号——均落地。result/share 带 demo/空态兜底,直开 URL 不白屏。localStorage 持久化经无头 file:// 实测跨 reload 不丢。
answerText(q)(choice 取 options[correct])。starsRow 包 .stars 令 base.css 填色规则命中。无头 puppeteer 实测(file:// 直开)+ 评分表逐项预估。结论:高分区,高风险已清零。
| 维度 | 分值 | 预估 | 依据 |
|---|---|---|---|
| 视觉品质与中秋氛围 | 25 | 22–24 | 国潮夜宴(黛夜+朱红+金桂+月白),逃默认审美;进度月相 signature、灯谜长廊花灯三态、灯谜纸签、站酷快乐体 display、SVG 月饼/玉兔表情包;视觉高度统一 |
| 玩法流程完整性 | 25 | 23–25 | 首页引导→关卡解锁→答题→星级结算→下一关/战绩卡 全闭环,实测打通;逐关解锁、月相随进度推进 |
| 玩梗创意与趣味性 | 20 | 17–19 | 20 题真中秋梗(五仁滚出月饼界/月饼刺客/长鹅=嫦娥/十五月亮十六元/今晚月色真美/中秋特种兵/双节合一)+ 提示气泡玩梗文案 + 答错表情包吐槽 + 战绩卡称号;传播点=分享卡 |
| 交互与动效体验 | 20 | 17–19 | 答对撒花+金桂 bloom+震动、答错抖动+表情包 pop、汉兜三色翻牌、连击 badge、星级揭晓、按压反馈、交互区局部更新跟手 |
| 题目丰富度 | 10 | 9–10 | 20 题 > 15+ 门槛;7 类别(月饼/诗词/赏月/谐音/emoji/网络梗/祝福)、5 题型、6 关进阶 |
| 创新加分 | +10 | +8–10 | 汉兜三色进阶关 + 消耗积分偷看博弈 + 进度月相 + 玩梗战绩卡 |
| 完整后台 | +20 | 0(主动放弃) | 8h 内前端打磨优先,后台边际收益低、风险高——取舍见下 |
预估总分:base 88–97 + 创新 8–10 ≈ 高分区,达成"一题 90+"目标。
| # | 风险 | 优先级 | 处置 |
|---|---|---|---|
| 1 | 选择题反馈"正确答案 undefined" | 高 | 已修(answerText 取 options[correct]) |
| 2 | 关卡星级空心不填色 | 高 | 已修(starsRow 包 .stars 命中 base.css 填色) |
| 3 | 字体 woff2 404 | 中 | 已修(子集化站酷快乐体落 vendor/fonts) |
| 4 | "拼音输入模糊匹配"改为候选字组合 | 中 | 有意取舍:tap-to-build 移动更跟手、无 IME 困扰、天然容错,"选择-组合"范式;玩法/交互不减分 |
| 5 | 分享为模拟 toast(非真出图) | 低 | 题面允许模拟;战绩卡视觉完整。真出图需 canvas 合成,性价比低,暂缓 |
| 6 | 桂花元素较弱(月/灯/饼/兔已足) | 低 | 视觉已"优秀",遵循"减一件配饰"保持克制,不强加 |
| 7 | result 直开 demo 兜底"下一关第1关"不精确 | 低 | 仅影响直开截图;正常 play 精确。可接受 |
题面通用加分"含完整后台 +20"。评估:8h 单人预算下,后台(题库/排行 D1+Worker)边际收益 ≈ +10~20 但需额外部署链路、真实可运行验证,风险高;而把同等时间投入前端玩梗打磨 + 视觉 signature,对本题高权重项(视觉25+玩法25+玩梗20)的拉动更确定。故主动放弃后台,前端做深——符合"一题 90+ > 摊薄"的第一性原则。