王者对决AI · Claude 3.5

核心玩法循环与机制

Royal Showdown 是一款经典国际象棋实现，专为直观的触屏优先交互而设计。核心玩法遵循传统国际象棋规则：

瞬时玩法

• 玩家轮流行棋（白方先手）
• 每回合，玩家选择自己的一枚棋子并将其移至合法格子
• 棋子通过移动到对方棋子所在格来吃子
• 特殊走法包括王车易位、吃过路兵和兵的升变
• 游戏追踪将军状态，并在王受到威胁时高亮提示

成长与投入

• 玩家须就棋子布局、威胁和长期计划进行策略性思考
• 随着棋子被吃、棋盘简化，紧张感逐步累积
• 每一步都创造出新的战术机会和威胁
• 玩家可查看被吃的棋子，以追踪子力优势

胜负条件

• 将死：当对方的王被将军且无任何合法走法可逃脱时，玩家获胜
• 逼和：若一方无任何合法走法但并未被将军，则为和棋
• 协议和棋：玩家可提议/接受和棋
• 子力不足：当无法达成将死时自动判和（例如王对王）

引人入胜之处

• 深邃的策略玩法，具备无限的可重玩性
• 对合法走法和威胁的清晰视觉反馈
• 令人满足的吃子和战术组合
• 对新手友好，同时为老练玩家提供深度

起步范围

首个版本将实现一个完整、可完全游玩的国际象棋游戏，涵盖所有标准规则。这样做是合适的，因为：

• 国际象棋规则定义明确且有限
• 游戏为回合制，允许细致的实现
• 部分实现的国际象棋会显得不完整

必备（首个版本）：

• 完整的 8×8 棋盘，配正确的格子着色
• 全部六种棋子类型（王、后、车、象、马、兵），走法规则正确
• 回合制玩法（白方随后黑方）
• 走法校验（仅允许合法走法）
• 将军检测与视觉提示
• 将死和逼和检测
• 吃子机制
• 王车易位（王翼和后翼）
• 吃过路兵
• 兵的升变（升为后、车、象或马）
• 对选中棋子和合法走法的视觉反馈
• 被吃棋子的展示
• 带获胜方公告的游戏结束画面

未来增强（发布后）：

• 走法历史/记谱展示
• 撤销/重做走法
• 带难度等级的 AI 对手
• 计时/时钟模式（快棋、快速、慢棋）
• 棋子移动动画
• 走子和吃子的音效
• 开局库建议
• 保存/读取对局状态

游戏视角

固定屏幕、俯视视角

游戏采用单屏、鸟瞰式的棋盘视图。整个 8×8 棋盘始终可见，居中于视口。这一视角非常适合国际象棋，因为：

• 玩家须随时看到整个棋盘状态
• 无需滚动或镜头移动
• 触摸目标（格子）能获得最优尺寸
• 保留了传统的国际象棋体验

棋盘朝向可固定（白方在下），也可在回合之间旋转，以获得更具沉浸感的双人体验。

游戏世界与关卡设计

棋盘布局

• 标准 8×8 棋盘（竖线 a-h，横行 1-8）
• 明暗格交替的经典棋盘格图案
• 棋盘尺寸适配 720×1280 视口，并为界面留出空间
• 推荐棋盘尺寸：640×640 像素（每格 80px），水平居中
• 上边距（约 100px）用于被吃棋子和对局状态
• 下边距（约 100px）用于回合指示器和操作按钮

视觉层次

┌─────────────────────────┐
│   Captured Pieces (B)   │  ← Top 100px
│   Status: "White's Turn"│
├─────────────────────────┤
│                         │
│                         │
│     8×8 Chess Board     │  ← Center 640×640px
│      (640×640px)        │
│                         │
│                         │
├─────────────────────────┤
│   Captured Pieces (W)   │  ← Bottom 100px
│   [Offer Draw] [Resign] │
└─────────────────────────┘

棋盘坐标

• 竖线标注为 a-h（从左到右）
• 横行标注为 1-8（从白方视角看，自下而上）
• 坐标以不显眼的方式显示在棋盘边缘

起始局面

标准国际象棋起始局面：

• 第 1 行（白方）：车、马、象、后、王、象、马、车
• 第 2 行（白方）：八个兵
• 第 7 行（黑方）：八个兵
• 第 8 行（黑方）：车、马、象、后、王、象、马、车

编辑模式设计

编辑模式允许玩家在保留国际象棋规则的前提下，定制视觉外观和部分玩法选项。

可编辑属性

视觉定制：

• 棋盘主题：从预设配色方案中选择
  • 经典（米色/棕色）
  • 现代（白色/灰色）
  • 木质（浅木色/深木色）
  • 蓝色（浅蓝/藏青）
  • 绿色（薄荷/森林）
• 棋子风格：选择棋子设计美学
  • 经典（传统斯汤顿式）
  • 现代（极简几何）
  • 华丽（精细装饰）

玩法选项：

• 棋盘朝向：
  • 固定（白方始终在下）
  • 旋转（每回合后棋盘翻转）
• 走法提示：切换是否显示合法走法指示
• 将军高亮：切换被将军时是否高亮王
• 上一步高亮：切换是否高亮上一步走法

音频选项：

• 走子音效：切换棋子移动的音效
• 吃子音效：切换吃子的音效
• 将军提醒：切换王被将军时的音频提醒

约束

• 国际象棋规则不可修改（棋子走法、胜负条件等）
• 棋盘必须保持 8×8
• 起始局面必须遵循标准国际象棋摆法
• 所有特殊走法（王车易位、吃过路兵、升变）保持启用

编辑模式界面

• 通过右上角的齿轮图标进入设置
• 模态叠层，为每个类别分区整理
• 视觉更改的实时预览
• 每个类别的"重置为默认"选项

操控设计

国际象棋是一款回合制策略游戏，采用俯视固定屏幕视角。操控必须简单、精准，并在移动端（触屏）和桌面端（鼠标/键盘）上无缝运作。

移动端操控（触屏优先）

主要交互：点击选择并移动

1. 点击一枚棋子以选中它（若轮到你且为你的颜色）
   • 选中的棋子高亮
   • 合法目标格以指示符高亮
2. 点击一个高亮格以将选中的棋子移至此处
   • 棋子移至该格
   • 若吃子，则移除对方棋子
   • 回合切换给对手
3. 点击别处（非高亮格或同一棋子）以取消选择

特殊走法：

• 王车易位：点击王，然后点击目标格（朝车方向两格）
• 兵的升变：兵抵达末行后，弹出带棋子选项（后/车/象/马）的模态框 —— 点击以选择
• 吃过路兵：合法时自动可用 —— 点击对方兵身后的斜角格

附加触屏操控：

• 提议和棋：底部界面区的按钮
• 认输：底部界面区的按钮
• 设置：右上角的齿轮图标

桌面端操控（鼠标/键盘）

主要交互：点击选择并移动

• 与移动端相同的点击选择逻辑，但使用鼠标点击
• 点击一枚棋子 → 选中它并显示合法走法
• 点击一个合法格 → 将棋子移至此处
• 点击别处 → 取消选择

键盘快捷键（可选增强）：

• 方向键：在格子间导航（高亮当前格）
• Enter/空格：选择高亮的格子或棋子
• Escape：取消选择当前棋子
• Ctrl+Z：撤销上一步（若已实现撤销功能）

鼠标悬停反馈：

• 悬停于自己的棋子上时显示淡淡高亮
• 悬停于合法目标格上时光标变化（手形）
• 悬停于非法格上时显示禁止光标

输入处理细节

触摸追踪：

• 仅追踪单点触摸（国际象棋无需多点触控）
• 忽略界面元素上的触摸（按钮、被吃棋子展示）
• 阻止默认行为，以避免游玩期间滚动/缩放

点击/点触校验：

• 检查被点击的格是否含有当前玩家颜色的棋子
• 若选中棋子，则计算并存储合法走法
• 若点击合法目标，则执行走法并更新对局状态
• 若点击非法位置，则取消选择当前棋子

视觉反馈：

• 选中棋子：边框高亮或发光效果
• 合法走法：目标格上的圆点或圆圈
• 吃子走法：不同的指示符（例如对方棋子周围的环圈）
• 将军：王所在格的红色高亮
• 上一步：起始格与目标格的淡淡高亮

防止误操作：

• 兵升变模态框期间禁用所有输入
• 游戏结束状态期间禁用输入
• 阻止选择对方的棋子
• 阻止在非本方回合走子（为未来在线对战准备）

操控简洁性

国际象棋操控本质上很简单：

• 单一动作：选择棋子，然后选择目标
• 无需同时输入
• 回合制：无时间压力（除非后续加入计时器）
• 清晰反馈：始终显示可选内容以及棋子可移动的位置

这使游戏对各年龄段、各水平的玩家都易于上手。

美术风格与视觉主题

优雅、隽永的国际象棋美学

视觉设计应唤起国际象棋的经典之美，同时兼具现代感与精致度。美术风格在传统与当代界面设计之间取得平衡。

整体风格

• 简洁极简：界面不杂乱，将注意力聚焦于棋盘
• 优雅字体：标题用衬线字体，界面元素用无衬线字体
• 淡淡的阴影与层次：棋子带柔和阴影，仿佛浮于棋盘之上
• 平滑边缘：界面元素采用圆角以营造现代感

配色方案

默认主题（经典）：

• 浅格：#F0D9B5（暖米色）
• 深格：#B58863（浓棕色）
• 白棋：#FFFFFF，配淡淡灰色明暗
• 黑棋：#2C2C2C，配黑色明暗
• 高亮色：#BACA44（柔和黄绿色，用于选中的棋子）
• 合法走法指示：#646464，40% 不透明度
• 将军警示：#E74C3C（红色）
• 背景：#312E2B（深暖灰）

棋盘设计

• 明暗格交替的经典棋盘格图案
• 整个棋盘周围的淡淡边框（2-3px，更深色调）
• 棋盘边缘用小巧优雅的字体标注坐标（a-h、1-8）
• 棋盘仿佛略微浮于背景之上，带柔和阴影

棋子设计

• 风格：传统斯汤顿式棋子（标准赛用样式）
• 渲染：生成为轮廓清晰的 2D 图像
• 尺寸：棋子应舒适地容纳于格子内（约为格子尺寸的 70%）
• 细节程度：中等细节 —— 一眼可辨但不过分复杂
• 观察角度：略带 3/4 视角（非纯俯视）以呈现棋子层次
• 一致性：所有棋子共享相同的艺术风格、光照和细节程度

界面元素

• 被吃棋子展示：水平排列的小棋子图标
• 状态文字：清晰易读的字体（18-20px），用于回合指示器和对局状态
• 按钮：带淡淡渐变的圆角矩形
• 模态对话框：半透明叠层配居中的内容框
• 图标：用于设置和操作的简单线条图标

视觉反馈

• 选中棋子：发光边框或淡淡高亮
• 合法走法：目标格上的半透明圆圈
• 吃子指示：可吃棋子周围的环圈或边框
• 上一步：起始格与目标格上的微弱高亮
• 将军：王所在格的红色着色或边框

素材与代码渲染

生成素材：

• 全部 12 枚棋子（6 类 × 2 色）：王、后、车、象、马、兵
• 每种棋子都需要白色和黑色两个版本

代码渲染（CSS/Canvas）：

• 棋盘格（简单的彩色矩形）
• 合法走法指示（圆圈/圆点）
• 高亮和选中效果
• 界面按钮和文字
• 坐标标注

这一方案在保持素材数量可控的同时，确保棋子看起来精致而专业。