01 / Context & role
为什么做这个小游戏
我想把游戏分享给朋友，让他们打开就能玩。做成一个 HTML 文件，是为了方便发送，也方便在自己的设备上运行。
接下来希望让游玩记录回传，再根据大家怎么玩，调整电脑对手、操作方式和游戏节奏。朋友们的实际体验，可以帮我决定下一版先改什么。
02 / Interaction
可以怎么玩
01
手势操作
通过拖动逐步查看内容，调整操作时的反馈。
02
过程回看
一局结束后，可以回看过程中的信息。
03
结果计算
处理不同情况下的结果，并分别显示结算。
04
动画反馈
为特定结果加了单独的动画和音效。
05
电脑对手
设置不同的行为参数，让电脑对手有各自的风格。
06
历史记录
随时打开侧边抽屉，查看之前的游戏记录。
03 / Visual & audio
界面与音效
游戏画面用代码绘制，通过分层处理形状、材质和阴影，也减少了额外图片的加载。
界面元素会随窗口大小一起缩放。操作音效通过 Web Audio 合成，不需要额外加载音频。
04 / Rules & verification
规则和电脑对手
除了基本流程，我也处理了多种结果计算和特殊情况。电脑对手有不同的行为参数，会根据游戏中已公开的信息调整选择。
我另外做了测试工具，改动后可以重复检查规则和界面。项目开发记录包含 351 条单元断言、24 个界面回归场景。
05 / Outcome
完成的内容
游戏已完成，支持离线单机、中英文切换和 15 项外观选择。整个文件约 234 KB，共 5,471 行，打开就能玩。
06 / Skills & references
工具与参考
界面和部分交互参考了已有游戏与实物，并非全部从零原创。我用 AI 辅助完成浏览器版本，也为功能和界面加上了测试。