2022年1月底，纽约时报宣布买下 Wordle，官方口径是“low seven figures”——低七位数美元。一个没有广告、没有内购、没有App、甚至没有几张图片的网页游戏，五个格子、六行机会，就这么卖出了许多人一辈子项目总和的价格。原版 Wordle 并不开源，但开源圈早就把这套玩法研究透了。今天要拆的，就是其中最经典的一份“公开答案”：lynn/hello-wordl——个人开发者 Lynn 用 TypeScript + React 写的 Wordle 变体，保留了原版全部手感，还补上了原版没有的无限模式。对想入局小游戏变现的个人开发者来说，这个仓库的价值不在游戏本身，而在于它是一份被市场验证过、代码可读、一个周末就能抄明白的“爆款解剖标本”。

说明：本次调研环境联网受限，Star 数、License、最近更新时间等仓库元数据未能实时核实，一律以仓库页面为准，本文不编造具体数字。

一、仓库档案

个人账号、单人维护、纯前端、代码量小——完全符合“小而美”的选题标准。更重要的是它的基因：它抄的那个原版，是过去十年个人开发者变现故事的巅峰。

二、这游戏是什么

一句话说清玩法：系统每天藏一个五字母英文单词，你有六次机会猜，每猜一次，每个格子会翻转变色——绿＝字母对位置也对，黄＝字母在词里但位置不对，灰＝字母根本不在词里。六行用完没猜中，游戏结束，答案公布。

它最反直觉的设计是：一天只放一个词，全球所有人玩同一个词。而 hello-wordl 在此基础上给了你“练习场”——无限模式随机出题，随便玩；同时保留每日模式和困难模式（困难模式下，前面猜出的绿格黄格信息必须在后续猜测中用上）。

flowchart TD
    A[每日零点: 全网同一个词] --> B[玩家输入一个5字母猜测]
    B --> C[逐格翻转变色: 绿对位 / 黄在场 / 灰出局]
    C --> D{猜中了?}
    D -- 没中且还有剩余行 --> E[键盘同步染色<br>候选词空间收窄一圈] --> B
    D -- 猜中 --> F[结算: 第几行猜中 + 猜词分布直方图]
    D -- 六行用完 --> F
    F --> G[生成emoji色块网格<br>一键分享到社交圈]
    G --> H[好友看到你的形状<br>好奇心上来了] --> A

这个循环里最精妙的是最后一环：分享出去的只有色块形状，不含任何字母——剧透了战绩，却一个字都没剧透答案。看到的朋友想知道“这个词是什么”，唯一的办法就是自己去玩今天的题。玩家自发成为游戏的分发渠道，循环自动闭合。

三、为什么上头

拆开看，它至少叠了五层机制，每一层都值得单独抄。

1. 稀缺性制造仪式感。绝大多数小游戏拼命求你多玩，Wordle 反着来：一天一次，玩完即走。结果呢？它变成了一种“晨间仪式”——喝咖啡时打开，和全世界猜同一个词。hello-wordl 用无限模式补足了“意犹未尽”的需求，但你会发现每日模式的留存意义远大于无限模式：限量不是限制，是让明天的登录变得有理由。这对任何“再来一局”型游戏都是启示：无限供应会杀死期待。

2. 全网同步的社交攀比。因为所有人玩同一个词，“我三行猜中、你六行才中”就有了攀比意义。结算页那张分布直方图，本质是在告诉你“全服多少人比你强、多少人比你弱”——这是最低成本的排行榜。你不需要做任何联机后端，一个静态页面就实现了社交攀比，这笔账划算到离谱。

3. 颗粒度极细的即时反馈。每敲一个字母，屏幕上立刻出现；每提交一行，五个格子依次翻转变色（带动画延迟）；屏幕键盘同步染色。你的每一次操作在半秒内都会得到色彩回应，而且每种颜色都是有效信息——玩家全程处于“信息在增加”的心流里。对照很多扑街小游戏：点了按钮没反应、赢了输了不明不白，死就死在反馈颗粒度上。

4. 损失厌恶锁住留存。连胜计数器（streak）是最古老也最有效的钩子：你已经连赢21天，“今天不玩就断了”的心理压力比任何推送都强。统计页把你的平均成绩、分布曲线全摆出来，人对自己的历史数据有天然的维护欲。

5. 六行的绝望-狂喜曲线。第2行猜中的喜悦平淡，第6行最后一口气猜中的狂喜加倍——难度被规则结构固定，人人公平，情绪曲线反而最陡。insight在于：好的难度设计不是让游戏变难，而是让“差点失败”频繁出现。五格六行的参数空间刚好卡在这个点上，抄的时候别乱改这两个数字。

四、技术拆解

对个人开发者，这个仓库几乎是教科书级的“可抄结构”。整个游戏没有后端、没有数据库、没有账号系统，全部状态塞在浏览器 localStorage 里，但你能从中带走至少五个可复用的设计：

• 状态全部可序列化。游戏状态就是几样东西：已猜的行数组、当前输入、每行判定结果、键盘字母染色表、游戏是否结束。全部是纯数据，localStorage 一存一取，刷新页面、隔天回来都无缝续玩。做任何棋牌/益智小游戏，先问自己一句“我的状态能不能一句话说清”，能说清就能这么存。
• 两张词表的经典结构。一张“答案表”（只包含常见词，保证出题公平）+ 一张“合法猜测表”（包含所有允许输入的词，量大得多）。hello-wordl 沿用了原版这套词表思路。任何猜词类游戏都要把“出题池”和“输入校验池”分开，混用一张表的下场是玩家被冷门词折磨到卸载。
• 染色算法是第一个坑。有重复字母时怎么染？比如答案是 ABIDE，你猜 ALLOY——第二个 L 不能染黄，因为词里只有一个 L。规则是：先处理绿格（精确匹配），再从剩余配额里分配黄格。这一段逻辑是所有 Wordle-like 必踩的坑，照抄仓库里的判定函数即可，别自己现编。
• 动画即反馈。格子翻转用 CSS transform 过渡，按列加 transition-delay 做出波浪式揭晓——视觉成本低到忽略不计，但“依次揭晓”的仪式感是玩家截图分享的重要部分。
• 困难模式是一个开关。hard mode 的实现只是多一层校验函数（检查新猜测是否用上了已知绿黄信息），却给硬核玩家提供了完整的进阶体验。给游戏加“可选约束”是低成本拉深度的通用手法。

技术栈是 TypeScript + React，组件拆分干净（棋盘、键盘、结算弹窗、统计弹窗各归各），没有引入任何重型状态管理库——这个量级的游戏用不上 Redux，别被教程带偏。整个项目clone下来，装好依赖，README 两三条命令就能本地跑起来（React 标准流程）。把它当脚手架用：换词表、换语言、换界面文案，就是一个新游戏。

五、变现观察

这是这篇真正想说透的部分。围绕这五个格子，有一整条被反复验证的变现光谱：

• 巅峰案例：原版 Wordle → 纽约时报。Wardle 本人接受采访时说过，2021年11月1日只有90个人玩，两个月后冲到30万，然后被 NYT 以“低七位数”买走。值得注意：Wordle 本身从头到尾没有放过一个广告、卖过一次内购。它卖的是流量入口——NYT 公开表示 Wordle 为其游戏订阅业务带来了数千万级的新用户，而 NYT Games 的订阅（填字游戏+Wordle+后续的 Connections、Strands 组合拳）是其增长最猛的业务线之一。对个人开发者的启示：当你的小游戏天然自带高频分享，它最大的价值可能不是广告位，而是给你的下一个产品导流，或者直接被买走。
• 反面教材：clone 大潮与清场。Wordle 火爆后一周内，App Store 涌出几十个直接叫 "Wordle" 的收费下载 clone，有人确实短期赚到钱，随后苹果集中下架清场，血本无归（据当时多家媒体报道）。教训清晰：抄玩法合法且没人拦你，抄名字和界面必死。hello-wordl 聪明的地方就在这儿——它叫 hello wordl，做自己的无限模式，反而成了开源圈长盛的参考实现。
• 网页端常规路径：广告。猜词游戏的受众偏 25-60 岁、有稳定阅读习惯，是展示广告和原生广告公认的高质量人群。一天一题的节奏天然适合挂一次贴片或一次插屏而不伤体验。同类网页小游戏在 itch.io 走 pay-what-you-want、在自有网页挂广告位，都是跑通过的路径。
• 移动端路径：激励视频换提示。“看一段视频，显示其中一个字母”是猜词品类最顺滑的内购/广告混合变现设计，几乎无上手门槛。
• hello-wordl 本身：零变现。没有广告、没有付费、没有打赏入口。它的价值是教学样本和影响力资产——但对你的启示恰恰是：开源圈把轮子造好了，你负责装上车斗拉货。

六、给我的灵感

三个可执行方向，按上手难度排序：

方向一：换词表，就是换赛道（MVP：1-2个周末）。 hello-wordl 证明了这套玩法的规则代码是通用的，真正的壁垒在“词表选谁”。中文圈已被验证的方向：Anthony Fu 的汉兜（handle.antfu.me，据其仓库页面）把五字母换成四字成语，2022年初上线即刷屏，证明中文成语的“绿黄灰”完全成立。但蓝海还在别处：古诗词下句版、程序员黑话版（猜 API 名、猜 Linux 命令）、医学/法律术语版、粤语词汇版、拼音声调版（用四声代替颜色）。打法：fork hello-wordl，换掉词表和校验逻辑，文案全面中文化，挂网页广告位或做成微信小程序接激励视频。词表越垂直，人群越精确，广告和社群越好做。

方向二：给猜词加“错题本”，把游戏变学习工具（MVP：约一周）。 猜错的词自动进入“生词本”，支持导出学习卡片；每日报错词复习一次。这一层改动直接把受众从“休闲玩家”扩展到“学生和家长”——教育人群是内容付费意愿最高的群体之一。变现从广告升级为：会员去广告 + 提示道具内购。

方向三：把 Wordle 当“框架”卖，做 B 端生意（MVP：2-3周）。 加一个“自定义词表 + 生成房间链接”的功能：老师上传本周单词表，生成班级每日一题；公司 HR 用内部黑话做团建猜词。同一套游戏代码，从 C 端广告生意变成 B 端订阅生意，客单价高两个数量级。技术上只需增加词表上传和一个短链房间机制，游戏核心一行不用动。

别做的方向：直接上架叫“Wordle”的任何东西。前车之鉴整整齐齐躺在 App Store 下架记录里。

七、上手

• 仓库：https://github.com/lynn/hello-wordl
• 在线试玩：见仓库 README 提供的地址（据仓库页面）
• 上手路径：clone → 装依赖 → 本地跑通 → 先读判定函数（重复字母染色那段）→ 再读状态存取 → 最后换词表。一个周末足够从“玩过”到“改出自己的版本”。

五个格子，六行机会，一天一次——这套设计证明了小游戏变现的上限可以非常高，而它的全部代码复杂度，一个勤奋的个人开发者一周内就能吃透。下一轮调研，我们换个品类继续挖。

[!tip] 51学通信知识星球 星主：爱卫生（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 星球定位：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 当前规模：5200 篇主题 / 990 个回答，198 元/年。 加入福利：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 AI 加持：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。