Claude Haiku 5 5 在「国际象棋」的评测结果
这是该 AI 模型在此测试用例上的详细评测结果。
基本信息
- 模型名称:Claude Haiku 5 5
- 用例名称:国际象棋
- 测试类型:网页生成
- 评测维度:游戏开发
系统提示词(System Prompt)
这是给 AI 模型的背景设定和角色指令:
你是一名资深 Web 前端开发专家,擅长使用原生 HTML/CSS/JavaScript 构建完整的交互式游戏应用。 回答要求: 1. 所有代码必须集中在单个 HTML 文件中,可直接在浏览器中运行,无需任何外部依赖。 2. 优先保证核心游戏逻辑的正确性:棋子移动规则必须严谨,非法移动必须被拦截。 3. 代码结构清晰,建议按「数据层(棋盘状态)→ 逻辑层(规则引擎)→ 渲染层(UI)」分模块组织。 4. 使用 Unicode 棋子字符(♔♕♖♗♘♙♚♛♜♝♞♟),确保视觉清晰。 5. 输出完整代码,不得截断,不得使用省略注释(如 // ... 省略 ...)代替实际代码。
用户提示词(User Prompt)
这是用户给 AI 模型的具体任务要求:
请生成一个完整的国际象棋游戏,所有代码(HTML、CSS、JavaScript)写在单个 HTML 文件中,可直接在浏览器运行。 ## 棋盘与布局 - 8×8 棋盘,经典棕白相间配色(浅色格 #F0D9B5,深色格 #B58863) - 棋盘四周显示行号(1-8)和列标(a-h)坐标标签 - 棋子使用 Unicode 字符:白方 ♔♕♖♗♘♙,黑方 ♚♛♜♝♞♟ - 游戏开始时棋子按标准初始位置摆放 ## 交互功能 - 点击己方棋子将其选中(高亮显示选中格) - 选中后,所有合法目标格用绿色圆点标记 - 点击合法目标格完成移动;点击其他位置取消选中 - 白方先行,双方轮流走棋,界面顶部显示「当前走棋方:白方 / 黑方」 ## 棋子移动规则(必须全部正确实现) - **王(King)**:向任意相邻方向移动一格,不能移动到被对方攻击的格子 - **后(Queen)**:沿横、竖、斜四个轴任意格数移动,路径不可有阻挡 - **车(Rook)**:沿横轴或竖轴任意格数移动,路径不可有阻挡 - **象(Bishop)**:沿对角线任意格数移动,路径不可有阻挡 - **马(Knight)**:L 形移动(2+1 格),可越过其他棋子 - **兵(Pawn)**: - 向前移动一格(不可吃子) - 初始位置可向前移动两格(路径无阻挡) - 斜前方一格有对方棋子时可斜向吃子 ## 吃子 - 移动到对方棋子所在格即完成吃子,对方棋子从棋盘移除 - 不可移动到己方棋子所在格 ## 将军与将死 - 每次移动后检测对方王是否被将军,若是则在界面显示「将军!」提示,并高亮被将军的王所在格(红色边框或背景) - 若某方被将军且没有任何合法移动,判定将死,显示「游戏结束:XX方获胜!」 - 合法移动列表必须排除会导致己方王处于被将军状态的走法(即走完后己方王仍安全) ## 视觉细节 - 选中格:黄色高亮背景 - 合法移动格:绿色半透明圆点(空格)或绿色边框(可吃子格) - 将军时王所在格:红色高亮背景 - 棋子字体足够大(建议 2.5rem 以上),在格子内居中显示
任务要求
AI 模型需要满足以下要求:
- 棋子初始布局完全正确,六类棋子的移动规则均按国际象棋标准实现,包括兵的初始两格前进和斜向吃子。
- 合法移动高亮功能正常:选中棋子后,所有且仅显示合法目标格(已过滤会导致己方王被将军的走法)。
- 将军检测正确:每步走完后准确判断对方王是否被将军,并给出视觉提示。
- 将死判定正确:被将军且无任何合法走法时游戏结束,显示胜负结果。
- 轮流走棋逻辑正确:非当前走棋方的棋子不可被选中或移动。
- 代码完整可运行:单个 HTML 文件,无外部依赖,在现代浏览器中直接打开即可正常游戏。
评测结果
综合得分
该模型在此用例的得分为:90.7 分(满分 100 分),已通过
基础难度评测结果
- 得分:90.7 分
- 通过状态:已通过
模型生成产物
以下是该模型针对此任务的实际生成内容:
# 国际象棋(单文件版) 将以下内容保存为 `chess.html`,用浏览器打开即可游玩。 ```html 国际象棋 :root { --cell: min(80px, calc((100vw - 90px) / 8)); } * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 16px; background: #2b2b2b; color: #eee; font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; } /* ---------- 状态栏 ---------- */ .status { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px; font-size: 1.1rem; } .status strong { color: #ffd966; } #msg { min-width: 8em; text-align: center; font-weight: bold; font-size: 1.1rem; } #msg.warn { color: #ff5252; } #msg.end { color: #69f0ae; } button { padding: 6px 16px; font-size: 1rem; border: none; border-radius: 6px; background: #4a7c59; color: #fff; cursor: pointer; } button:hover { background: #5b9a6f; } /* ---------- 棋盘布局(10x10:含坐标标签的外框) ---------- */ .board { display: grid; grid-template-columns: 26px repeat(8, var(--cell)) 26px; grid-template-rows: 26px repeat(8, var(--cell)) 26px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); border-radius: 4px; background: #3a3a3a; user-select: none; } .label { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: bold; color: #ddd; } /* ---------- 格子 ---------- */ .sq { position: relative; width: var(--cell); height: var(--cell); display: flex; align-items: center; justify-content: center; cursor: pointer; } .sq.light { background: #F0D9B5; } .sq.dark { background: #B58863; } /* 选中格:黄色高亮 */ .sq.selected { background: #F7EC5A !important; } /* 上一步移动的起止格(轻微提示,不与选中色冲突) */ .sq.last { box-shadow: inset 0 0 0 4px rgba(90, 140, 255, 0.55); } /* 将军时被将军的王:红色背景 */ .sq.check { background: #E53935 !important; } /* 合法空格:绿色半透明圆点 */ .sq.target::after { content: ""; position: absolute; width: 28%; height: 28%; border-radius: 50%; background: rgba(40, 170, 60, 0.6); pointer-events: none; z-index: 2; } /*...
AI 评审点评
以下是 AI 评审对该模型输出的点评:
【CLAUDE】该实现是一个功能较为完整的国际象棋单文件实现,核心移动规则、将军/将死检测、合法走法过滤均正确实现,交互体验流畅,视觉设计符合规范要求。代码结构清晰,分层明确。主要不足是缺少王车易位和吃过路兵两个标准规则,兵升变无选择界面。整体而言是一个高质量的基础国际象棋实现,满足题目绝大多数要求。 【GEMINI】这是一份质量极高的交付物。不仅完全满足了提示词中的所有严苛要求(棋子走法、吃子、将军与将死过滤、配色与坐标标签),还在代码架构设计、白棋描边视觉优化、底线升变等细节上展现了非常专业的开发水平。 【KIMI】该实现是一份高质量的国际象棋单文件实现,核心规则引擎严谨正确,将军/将死检测可靠,代码结构清晰分层,视觉呈现专业。虽缺少王车易位、吃过路兵等标准规则,但均在规格书未要求的合理范围内。整体完成度极高,可直接作为教学或娱乐用途。
相关链接
您可以通过以下链接查看更多相关内容: