DeepSeek-Reasoner 代码生成能力测试报告

🌸

机械花朵开合动画

中

视觉代码生成

SVG动画交互

创建一个单页HTML文件，实现机械风格的花朵开合动画。要求：使用SVG绘制一朵5片花瓣的机械花朵，花瓣带有齿轮、螺栓等机械元素装饰...

查看演示

🎲

3D立方体动画

中

3D图形

Three.js3D鼠标交互

创建一个单页HTML文件，使用Three.js实现3D立方体交互场景...

查看演示

🎆

粒子烟花效果

中

视觉效果

Canvas粒子系统物理效果

创建一个单页HTML文件，实现交互式粒子烟花效果。使用Canvas全屏绘制，点击页面任意位置发射烟花...

查看演示

⏰

时钟与倒计时

中

实用工具

时间处理音频提示UI设计

创建一个单页HTML文件，实现时钟和倒计时组合工具。数字时钟显示当前时间，倒计时器可设置分钟和秒数...

查看演示

⚽

弹球碰撞游戏

中

交互游戏

Canvas物理引擎碰撞检测

创建一个单页HTML文件，实现弹球碰撞模拟游戏。使用Canvas绘制游戏区域，初始生成多个彩色小球...

查看演示

⭕

井字棋游戏 (Tic-Tac-Toe)

简单

交互游戏

游戏逻辑CSS Grid

创建一个单文件HTML的井字棋游戏。3x3的网格布局，双人对战模式，自动判断胜负...

查看演示

💳

响应式定价卡片

中

UI布局

CSSFlexbox响应式

创建一个包含三个定价套餐的展示页面。纯CSS实现响应式布局，鼠标悬停有动画效果...

查看演示

✅

带本地存储的待办事项

中

实用工具

LocalStorageCRUD

生成一个单文件HTML的待办事项应用。可添加、删除任务，使用LocalStorage保存数据...

查看演示

🎨

简单的画板应用

中

交互游戏

Canvas绑定事件

使用HTML5 Canvas API生成一个在线画板。鼠标按住可以绘画，提供颜色选择器和画笔粗细调整...

查看演示

🧠

记忆翻牌游戏

中

交互游戏

游戏逻辑动画

编写一个记忆翻牌小游戏。4x4网格，共16张卡片（8对），点击翻转匹配...

查看演示

🐍

贪吃蛇游戏

高

交互游戏

Canvas游戏循环

编写一个经典的贪吃蛇游戏。使用Canvas渲染，蛇吃食物后变长，包含碰撞检测...

查看演示

🔐

随机密码生成器

简单

实用工具

随机算法剪贴板

编写一个HTML文件，实现随机密码生成器。滑块控制密码长度，复选框选择字符类型...

查看演示

🕐

霓虹灯风格数字时钟

简单

动画效果

CSS动画text-shadow

编写一个单文件HTML，实现赛博朋克霓虹灯风格的数字时钟。字体有发光效果...

查看演示

✨

粒子网络背景效果

高

动画效果

Canvas粒子系统

使用HTML5 Canvas创建一个互动的粒子网络背景。粒子之间距离小于阈值时绘制连线...

查看演示

📝

简易Markdown编辑器

高

实用工具

正则表达式实时预览

生成一个Markdown实时预览编辑器。左侧为文本输入区，右侧为预览区，使用原生JS正则实现解析...

查看演示

🧬

康威生命游戏 (Game of Life)

高

算法/模拟

Canvas元胞自动机

实现康威生命游戏的模拟器。使用Canvas绘制网格，实现细胞繁衍和死亡的四条核心规则...

查看演示

🥧

交互式饼状图生成器

高

数据可视化

SVGPath数据可视化

编写一个SVG饼状图生成器。用户输入数值后自动计算角度并生成SVG路径绘制饼图...

查看演示

🧱

打砖块游戏 (Breakout)

高

交互游戏

Canvas碰撞检测游戏循环

创建一个打砖块游戏。Canvas渲染，包含底部挡板、反弹球、顶部砖块阵列...

查看演示

🥁

虚拟鼓机 (Drum Machine)

高

多媒体

Web Audio API键盘事件

创建一个基于Web Audio API的虚拟鼓机。界面包含多个打击垫，点击或按键播放声音...

查看演示

🪐

太阳系行星运行模拟

高

动画效果

CanvasCSS33D变换

利用CSS3 3D变换或Canvas，模拟太阳系行星运行。太阳在中心发光，行星围绕太阳公转...

查看演示

代码生成测评结果 20 个案例

没有找到匹配的测试案例