Emoji 迷宫冲刺AI · Claude 3.5

核心玩法循环与机制

Emoji Maze Escape 是一款休闲益智游戏，玩家操控一个 emoji 角色穿越随机生成的迷宫。核心循环包括：

1. 开始：玩家在迷宫入口（左侧）出生，emoji 显示中性/满怀希望的表情
2. 导航：玩家用方向操作在迷宫中移动，在每个岔路口做出策略选择
3. 进度反馈：emoji 的表情根据进度变化：
   • 朝目标移动：开心表情（😊、😀）
   • 远离或受阻：沮丧表情（😒、😣、🤬）
   • 靠近出口：兴奋（🤗）
   • 抵达家：庆祝（🥳）
4. 完成：抵达家（右侧出口）后，关卡以庆祝完成
5. 重玩：玩家可生成新迷宫并再次尝试

吸引力所在：

• 来自 emoji 的情绪反馈营造出即时的连接感
• 程序化生成的迷宫确保每次游玩都独一无二
• 简单的操作使其易于上手，而迷宫复杂度提供了挑战
• "越来越热/越来越冷"的情绪反馈为传统迷宫求解增添了有趣的转折

胜利条件：成功从入口导航到出口 失败条件：无——玩家可按需花费任意时间，鼓励探索

起步范围

对于初始实现，我们将专注于：

必备（第一版）：

• 使用递归回溯算法生成单个迷宫
• 基于网格的移动（20px 步进）配碰撞检测
• 具有 6-8 种情绪状态的 emoji 角色，根据进度变化
• 触摸操作（滑动手势）和键盘操作（WASD/方向键）
• 出口处的家图标
• 抵达家时的胜利状态
• "新迷宫"按钮以生成全新迷宫
• 移动端优先的响应式设计（720×1280 视口）

留待后续：

• 多个难度等级（迷宫尺寸/复杂度）
• 计时器/步数计数器
• 提示系统
• 多个 emoji 角色选择
• 音效和背景音乐
• 庆祝的粒子效果
• 关卡进程系统
• 排行榜或统计数据

游戏视角

固定屏幕俯视视图 —— 整个迷宫一次性显示在屏幕上，让玩家能够规划路线。摄像机静止，迷宫在视口中居中。此视角非常适合迷宫导航，并让玩家看清完整的谜题。

游戏世界与关卡设计

迷宫结构：

• 基于网格的迷宫（15×10 个单元格，每个 20px）
• 总可玩区域：300×200 像素
• 迷宫在视口中居中，带舒适的留白
• 白色屏障（2px 厚）构成迷宫墙壁
• 深色背景（#222）以获得高对比度

布局：

• 入口：左边缘的随机位置（以左墙的缺口标记）
• 出口：右边缘的随机位置（以右墙的缺口标记，配 🏠 图标）
• 迷宫墙壁：使用递归回溯生成以保证可解
• 所有迷宫恰好有一条解法路径（无孤立区块）

视觉层次：

• 屏幕上部 60%：带居中迷宫的迷宫区域
• 屏幕下部 40%：操作按钮（用于触摸设备）
• 简洁、极简的设计，聚焦玩法

编辑模式设计

可自定义属性：

1. 迷宫外观：

   • 墙壁颜色（默认：白 #fff）
   • 背景颜色（默认：深 #222）
   • 墙壁厚度（默认：2px，范围：1-4px）

2. 迷宫尺寸：

   • 网格宽度（默认：15 个单元格，范围：10-20）
   • 网格高度（默认：10 个单元格，范围：8-15）
   • 单元格大小（默认：20px，范围：15-25px）

3. 角色自定义：

   • 起始 emoji（默认：🥺，选项：😊、🐱、🐶、🐼、🦊、🐸）
   • emoji 大小（默认：15px，范围：12-20px）

4. 难度设置：

   • 迷宫复杂度（影响生成算法的偏向）
   • 显示/隐藏完整迷宫（未来的战争迷雾选项）

约束：

• 迷宫尺寸必须保持适配视口的宽高比
• 单元格大小 × 网格尺寸不得超过 340×240px 可玩区域
• 墙壁厚度必须可见但不妨碍玩法
• emoji 在所有尺寸下都必须可见且可区分

编辑模式界面：

• 侧面板中的简单滑块和取色器
• "生成新迷宫"按钮始终可见
• "重置为默认"选项
• 更改立即应用（迷宫生成除外，需按下按钮）

操作设计

移动端（触摸）- 主要：

• 迷宫区域内的滑动手势：
  • 向上滑：向上移动一格
  • 向下滑：向下移动一格
  • 向左滑：向左移动一格
  • 向右滑：向右移动一格
  • 阈值：最小 15px 滑动距离
• 屏上方向键按钮（屏幕下部 40%）：
  • 四个方向按钮呈十字形排列
  • 每个按钮 60×60px，间距 10px
  • 按压视觉反馈（边框动画）
  • 按钮水平居中

桌面端（键盘）- 次要：

• 方向键：↑↓←→ 用于移动
• WASD 键：备用移动操作
• 空格：生成新迷宫
• R：重置当前迷宫

输入处理：

• 网格锁定移动（吸附到 20px 网格）
• 仅在该方向无墙阻挡时允许移动
• 阻止斜向移动
• 缓冲输入以防意外的双重移动
• 无效移动的清晰视觉反馈（微妙的抖动动画）

操作反馈：

• 按钮按压动画（3D 按压效果）
• emoji 位置立即更新
• 与墙壁碰撞：不移动，emoji 短暂显示沮丧表情

美术风格与视觉主题

整体风格：极简 emoji 冒险

一个简洁、现代的界面，将焦点放在 emoji 角色和迷宫导航上。设计采用高对比度和简单的几何形状以求清晰。

配色：

• 背景：深炭灰（#222222）
• 迷宫墙壁：纯白（#FFFFFF）
• 按钮：白色边框配深色填充
• 点缀：emoji 颜色提供全部的温暖感和个性

视觉元素：

• 迷宫墙壁：简单的 2px 白线构成简洁的几何图案
• 角色：emoji（渲染为文本/unicode），15px 大小
• 家图标：出口处的 🏠 emoji
• 按钮：圆角矩形（8px 半径）配白色 2px 边框
• 按钮图标：白色 V 形箭头（↑↓←→）

字体排印：

• emoji：系统 emoji 字体
• 界面文字（如需要）：简洁无衬线字体（系统字体）

动画与精修：

• 平滑的 emoji 位置过渡（0.1s 缓动）
• 按钮按压动画（变换 + 边框变化）
• emoji 表情变化（瞬时，无过渡）
• 胜利庆祝：emoji 缩放脉动动画

响应式考量：

• 所有元素相对于视口调整尺寸
• 迷宫缩放以舒适地适配上部 60%
• 触摸目标最小 60×60px
• 高对比度以在各种光照下保证可见性

素材策略：

• 迷宫墙壁：用 CSS/Canvas 渲染（简单矩形）
• emoji：Unicode 字符（无需图像素材）
• 按钮：带边框的 CSS 样式 div
• 无需复杂图形——纯代码渲染

这种极简方式确保了快速加载、任意尺寸下的清晰渲染，并将焦点保持在引人入胜的玩法和情绪化的 emoji 反馈上。