表情猎手AI · Claude 3.5

核心玩法循环与机制

逐帧玩法：

• 玩家看到一个字母网格（为移动端优化的 8x8），上方显示 emoji 提示
• 玩家判断每个 emoji 代表什么单词
• 玩家在网格中搜寻该单词
• 玩家点按/点击首字母并拖动到末字母以高亮该单词
• 找到有效单词时，它会以一种醒目的颜色高亮，对应的 emoji 获得一个对勾
• 玩家持续进行，直到找出所有单词
• 胜利界面显示完成时间，并提供以新谜题再玩一次的选项

进程与吸引力：

• 每个谜题包含 5-6 个待找单词（为移动端游玩时长做平衡）
• 单词可横向、纵向或斜向摆放（正向和反向均可）
• 难度通过单词长度和摆放复杂度微妙地递增
• 找到单词时的即时视觉反馈营造令人满足的时刻
• 计时为想打破自己最佳纪录的玩家增添可选挑战

胜负条件：

• 胜利：找出谜题中所有隐藏单词
• 无失败条件——玩家可按需花费任意时间
• 可选：个人最佳时间以激励重玩

吸引力所在：

• emoji 到单词的转换在标准找词游戏之上增添了一层有趣的解谜
• 快速的游玩时长（每个谜题 2-3 分钟）非常适合移动端
• 拖动高亮单词带来令人满足的触感反馈
• 平滑动画和庆祝特效带来的视觉精致度
• 即时的"新谜题"选项鼓励重玩

起步范围

第一版必须包含：

• 单个 8x8 字母网格，隐藏 5 个单词
• 顶部显示 5 个清晰、无歧义的 emoji 提示
• 触摸拖动交互以选择单词（横向、纵向、斜向的双向）
• 视觉反馈：高亮的选择路径，已确认单词保持绿色高亮
• 找到单词时对应 emoji 上出现对勾
• 带"再玩一次"按钮的胜利界面，可生成新谜题
• 为竖屏移动端优化的简洁界面
• 单词发现的平滑动画

留待未来版本：

• 多个难度等级（网格尺寸、单词数量）
• 主题词包（食物、动物、运动等）
• 每日挑战
• 排行榜或时间追踪
• 提示系统
• 音效和音乐
• 更复杂的 emoji 组合

游戏视角

固定屏幕 —— 整个找词网格和 emoji 提示都在一屏内呈现，无需滚动。8x8 网格的尺寸设计为在移动端清晰可读，同时为顶部的 emoji 提示栏和底部的小型界面区域留出空间。

游戏世界与关卡设计

布局结构：

• 顶部区域（200px）：emoji 提示栏，水平一行显示 5 个 emoji，各自置于圆角容器中。找到单词时，一个绿色对勾叠加在该 emoji 上。
• 中部区域（800px）：8x8 字母网格，居中并占据屏幕大部分。每个单元格是带字母的方形，尺寸便于触摸定位（最小 80x80px）。
• 底部区域（280px）：界面区域，带"新谜题"按钮和可选的计时显示。

网格设计：

• 由大写字母组成的 8x8 网格
• 字母随机生成以填充未被隐藏单词占用的空间
• 网格中隐藏 5 个单词（长度介于 4-7 个字母以获得良好平衡）
• 单词摆放于 8 个可能方向：横向（从左到右、从右到左）、纵向（从上到下、从下到上）、斜向（4 个方向）
• 单词从不重叠以避免混淆
• 网格使用简洁、易读的无衬线字体

单词选择：

• 单词均为常见、具体的名词，能被单个 emoji 清晰表示
• 示例：PIZZA 🍕、ROCKET 🚀、TREE 🌲、BOOK 📚、STAR ⭐
• 避免可能混淆的单词（不同时出现 RED 和 BLUE，不同时出现 CAR 和 BUS）
• 词表经过精选，以确保每个 emoji 都独特且无歧义

谜题生成：

• 每个新谜题从精选词表中随机选取 5 个单词
• 单词摆放于随机位置和方向
• 剩余单元格用随机字母填充（偏向常用字母）
• 系统确保所有单词均可找到且不会意外拼出其他单词

编辑模式设计

可编辑属性：

1. 词表（单词-emoji 配对的数组）

   • 用户可添加/移除/修改词条
   • 每个词条包含：单词（字符串）、emoji（字符串）
   • 约束：
     • 单词必须为 3-10 个字母，仅限字母
     • 每个单词必须恰好有一个 emoji
     • 每个谜题最少 3 个单词，最多 10 个单词

2. 网格尺寸（数字）

   • 可从 6x6 调整到 12x12
   • 默认：8x8
   • 约束：必须能容纳词表中最长的单词

3. 每谜题单词数（数字）

   • 每个生成的谜题中出现的单词数量
   • 范围：3-8 个单词
   • 默认：5
   • 约束：不能超过词表中的单词总数

4. 主题颜色（取色器）

   • 网格背景色
   • 字母颜色
   • 选择高亮色
   • 已找到单词高亮色
   • emoji 容器背景色

5. 显示计时（布尔开关）

   • 是否显示已用时间
   • 默认：true

编辑模式界面：

• 带标签分区的简洁表单布局
• 带词条添加/移除按钮的词表编辑器
• 用于主题自定义的取色器
• 用于网格尺寸和单词数量的带 +/- 按钮的数字输入
• 用于计时显示的开关
• "应用更改"按钮以用新设置重新生成谜题
• "重置为默认"按钮

防止出错的约束：

• 网格尺寸必须足够大以容纳所有单词
• 词表必须至少包含每谜题单词数所需的单词量
• 所有单词必须有效（仅限字母，长度合理）
• 每个单词必须有关联的 emoji
• 颜色必须有足够的对比度以保证可读性

操作设计

这是一款固定屏幕视角的休闲益智游戏，因此操作应最简且直观。

移动端（触摸）：

• 点按并拖动：点按单词的首字母，按顺序拖过各字母，在末字母处松手
  • 视觉反馈：显示跟随手指拖动的高亮路径
  • 吸附到网格单元格以实现精准选择
  • 仅允许直线（横向、纵向或 45° 斜向）
• 点按"新谜题"按钮：生成新谜题

桌面端（鼠标 + 键盘）：

• 点击并拖动：点击首字母，拖到末字母，松开
  • 与触摸相同的视觉反馈
  • 吸附到网格单元格
  • 仅允许 8 个方向的直线
• 点击"新谜题"按钮：生成新谜题
• 可选键盘快捷键：按 'N' 生成新谜题

输入处理：

• 跟踪触摸/鼠标位置以确定当前悬停/触摸的是哪个网格单元格
• 根据起始单元格和当前单元格计算拖动方向（8 个方向之一）
• 高亮该方向有效路径上的单元格
• 松手时，检查所选单元格是否拼出词表中的单词
• 若有效：以绿色锁定高亮，为 emoji 添加对勾
• 若无效：以微妙的抖动动画淡出高亮

简洁性：

• 单一主要交互：拖动以选择
• 无需复杂的多点触摸手势
• 无需同时进行的操作
• 所有交互都有清晰的视觉反馈

美术风格与视觉主题

整体风格：

• 简洁、现代、极简的设计，带一丝俏皮
• 明亮、友好且护眼的配色
• 界面各处采用平滑的圆角
• 强调清晰度和可读性

配色：

• 背景：柔和渐变（浅蓝到白，或奶油色到浅黄）
• 网格单元格：白色配微妙阴影/边框
• 字母：深灰或藏青以获得高对比度
• 选择高亮：明亮黄或橙，带透明度
• 已找到单词高亮：鲜艳绿，略带透明度
• emoji 容器：浅粉彩色（粉、蓝、紫），逐个 emoji 轮换
• 界面按钮：圆角配渐变填充，与主题匹配

字体排印：

• 网格字母：加粗无衬线字体（如 Poppins 或 Nunito），大而清晰
• 界面文字：同一字体家族，中等字重
• emoji：原生系统 emoji，大号（48px 以上）

视觉元素：

• 网格：简洁的白色单元格配微妙边框，轻微阴影以增强景深
• emoji 栏：水平一行圆角矩形，各含一个 emoji，配柔和阴影
• 选择路径：跟随拖动的动画高亮，带微妙辉光效果
• 已找到单词：锁定的绿色高亮，配令人满足的"弹出"动画
• 对勾：找到单词时出现在 emoji 上方的动画绿色对勾
• 胜利界面：彩纸动画或闪光特效，大号"你赢了！"文字

素材与代码渲染：

• 代码渲染（CSS/Canvas）：

  • 网格布局和单元格
  • 字母渲染
  • 高亮效果和动画
  • 界面按钮和容器
  • 对勾和基础形状

• 生成素材：

  • 背景纹理/图案（可选，用于增加视觉趣味）
  • 胜利界面的彩纸/庆祝粒子
  • 按钮图标（"新谜题"的刷新图标）

一致性：

• 所有界面元素使用相同的圆角半径（12-16px）
• 各处一致的间距和内边距
• 平滑的过渡和动画（200-300ms 时长）
• emoji 是唯一的"写实"元素——其余一切都是扁平/极简的