← 返回列表

妙手棋局AI · Claude 3.5

游戏信息

在这款经典国际象棋游戏中挑战高智能 AI 对手,操作直观,充满策略深度。

类型国际象棋对弈
分辨率自适应
朝向竖屏
平台PC网页端 / H5移动端
存档localStorage
作者lsk
日期2026-07-07

生成提示词

可复制以下提示词,用于学习或复现这款游戏。

核心玩法循环与机制

逐帧玩法:

  • 玩家(白棋)通过点按/点击选中一枚棋子
  • 该棋子的所有合法走法会在棋盘上高亮显示
  • 玩家点按/点击高亮的格子以移动棋子
  • 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 布局(自上而下):

  1. 顶部区域(顶部约 200px):

    • 游戏标题"Grandmaster Grid"
    • 当前回合指示器("White's Turn" / "Black's Turn" / "AI Thinking...")
    • 被吃棋子展示(白方吃子在左,黑方吃子在右)
  2. 棋盘区域(中部约 640px):

    • 8×8 棋盘(640×640px)
    • 代数记谱标签(底部 a-h,右侧 1-8)
    • 选中棋子高亮(黄色边框)
    • 合法走法指示(有效格子上的半透明圆圈)
    • 上一步高亮(起/落格上的淡淡色调)
  3. 底部区域(底部约 440px):

    • 走棋历史面板(可滚动列表,可见最近 5 步)
    • 对局状态消息("Check!"、"Checkmate!"、"Stalemate"等)
    • "新对局"按钮(大号、居中,最小 200×60px)

视觉反馈:

  • 选中棋子:黄色边框光晕
  • 合法走法:绿色半透明圆圈
  • 上一步:起/落格上的浅蓝色调
  • 将军:被将军的王高亮为红色
  • 被吃棋子:顶部区域显示小图标

编辑模式设计

可编辑属性:

  1. AI 难度(下拉菜单):

    • 初级(depth 5)
    • 中级(depth 10)
    • 专家(depth 15)
    • 默认:中级
  2. 棋盘主题(配色选取器组):

    • 亮格颜色(默认:#f0d9b5)
    • 暗格颜色(默认:#b58863)
    • 高亮颜色(默认:#baca44)
  3. 棋子样式(下拉菜单):

    • 经典(默认)
    • 现代
    • 极简
  4. 自动升后(开关):

    • 启用(默认):兵自动升变为后
    • 禁用:显示升变选择对话框(未来功能)
  5. 显示坐标(开关):

    • 启用(默认):显示 a-h 与 1-8 标签
    • 禁用:隐藏坐标标签

约束:

  • AI depth 必须介于 1-20 之间(防止过度计算)
  • 颜色须具备足够对比度以保证无障碍性
  • 至少须选中一种棋子样式

控制设计

这是一款采用 固定画面 视角的 回合制解谜/策略游戏。

移动端(触摸):

  • 点按棋子:选中棋子(须为玩家回合且该棋子有合法走法)
  • 点按高亮格子:将选中棋子移至该格
  • 点按其他处:取消选中棋子
  • 点按"New Game"按钮:将棋盘重置为起始局面

桌面端(鼠标 + 键盘):

  • 点击棋子:选中棋子(须为玩家回合且该棋子有合法走法)
  • 点击高亮格子:将选中棋子移至该格
  • 点击其他处:取消选中棋子
  • 点击"New Game"按钮:将棋盘重置为起始局面
  • 键盘快捷键(未来可选):
    • N:新对局
    • U:悔棋(未来功能)

控制流程:

  1. 玩家点按/点击自己的棋子 → 棋子被选中,合法走法高亮
  2. 玩家点按/点击合法走法格 → 执行走子,AI 回合开始
  3. AI 计算走法(显示"AI Thinking..."指示器)
  4. AI 走法自动执行 → 玩家回合开始
  5. 重复直至游戏结束

输入处理:

  • 在 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