glm-5.3-flash 在「平台跳跃版」的评测结果

这是该 AI 模型在此测试用例上的详细评测结果。

基本信息

  • 模型名称：glm-5.3-flash
  • 用例名称：平台跳跃版
  • 测试类型：网页生成
  • 评测维度：游戏开发

系统提示词（System Prompt）

这是给 AI 模型的背景设定和角色指令：

你是一名资深 Web 前端开发工程师，专精于 HTML5 Canvas 游戏开发。 回答要求： 1. 所有代码（HTML、CSS、JavaScript）必须合并在单个 HTML 文件中，可直接在浏览器运行，无需任何外部依赖。 2. 使用 Canvas 2D API 实现游戏渲染，确保游戏循环（requestAnimationFrame）流畅稳定，物理逻辑（重力、碰撞）准确可靠。 3. 代码结构清晰，变量与函数命名语义化，关键逻辑处附有简短注释。 4. 优先保证核心玩法的完整性与可玩性，视觉效果在此基础上尽量精致。 5. 直接输出完整的 HTML 代码，不附加任何解释性文字。

用户提示词（User Prompt）

这是用户给 AI 模型的具体任务要求：

# 平台跳跃游戏（基础版） 请在单个 HTML 文件中实现一个完整可运行的平台跳跃游戏，具体要求如下： ## 技术约束 - 所有 HTML、CSS、JavaScript 代码写在同一个 `.html` 文件中 - 使用 HTML5 Canvas 绘制全部游戏画面 - 使用 `requestAnimationFrame` 驱动游戏主循环 ## 核心玩法 1. **角色控制**：← → 方向键左右移动，空格键或 ↑ 方向键跳跃 2. **重力系统**：角色受重力持续下落，跳跃后自然抛物线运动 3. **平台碰撞**：角色可站立在平台上方，落到平台顶部时停止下落（AABB 碰撞检测） 4. **金币收集**：场景中分布若干黄色圆形金币，角色接触即收集，右上角实时显示金币数 5. **终点过关**：到达右侧终点旗帜触发过关提示 6. **掉落重来**：角色掉出屏幕底部后，当前关卡重置重新开始 ## 关卡设计 - 设计 1 个完整关卡，包含至少 6 个高低错落的平台 - 平台使用至少 2 种不同颜色加以区分 - 金币数量不少于 5 枚，分布在需要跳跃才能到达的位置 - 关卡宽度超出屏幕，需要摄像机跟随角色水平滚动 ## 视觉要求 - **背景**：使用渐变色（如天空蓝渐变） - **角色动画**：至少 2 帧的走动循环动画（可用简单几何图形模拟像素风格） - **金币动画**：金币有旋转或闪烁效果（可用缩放模拟旋转） - **整体风格**：简洁像素风，色彩明快 ## UI 显示 - 左上角或右上角显示当前收集的金币数 - 过关时在画面中央显示「关卡完成」提示 - 掉落重置时有短暂的提示反馈

任务要求

AI 模型需要满足以下要求：

  1. 游戏主循环使用 requestAnimationFrame 驱动，重力与速度通过增量时间（deltaTime）或固定步长更新，角色运动流畅无抖动
  2. AABB 碰撞检测准确：角色能稳定站立在平台上，不出现穿透或卡墙现象，且仅从平台顶部可以落脚（侧面和底部不触发站立）
  3. 摄像机跟随系统正确实现：关卡宽度超出 Canvas，角色移动时视野平滑跟随，平台与金币坐标随摄像机偏移正确渲染
  4. 角色具备至少 2 帧走动动画，金币具备旋转或闪烁动态效果，背景使用渐变色，整体视觉风格统一
  5. 金币收集逻辑完整：接触即消失并累计计数，UI 实时更新；终点触发过关提示；掉出底部触发关卡重置
  6. 代码结构清晰，游戏对象（角色、平台、金币）以结构化方式组织，关键逻辑有注释，单文件内无外部资源引用

评测结果

综合得分

该模型在此用例的得分为：92.6 分（满分 100 分），已通过

基础难度评测结果

  • 得分：92.6 分
  • 通过状态：已通过

模型生成产物

以下是该模型针对此任务的实际生成内容：

```html 像素冒险 · 平台跳跃 html, body { margin: 0; padding: 0; height: 100%; background: #1b2430; display: flex; align-items: center; justify-content: center; overflow: hidden; } canvas { image-rendering: pixelated; width: min(96vw, 960px); height: auto; border-radius: 6px; box-shadow: 0 12px 40px rgba(0, 0, 0, .55); } (() => { 'use strict'; /* ================= 基础设置 ================= */ const canvas = document.getElementById('game'); const ctx = canvas.getContext('2d'); const VIEW_W = canvas.width; const VIEW_H = canvas.height; const TAU = Math.PI * 2; /* ================= 物理常量 ================= */ const GRAVITY = 0.55; // 重力加速度（每帧） const MOVE_ACCEL = 0.7; // 水平加速度 const MAX_SPEED = 4.6; // 最大水平速度 const GROUND_FRICTION = 0.78; // 地面摩擦系数 const AIR_FRICTION = 0.93; // 空气阻力系数 const JUMP_VELOCITY = -12.8; // 起跳初速度 const MAX_FALL_SPEED = 15; // 下落速度上限（防止穿透薄平台） /* ================= 关卡数据 ================= */ const WORLD_WIDTH = 2400; // 关卡总宽度大于屏幕，需要摄像机滚动 // 平台：type 区分两种配色（grass=草地块 / sand=悬浮沙岩块） const platforms = [ { x: 0, y: 460, w: 400, h: 80, type: 'grass' }, { x: 480, y: 384, w: 150, h: 26, type: 'sand' }, { x: 700, y: 308, w: 130, h: 26, type: 'sand' }, { x: 905, y: 232, w: 135, h: 26, type: 'sand' }, { x: 1130, y: 430, w: 270, h: 110, type: 'grass' }, { x: 1470, y: 350, w: 135, h: 26, type: 'sand' }, { x: 1690, y: 272, w: 125, h: 26, type: 'sand' }, { x: 1890, y: 410, w: 510, h: 130, type: 'grass' }, ]; // 金币分布（均位于平台上方，需要跳跃才能收集） const coinSpots = [ { x: 255, y: 388 }, { x: 548, y: 312 }, { x: 758, y: 238 }, { x: 965, y: 162 }, { x: 1258, y: 358 }, { x: 1530, y: 280 }, { x: 1745, y: 202 }, { x: 2070, y: 338 }, ]; const COIN_TOTAL = coinSpots.length; // 终点旗帜（立于最后一块地面之上） const flag = { x: 2300, y: 410 }; /* ================= 运行时状态 ================= */ const STATE = { PLAYING: 0, WIN: 1 }; let gameState = STATE.PLAYING; let camX = 0; // 摄像机水平位置 let gameTime = 0; // 全局时间（驱动动画） let resetMsgTimer = 0; // 「掉落重置」提示剩余时间（秒） let hintTimer = 5; // 开局操作提示剩余时间（秒） let coinCount = 0;...

AI 评审点评

以下是 AI 评审对该模型输出的点评：

【CLAUDE】这是一个高质量的平台跳跃游戏实现，全面超出了基础版的要求。物理系统设计精细，操控手感流畅；游戏循环完整，包含音效系统等额外加分项；视觉表现丰富，粒子效果、squash-stretch动画、视差背景层次感强；代码结构清晰，注释到位。整体达到了专业级单文件游戏Demo的水准。 【GEMINI】这是一份殿堂级的平台跳跃游戏实现。大模型不仅完美达成了所有技术约束和核心玩法要求，还在细节上进行了极高水平的超额交付：包括丝滑的物理挤压拉伸动画、多层视差滚动背景、完善的粒子系统，以及利用 Web Audio API 纯代码合成的丰富音效。代码结构优雅，注释清晰，展现了极高的前端开发与游戏设计水准。 【KIMI】该实现是一份高质量的平台跳跃游戏基础版，在完全满足题目所有硬性要求（单文件、Canvas 2D、requestAnimationFrame、6+平台、5+金币、摄像机滚动、2帧动画、渐变背景）的基础上，额外提供了视差背景、粒子特效、WebAudio音效、操作提示、弹性变形等增值内容。物理手感扎实，碰撞稳定无穿透，关卡设计具有平台跳跃的典型节奏感（由低到高再到地面，终点前设置最终平台）。代码组织良好，可读性与可维护性俱佳，是优秀的前端游戏开发范例。

相关链接

您可以通过以下链接查看更多相关内容：

加载中...
100%