代码生成能力不只是刷 LeetCode,写具有复杂数学逻辑、物理碰撞和丝滑视觉动效的前端页面,更能检验大模型对空间、帧率与状态机的综合理解。
我们用同一道“引力场粒子吸附与液体形变动效”题目,同台盲测了 Hy4 Preview、ChatGPT 4o 与 Gemini 1.5 Pro。
盲测标准 Prompt
要求使用原生 HTML5 Canvas 编写单文件 index.html,包含 200 个带拖尾粒子、鼠标引力场吸附与核心液态球贝塞尔弹性形变。
编写单文件 index.html(含内联 CSS 与 JS):
1. 深色背景(#0a0a0f),居中放置液态边缘波动核心球;
2. 200 个微光粒子受鼠标引力吸附并产生平滑拖尾;
3. 鼠标悬停时球体产生贝塞尔流体弹性挤压与呼吸光晕;
4. 原生 Canvas 60FPS 运行,无第三方依赖,代码一次性完整输出。 三家模型实测表现对比
Hy4 Preview 在一次性运行成功率(98%)和贝塞尔物理阻尼手感上脱颖而出,代码极致精简,三角函数推导极为扎实。