用塑料袋金鱼测七款大模型，谁的前端代码最强

 

 

上次我用 AI 大模型生成蜡烛，被不少人吐槽评分太主观、蜡烛没参考性。这回换个更硬核的考题：用「透明塑料袋里的金鱼」来比，看各家模型靠代码模拟复杂视觉效果的本事到底差多少。想看蜡烛那篇的可以翻前面链接，那篇被批得挺惨。

 

下面是这期统一的提示词，你也可以自己拿去试：

 

 

请用单文件 HTML 生成一个 Canvas 动态视觉作品，主题是「透明塑料袋里的金鱼」。
这是一个 AI 模型能力测试题，用来考察模型是否能通过代码模拟复杂视觉效果。
画面目标：
生成一个横版 16:9 封面画面，中央是一个透明塑料袋，袋子里有清水和一条红色金鱼。整体风格要精致、真实、干净、有视觉冲击力。
必须表现的视觉元素：
1.
透明塑料袋外轮廓；
2.
袋口被扎起的结构；
3.
塑料袋左右两侧的不规则褶皱；
4.
塑料材质的白色高光线条；
5.
袋中半透明水体；
6.
水面线；
7.
金鱼，包括身体、尾巴、背鳍、腹鳍、眼睛；
8.
水中气泡；
9.
背景柔和渐变；
10.
桌面或底部投影；
11.
透明材质带来的层次感和折射感。
动画要求：
1.
金鱼尾巴轻微摆动；
2.
气泡缓慢上升；
3.
水面有轻微波动；
4.
塑料袋高光缓慢移动；
5.
动画要舒缓，不要花哨。
技术要求：
1.
只允许使用 HTML、CSS、原生 JavaScript 和 Canvas；
2.
不允许使用任何外部资源；
3.
所有代码写在一个 HTML 文件里；
4.
页面打开后自动运行；
5.
适合 16:9 横版截图；
6.
代码要完整，可以直接保存为 index.html 打开。
审美要求：
1.
浅色背景；
2.
高级感；
3.
主体突出；
4.
不要卡通幼稚；
5.
不要做成普通网页 UI；
6.
更像一张动态视觉海报。
请直接输出完整 HTML 文件，不要输出解释说明。

 

 

各家跑出来的实际效果

 

豆包，思考模式网页端输出。打开图我第一反应是：这是个啥？

 

 

Kimi K2.6，思考模式网页端输出，效果比我想象的要好，就是这个尾巴，到底是什么鱼？

 

 

GLM 5.1，API 调用深度思考模式，这是个瓶子吧？鱼上面不知道为什么有三个环。

 

 

DeepSeek V4 Pro，API 调用，这鱼已经开始仰泳了，泡泡还会侧向浮动。

 

 

Qwen3.7-Plus，Qoder API 调用，本来感觉 3.7-Plus 挺强，没想到连塑料袋和水的边缘贴合都有问题。

 

 

Qwen3.7-Max，Qoder API 调用，这袋子形状也不对。

 

 

ChatGPT 5.5，Codex 桌面版生成 High 模式，有点拉，像个蝌蚪鱼，水都没贴合塑料袋。

 

 

Gemini 3.1 Pro，Antigravity 桌面版生成 High 模式，金鱼效果还行，塑料袋就一般了。

 

 

Gemini 3.5 Flash，Antigravity 桌面版生成 High 模式，生成速度非常快，能看出来前端代码能力确实不错，但这个鱼太抽象了点，纸片鱼吗这是？

 

 

Sonnet 4.6，Claude 桌面版生成 High 模式，塑料袋和水之间的缝隙太大了。

 

 

Opus 4.8，Claude 桌面版生成 High 模式，生成了个蟑螂鱼，谁家塑料袋这个形状？

 

 

Fable 5，Claude 桌面版生成 High 模式，除了水能贴合塑料袋之外好像也没别的亮点。

 

 

对比总结

 

整体趋势挺明显：模型能力越强，越能在同一个 Canvas 任务里同时照顾更多细节、响应更多要求。

 

 

效果差的模型通常只能画出袋子、鱼、水、气泡这些基础元素，但在透明塑料质感、褶皱、高光、折射、水面波动、金鱼结构完整度上容易缺失，画面更像简单 Demo。

 

表现好的模型优势集中在几点：一是细节响应更完整，不只画「塑料袋里的鱼」，还会主动表现袋口扎起、左右褶皱、白色高光、半透明水体、底部投影；二是层次感更强，能把塑料、水、鱼、气泡、高光分成不同视觉层，而不是全画在一个平面上；三是动画更自然，气泡上升、水面波动、尾巴摆动、高光移动之间能形成舒缓的整体效果；四是审美更接近封面图，高分模型更容易做出干净、浅色、高级、主体突出的视觉海报。

 

从总分看，Fable 5、GPT 5.5、Gemini 3.5 Flash、Opus 4.8、Gemini 3.1 Pro、Sonnet 4.6 整体更靠前，尤其 Fable 5 在「金鱼与动画表现」上分数最高，说明它对动态细节和视觉表现的响应更充分。

 

挑模型不能只看榜单，跑一道具体的代码题，高下立见。如果你想把这类 AI 工具和数字化能力真正用进自己的业务，可以咨询云巴巴。云巴巴是国内领先的企业数智服务平台，覆盖 AI 大模型、智能体、协同办公、营销获客、安全合规等多个领域的企业级产品与方案，能按你的行业、规模和预算比对选型、匹配资源、协助落地。欢迎咨询云巴巴，获取更多产品方案与专属服务。