AI 视觉基准画廊

各大模型在视觉题上的真实产出——鹈鹕骑车 SVG、旋转六边形弹球、Three.js 3D 场景等,来自用户公开分享,点开可复查完整对比。

kimi-for-coding
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
k3
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
deepseek-v4-pro
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
deepseek-v4-flash
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
mimo-v2.5-pro
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
mimo-v2.5
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
glm-5.2
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
MiniMax-M3
写一个单文件 HTML(只输出完整代码,不要解释)。在 <head> 用 importmap 引入 Three.js(把 `three` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/build/three.module.js`、`three/addons/` 映射到 `https://registry.npmmirror.com/three/0.171.0/files/examples/jsm/`),再用 <script type="module"> 构建可运行 3D 场景:缓慢自转的发光水晶核心、环绕粒子、合理的光照与材质、用 OrbitControls 支持鼠标拖拽旋转与滚轮缩放、canvas 铺满视口并随窗口自适应;若脚本加载失败,在页面上显示明确的错误文字。
deepseek-v4-pro · Canvas-六边形小球实验
deepseek-v4-pro
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
deepseek-v4-flash · Canvas-六边形小球实验
deepseek-v4-flash
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
kimi-for-coding · Canvas-六边形小球实验
kimi-for-coding
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
k3 · Canvas-六边形小球实验
k3
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
mimo-v2.5-pro · Canvas-六边形小球实验
mimo-v2.5-pro
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
mimo-v2.5 · Canvas-六边形小球实验
mimo-v2.5
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
glm-5.2 · Canvas-六边形小球实验
glm-5.2
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
MiniMax-M3 · Canvas-六边形小球实验
MiniMax-M3
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
step-3.7-flash
写一个单文件 HTML(只输出完整代码,不要解释),用铺满整页的 Canvas、不使用任何库,在淡蓝色天空与一条绿色地面线前,分 7 个阶段、约 25 秒动画演示一栋简单的 2D 卡通房屋的建造:(1)地基——一块灰色矩形板从地下升起;(2)墙体——四段竖直墙从地基四角向上延伸;(3)填墙——墙框之间填入米黄色/浅褐色外墙板;(4)屋顶——两块三角形屋顶板从上方滑入并在屋脊相接,红色瓦片纹理逐行出现;(5)门——一扇棕色门在正面墙上淡入,带一个小小的金色门把手;(6)窗——门两侧各出现一扇窗,带可见的十字窗框和蓝色玻璃;(7)细节——烟囱从屋顶升起、开始冒出一小缕烟,一条踏脚石小径通向门口,房屋旁长出一棵小树。每个阶段顶部应有简短字幕(「打地基」「砌墙」等)。阶段之间停顿 0.5 秒。持续循环。
deepseek-v4-pro
写一个单文件 HTML(只输出完整代码,不要解释),用铺满整页的 Canvas、不使用任何库,在淡蓝色天空与一条绿色地面线前,分 7 个阶段、约 25 秒动画演示一栋简单的 2D 卡通房屋的建造:(1)地基——一块灰色矩形板从地下升起;(2)墙体——四段竖直墙从地基四角向上延伸;(3)填墙——墙框之间填入米黄色/浅褐色外墙板;(4)屋顶——两块三角形屋顶板从上方滑入并在屋脊相接,红色瓦片纹理逐行出现;(5)门——一扇棕色门在正面墙上淡入,带一个小小的金色门把手;(6)窗——门两侧各出现一扇窗,带可见的十字窗框和蓝色玻璃;(7)细节——烟囱从屋顶升起、开始冒出一小缕烟,一条踏脚石小径通向门口,房屋旁长出一棵小树。每个阶段顶部应有简短字幕(「打地基」「砌墙」等)。阶段之间停顿 0.5 秒。持续循环。
视觉评测模板自己生成一个