鹈鹕骑自行车的html页面生成测试202609（GPT-6 Astra，Gemini 3.8 flash，DeepSeek 4.1 flash）

测试背景与提示词

用同样的提示词，让不同的AI生成一只鹈鹕骑自行车的HTML页面。

提示词：

Create a single HTML file that generates a 2D SVG animation of a pelican riding a bicycle and displays it on the page.

以下是GPT-6 Astra、Gemini 3.8 flash、DeepSeek4.1 flash生成的结果链接：

• GPT-6 Astra 生成的页面
• Gemini 3.8 flash 生成的页面
• DeepSeek4.1 flash 生成的页面

评测环境与工具

• VSCode Codex - GPT-6 Astra 轻度（Low）
• VSCode Antigravity - Gemini 3.8 Flash Low
• TraeCode CN - DeepSeek 4.1 flash

模型生成效果对比

GPT-6 Astra 效果

画面整体和谐，色调优雅。可以看到鹈鹕的前进方向是从左往右，整体看着前进方向正确。
骑车时鹈鹕的脚转动也正常。
页面可以暂停和恢复动画。并且可以调整速度。
鹈鹕的一些部分和自行车有显示错误的地方，层次没有完全处理好。

Gemini3.8 flash 效果

画面颜色较为鲜艳，可以看到鹈鹕的前进方向是从左往右，整体看着前进方向正确。
鹈鹕的“手”并没有紧握自行车把手，脚也没有在踏板上。
页面可以暂停和恢复动画。并且可以调整速度。也有铃声按钮。

DeepSeek 4.1 flash 效果

画面整体较为简单，颜色鲜艳。可以看到鹈鹕的前进方向是从左往右，但是道路的方向和车轮方向明显不协调。
画面中鹈鹕的喉囊中间空了一部分。“手”没有在车把手上。
两只脚在自行车踏板上。
页面没有附加的功能。

对比

对比维度	GPT-6 Astra (Low)	Gemini 3.8 Flash (Low)	DeepSeek 4.1 Flash
画面美感/配色	优雅和谐，色调高级	色彩鲜艳明快	较为简素基础
生物/机械结构	骑行脚蹬协调，层级微小穿模	脚未踩踏板，翅未握车把	脚踩踏板，喉囊穿模/断裂
运动/物理逻辑	协调自然，前进方向正确	协调	背景道路与车轮运动方向不协调
交互功能	播放/暂停、调速	播放/暂停、调速、车铃声	无交互控件

综合对比总结

Gemini 增加了趣味小功能（车铃按键），GPT 在动态细节与审美上表现最细腻，DeepSeek 则偏向最朴素地满足基本需求。

在快速/轻量推理（Low/Flash）场景下，各家模型对复杂空间关系（人体工学、图层层级 Z-index、相对运动）的理解能力存在差异。生成2D骨骼/多图层机械运动（曲柄连杆机构：脚踏板转动带动脚运动）对轻量级模型依然是高难度任务。GPT-6的运动学求解最平滑；DeepSeek在相对运动（车体、轮子、地面的相对速度矢量）上出现倒置。

综合来看，GPT-6 Astra的效果更好一些。