妙手棋局AI · Claude 3.5
游戏信息
生成提示词
可复制以下提示词,用于学习或复现这款游戏。
核心玩法循环与机制
逐帧玩法:
- 玩家(白棋)通过点按/点击选中一枚棋子
- 该棋子的所有合法走法会在棋盘上高亮显示
- 玩家点按/点击高亮的格子以移动棋子
- AI(黑棋)使用 Stockfish 计算并执行其走法
- 对局持续进行,直至将死、逼和或和棋
进程与吸引力:
- 玩家通过对抗难度不断提升的 AI 来磨练棋艺
- 每一局都带来独特的战略挑战
- 走棋历史让玩家得以复盘并从对局中学习
- 为将军、吃子及特殊走法(王车易位、吃过路兵、升变)提供视觉反馈
胜负条件:
- 胜利:玩家将死 AI
- 失败:AI 将死玩家
- 和棋:逼和、子力不足、三次重复局面或五十回合规则
吸引力元素:
- 对合法走法的即时视觉反馈降低了认知负担
- 流畅的动画让游戏显得精致专业
- AI 思考指示器营造出期待感
- 走棋历史与对局状态信息帮助玩家理解局面
起步范围
首个版本(现在实现):
- 带正确格子配色的标准 8×8 棋盘
- 所有棋子均渲染为清晰、可辨识的资产
- 通过 chess.js 实现完整象棋规则(合法走法、王车易位、吃过路兵、升变)
- 使用 Stockfish 的中等难度 AI 对手(约 depth 10)
- 触摸/点击选子并高亮合法走法
- 兵自动升变为后(最简单的情形)
- 将军/将死/逼和检测及游戏结束界面
- 用于重新开局的"新对局"按钮
- 走棋历史显示(可见最近 5 步)
- 当前回合指示器
未来版本(后续添加):
- 多种 AI 难度等级(初级、中级、专家)
- 兵升变选择对话框(后、车、象、马)
- 带滚动的完整走棋历史
- 悔棋功能
- 翻转棋盘选项(执黑对弈)
- 计时/棋钟用于限时对局
- 开局库提示
- 保存/读取对局状态
- 走子、吃子、将军的音效
游戏视角
固定画面(fixed-screen):单屏视图展示整个 8×8 棋盘。棋盘尺寸应能舒适地容纳于 720×1280 视口内,并在上下方为 UI 元素留出空间。
游戏世界与关卡设计
棋盘布局:
- 由明暗交替格子组成的 8×8 网格
- 标准象棋起始局面(白棋在下,黑棋在上)
- 棋盘在视口中水平居中
- 棋盘置于屏幕纵向中三分之一处
UI 布局(自上而下):
顶部区域(顶部约 200px):
- 游戏标题"Grandmaster Grid"
- 当前回合指示器("White's Turn" / "Black's Turn" / "AI Thinking...")
- 被吃棋子展示(白方吃子在左,黑方吃子在右)
棋盘区域(中部约 640px):
- 8×8 棋盘(640×640px)
- 代数记谱标签(底部 a-h,右侧 1-8)
- 选中棋子高亮(黄色边框)
- 合法走法指示(有效格子上的半透明圆圈)
- 上一步高亮(起/落格上的淡淡色调)
底部区域(底部约 440px):
- 走棋历史面板(可滚动列表,可见最近 5 步)
- 对局状态消息("Check!"、"Checkmate!"、"Stalemate"等)
- "新对局"按钮(大号、居中,最小 200×60px)
视觉反馈:
- 选中棋子:黄色边框光晕
- 合法走法:绿色半透明圆圈
- 上一步:起/落格上的浅蓝色调
- 将军:被将军的王高亮为红色
- 被吃棋子:顶部区域显示小图标
编辑模式设计
可编辑属性:
AI 难度(下拉菜单):
- 初级(depth 5)
- 中级(depth 10)
- 专家(depth 15)
- 默认:中级
棋盘主题(配色选取器组):
- 亮格颜色(默认:#f0d9b5)
- 暗格颜色(默认:#b58863)
- 高亮颜色(默认:#baca44)
棋子样式(下拉菜单):
- 经典(默认)
- 现代
- 极简
自动升后(开关):
- 启用(默认):兵自动升变为后
- 禁用:显示升变选择对话框(未来功能)
显示坐标(开关):
- 启用(默认):显示 a-h 与 1-8 标签
- 禁用:隐藏坐标标签
约束:
- AI depth 必须介于 1-20 之间(防止过度计算)
- 颜色须具备足够对比度以保证无障碍性
- 至少须选中一种棋子样式
控制设计
这是一款采用 固定画面 视角的 回合制解谜/策略游戏。
移动端(触摸):
- 点按棋子:选中棋子(须为玩家回合且该棋子有合法走法)
- 点按高亮格子:将选中棋子移至该格
- 点按其他处:取消选中棋子
- 点按"New Game"按钮:将棋盘重置为起始局面
桌面端(鼠标 + 键盘):
- 点击棋子:选中棋子(须为玩家回合且该棋子有合法走法)
- 点击高亮格子:将选中棋子移至该格
- 点击其他处:取消选中棋子
- 点击"New Game"按钮:将棋盘重置为起始局面
- 键盘快捷键(未来可选):
- N:新对局
- U:悔棋(未来功能)
控制流程:
- 玩家点按/点击自己的棋子 → 棋子被选中,合法走法高亮
- 玩家点按/点击合法走法格 → 执行走子,AI 回合开始
- AI 计算走法(显示"AI Thinking..."指示器)
- AI 走法自动执行 → 玩家回合开始
- 重复直至游戏结束
输入处理:
- 在 AI 回合期间禁用所有棋盘交互
- 阻止选中对手棋子
- 阻止选中没有合法走法的棋子
- 点击空格或无效目标时清除选中
美术风格与视觉主题
整体风格:简洁、现代、专业打磨的象棋美学。可参考 chess.com 或 lichess.org 的品质。
色彩搭配:
- 亮格:暖米色(#f0d9b5)
- 暗格:浓棕色(#b58863)
- 高亮:柔和黄绿色(#baca44)
- UI 背景:深灰色(#312e2b)
- 文字:深色背景上的白色(#ffffff)
- 点缀:金色(#d4af37)营造高级感
视觉一致性:
- 所有棋子应以一致的古典风格渲染
- 棋子在棋盘尺度下应清晰可辨
- 白棋:带细微阴影的浅奶油色
- 黑棋:带细微高光的深炭色
- 棋子应在棋盘上投下细微阴影
- 观察角度:正上方俯视(2D)
资产尺寸:
- 棋盘:640×640px(每格 80px)
- 棋子:70×70px(在 80px 格子内留出内边距)
- UI 按钮:触摸目标最小 200×60px
- 图标:被吃棋子展示用 32×32px
渲染策略:
- 棋盘格子:用 CSS/Canvas 渲染(简单的交替配色)
- 坐标标签:用 CSS 文字渲染
- 棋子:生成为图片资产(形状复杂,需要细节)
- UI 元素:按钮、面板、文字用 CSS
- 高亮/指示:带半透明覆层的 CSS