六边消消乐AI · Claude 3.5

核心玩法循环与机制

逐帧玩法： 玩家面对一个六边形网格棋盘，以及一个装有 3 摞彩色方块的手牌托盘。每个回合，玩家：

1. 从手牌托盘中选出 3 摞待放置的方块之一
2. 将其放置到六边形网格的一个空格上
3. 观看相邻的同色方块自动连锁并合并
4. 看到集齐 10 个同色方块的堆叠爆开并获得分数
5. 重复上述过程，直到 3 摞托盘方块全部放置完毕
6. 获得 3 摞新方块，继续游戏

进程系统：

• 每个关卡都有一个以进度条显示的目标分数
• 达到目标即进入下一关，清空棋盘，并提升难度
• 每 5 关引入一种新颜色（从 2 种颜色起步，最多 6 种）
• 堆叠复杂度递增：前期关卡为 1-2 个方块的堆叠，后期关卡为 3-4 个混色的堆叠

胜利/失败条件：

• 推进：达到目标分数即可无限晋级
• 游戏结束：当托盘中还有方块待放置，但棋盘上已无空格时

吸引力驱动：

• 策略性放置带来令人满足的连锁反应
• 平滑动画、粒子迸发与连击标签构成的视觉反馈
• 递进的难度让玩法保持新鲜
• 一次撤销机会让玩家可以从容试验而不受惩罚
• 无时间压力的轻松节奏

起步范围

首个实现（最小可行产品）：

• 采用平顶轴向布局的 19 格六边形网格，格子为 3D 六棱柱
• 底部 3 槽手牌托盘，显示待放置的堆叠
• 5 种颜色：红、蓝、黄、绿、紫（第 6 关加入橙色）
• 核心放置机制：选择托盘堆叠 → 点击空格 → 放置
• 相邻匹配逻辑：检查全部 6 个六边形相邻格，合并顶部匹配方块
• 连锁系统：重复匹配，直到不再有匹配为止
• 堆叠清除：当堆叠集齐 10 个同色方块时播放爆开动画
• 关卡进程：目标分数、进度条、关卡计数器
• 基础界面：顶栏显示关卡/分数/进度，底部托盘，撤销按钮
• 平滑的方块滑动动画（200ms 缓出）
• 简单的爆开动画（放大弹跳）
• 桌面端点击操作
• 移动端触摸拖动操作
• 无空格可用时的游戏结束界面

未来增强（MVP 之后）：

• 更精致的爆开粒子特效
• 音效与背景音乐
• 强化道具或特殊方块
• 每日挑战或解谜模式
• 排行榜或分数追踪
• 面向新手玩家的教程覆盖层
• 更多视觉打磨（阴影、光照效果）

游戏视角

3D 等距/俯视视角：

• 摄像机以略微等距的角度俯视六边形网格
• 网格居于屏幕中央，下方留出足够空间放置手牌托盘
• 3D 渲染让堆叠的方块带有纵深感、清晰可见
• 固定摄像机位置（MVP 无需旋转或缩放）

游戏世界与关卡设计

视觉布局：

• 背景：深藏青（#1a1a2e），让彩色方块更醒目
• 六边形网格：19 个格子排布成六边形图案（围绕中心的 3 环）
  • 中心格 + 6 个相邻格（第 1 环）+ 12 个外围格（第 2 环）
  • 每个格子是一个略微内嵌的 3D 六棱柱"铺砖"
  • 空格可见但暗淡（深灰色，带细微轮廓）
• 手牌托盘：网格下方的 3 个堆叠槽
  • 每个槽显示一摞 1-4 个彩色方块圆片的竖直堆叠
  • 各槽均匀间隔，界限清晰
• 顶部界面栏：关卡编号（左）、分数（中）、进度条（右）

六边形网格规格：

• 平顶朝向（尖角在两侧）
• 采用轴向坐标系进行相邻格计算
• 格子间距确保各堆叠清晰可见
• 格子为带细微纵深感的 3D 六棱柱

堆叠渲染：

• 每个堆叠是一个有序的彩色方块数组
• 方块渲染为竖直堆叠的扁平 3D 六边形圆片
• 方块之间留有细小间隙以保证视觉清晰
• 堆叠高度从格子底部向上生长

配色方案：

• 红：#FF4757（鲜艳红）
• 蓝：#5352ED（明亮蓝）
• 黄：#FFC312（金黄）
• 绿：#2ED573（清新绿）
• 紫：#A55EEA（浓郁紫）
• 橙：#FF6348（暖橙，第 6 关解锁）

关卡进程：

• 第 1-5 关：2 种颜色（红、蓝），1-2 个方块的堆叠，目标：100/150/200/250/300
• 第 6-10 关：3 种颜色（加入黄），1-3 个方块的堆叠，目标：350/400/450/500/550
• 第 11-15 关：4 种颜色（加入绿），2-3 个方块的堆叠，目标：600/700/800/900/1000
• 第 16-20 关：5 种颜色（加入紫），2-4 个方块的堆叠，目标：1100/1200/1300/1400/1500
• 第 21 关及以后：6 种颜色（加入橙），3-4 个方块的堆叠，目标每关递增 100

计分系统：

• 每清除一个方块：10 分
• 连击倍数：同一次连锁中每额外清除一个堆叠 +5 分
• 多个堆叠同时清除时显示"+X 连击"标签

编辑模式设计

可编辑属性：

• 配色方案：用户可自定义 6 种方块颜色（十六进制取色器）
• 网格大小：调整六边形环数（2-4 环 = 7、19 或 37 格）
• 堆叠清除阈值：从 10 个方块改为 8-12 个方块
• 起始颜色数：选择起步的颜色数量（2-4）
• 关卡目标：调整每个关卡的目标分数
• 动画速度：方块滑动时长滑块（100-500ms）

约束：

• 颜色必须与背景有足够对比度
• 网格大小限制在 2-4 环，以保持可玩性
• 堆叠清除阈值：6-15 个方块（过低 = 太简单，过高 = 无法达成）
• 起始颜色数：2-4（玩法至少需要 2 种，最多 4 种以免过载）
• 关卡目标必须可达成（最低 50 分）

操作设计

桌面端操作：

• 鼠标点击：点击一摞托盘堆叠以选中它（发光高亮）
• 鼠标点击：点击棋盘空格以放置所选堆叠
• 撤销按钮：点击以撤销上一次放置（最多一次撤销）
• 取消选择：再次点击已选中的托盘堆叠以取消选择

移动端操作：

• 触摸点按：点按一摞托盘堆叠以选中它（发光高亮）
• 触摸点按：点按棋盘空格以放置所选堆叠
• 触摸拖动：从一摞托盘堆叠直接拖到棋盘格上以放置
• 撤销按钮：点按以撤销上一次放置（最多一次撤销）
• 取消选择：再次点按已选中的托盘堆叠以取消选择

输入处理：

• 使用射线检测识别对 3D 六边形格子与托盘堆叠的点击/触摸
• 阻止在已占用格子上放置（显示细微的抖动动画）
• 成功放置后清除选择
• 动画期间禁用输入，防止快速连点
• 为合法/非法放置目标提供视觉反馈

操作流程：

1. 玩家选择一摞托盘堆叠（出现视觉高亮）
2. 玩家点击/点按空格或拖动至空格
3. 堆叠从托盘动画移动到格子
4. 播放匹配连锁动画
5. 播放任何爆开动画
6. 分数以弹跳效果更新
7. 若托盘已空，补充 3 摞新堆叠
8. 若无空格且托盘仍有堆叠，显示游戏结束

美术风格与视觉主题

整体风格：

• 简洁 3D 极简主义：平滑的几何形状配纯色
• 氛围：放松、令人满足、冥想式
• 美学：现代解谜游戏，强调清晰度与可读性

视觉元素：

• 六边形格子：带细微倒角边缘的 3D 六棱柱，哑光质感
• 方块：纯色的扁平 3D 六边形圆片，略带光泽
• 背景：深藏青渐变（#1a1a2e，顶部略浅）
• 界面元素：干净的白色文字，带细微阴影以保证可读性
• 动画：平滑的缓出曲线，营造自然的运动

渲染方案：

• 使用 Three.js 进行所有 3D 渲染（六边形格子、方块堆叠）
• 使用 CSS 处理界面覆盖层（顶栏、按钮、游戏结束界面）
• 使用 Canvas/WebGL 处理爆开动画的粒子特效

光照：

• 柔和的环境光均匀照亮所有方块
• 来自右上方的细微方向光提供纵深感
• 不使用强烈阴影，以维持放松的美学

排版：

• 字体：Nunito（Google Fonts）—— 友好、圆润的无衬线字体
• 字号：关卡/分数（24px），进度条标签（16px），连击标签（20px 加粗）
• 颜色：白色（#FFFFFF），带细微文字阴影以形成对比

资源需求：

• 无需复杂的图片资源 —— 所有视觉均以 Three.js 几何体渲染
• 六边形格子：6 分段的 CylinderGeometry
• 方块：6 分段、高度极短的 CylinderGeometry
• 颜色在代码中以十六进制值定义