DeepSeek-V3.2正式版 代码生成能力测试报告
夕小瑶科技 AI 评测实验室
30
测试案例总数
30
成功测试
30
生成 HTML
代码生成测评结果 30 个案例
🌸
机械花朵开合动画
中
📁 视觉代码生成
创建一个单页HTML文件，实现机械风格的花朵开合动画。要求：
1. 使用SVG绘制一朵5片花瓣的机械花朵
2. 花瓣带有齿轮、螺栓等机械元素装饰
3. 点击花朵中心时，花瓣以平滑动画打开/闭合
4. ...
🎲
3D立方体动画
中
📁 3D图形
创建一个单页HTML文件，使用Three.js实现3D立方体交互场景。要求：
1. 使用Three.js创建一个3D场景（CDN引用：https://cdnjs.cloudflare.com/ajax...
🎮
俄罗斯方块游戏
高
📁 交互游戏
创建一个单页HTML文件，实现完整的俄罗斯方块游戏。要求：
1. 使用Canvas绘制游戏界面（20行×10列）
2. 包含7种标准方块（I、O、T、S、Z、J、L）
3. 键盘控制：左右移动（方向键...
🪐
太阳系模拟器
高
📁 科学模拟
创建一个单页HTML文件，模拟太阳系运行。要求：
1. 使用Canvas绘制太阳和8大行星（水星、金星、地球、火星、木星、土星、天王星、海王星）
2. 按实际相对大小和轨道半径绘制（适当缩放）
3. ...
🎵
音乐可视化
高
📁 音频可视化
创建一个单页HTML文件，实现麦克风音频实时可视化。要求：
1. 使用Web Audio API捕获麦克风输入（getUserMedia）
2. 使用AnalyserNode分析音频频谱（FFT大小2...
🎆
粒子烟花效果
中
📁 视觉效果
创建一个单页HTML文件，实现交互式粒子烟花效果。要求：
1. 使用Canvas全屏绘制
2. 点击页面任意位置发射烟花
3. 烟花上升阶段：绘制轨迹尾焰
4. 爆炸阶段：产生100-200个粒子向四...
🔢
计算器应用
简单
📁 实用工具
创建一个单页HTML文件，实现美观的计算器应用。要求：
1. 现代化UI设计（圆角按钮、渐变色、阴影）
2. 支持基础运算：+、-、×、÷
3. 支持小数点运算
4. 功能按钮：C（清除）、CE（清除...
⏰
时钟与倒计时
中
📁 实用工具
创建一个单页HTML文件，实现时钟和倒计时组合工具。要求：
1. 数字时钟：显示当前时间（HH:MM:SS格式）
2. 倒计时器：可设置分钟和秒数
3. 倒计时控制按钮：开始、暂停、重置
4. 时间到...
⚽
弹球碰撞游戏
中
📁 交互游戏
创建一个单页HTML文件，实现弹球碰撞模拟游戏。要求：
1. 使用Canvas绘制游戏区域
2. 初始生成5-10个彩色小球
3. 小球随机速度和方向运动
4. 边界碰撞：小球碰到墙壁反弹
5. 小球...
📝
Markdown编辑器
中
📁 实用工具
创建一个单页HTML文件，实现简洁的Markdown编辑器。要求：
1. 左右分栏布局：左侧编辑区，右侧预览区
2. 支持Markdown语法：
- 标题（# ## ###）
- 列表（有...
⭕
井字棋游戏 (Tic-Tac-Toe)
简单
📁 交互游戏
创建一个单文件HTML的井字棋游戏。要求：1. 3x3的网格布局；2. 双人对战模式（X和O交替）；3. 每次落子后自动判断是否获胜或平局；4. 游戏结束后显示获胜信息并提供“重新开始”按钮。...
💳
响应式定价卡片
中
📁 UI布局
创建一个包含三个定价套餐（基础版、专业版、企业版）的展示页面。要求：1. 纯CSS实现响应式布局，桌面端横排，移动端竖排；2. 鼠标悬停在卡片上时有上浮动画和阴影加深效果；3. 推荐套餐（专业版）要有...
✅
带本地存储的待办事项
中
📁 实用工具
生成一个单文件HTML的待办事项（To-Do List）应用。核心要求：1. 可以添加、删除任务；2. 可以标记任务为“已完成”（样式改变）；3. 使用LocalStorage保存数据，刷新页面后任务...
⌨️
打字速度测试
中
📁 实用工具
生成一个打字速度测试工具。要求：1. 随机显示一段英文文本；2. 用户在输入框输入时，实时高亮正确（绿色）或错误（红色）的字符；3. 倒计时60秒；4. 结束后弹窗显示WPM（每分钟字数）和准确率。...
🧮
标准科学计算器
简单
📁 实用工具
生成一个完整的HTML文件，实现一个功能齐全的科学计算器。要求：1. 使用CSS Grid布局设计现代化的UI；2. 支持加减乘除、平方、开根号操作；3. 包含清除（C）和退格功能；4. 按钮要有悬停...
🎨
简单的画板应用
中
📁 交互游戏
使用HTML5 Canvas API生成一个在线画板。功能要求：1. 鼠标按住可以在画布上绘画；2. 提供颜色选择器改变画笔颜色；3. 提供滑块调整画笔粗细；4. 包含橡皮擦模式和“清空画布”按钮。...
🧠
记忆翻牌游戏
中
📁 交互游戏
编写一个“记忆翻牌”小游戏。要求：1. 4x4的网格，共16张卡片（8对图标或Emoji）；2. 游戏开始时卡片背面朝上，点击翻转；3. 如果两张卡片相同则消除，不同则翻回；4. 包含一个计时器和步数...
🐍
贪吃蛇游戏
高
📁 交互游戏
编写一个经典的贪吃蛇游戏，单HTML文件。要求：1. 使用Canvas渲染；2. 蛇吃食物后变长，速度略微增加；3. 包含碰撞检测（撞墙或撞自己导致游戏结束）；4. 记录并显示当前分数和历史最高分（L...
🔐
随机密码生成器
简单
📁 实用工具
编写一个HTML文件，实现一个随机密码生成器。功能包括：1. 一个滑块控制密码长度（8-32位）；2. 复选框选择是否包含大写字母、数字、特殊符号；3. 点击“生成”按钮在文本框显示密码；4. 一个“...
🕐
霓虹灯风格数字时钟
简单
📁 动画效果
请编写一个单文件HTML，包含CSS和JS。实现一个具有赛博朋克霓虹灯风格的数字时钟。要求：1. 显示当前的小时、分钟、秒；2. 字体要有发光效果（text-shadow）；3. 背景为深色；4. 时...
📊
排序算法可视化
高
📁 数据可视化
创建一个算法可视化演示页面。要求：1. 生成50个随机高度的柱状图；2. 实现“冒泡排序”算法；3. 点击“开始”按钮后，动态演示排序过程，正在比较的元素变红，已排序的变绿；4. 可以调节排序速度。...
✨
粒子网络背景效果
高
📁 动画效果
使用HTML5 Canvas创建一个互动的粒子网络背景。要求：1. 屏幕上随机漂浮许多粒子；2. 当粒子之间距离小于一定阈值时，绘制连线；3. 鼠标移动时，附近的粒子会受到排斥或吸引；4. 只有单个H...
📋
简易Markdown编辑器
高
📁 实用工具
生成一个Markdown实时预览编辑器。要求：1. 左侧为文本输入区，右侧为预览区；2. 使用原生JS正则实现基本的Markdown解析（至少支持# 标题, **加粗**, - 列表, `代码块`）；...
🧬
康威生命游戏 (Game of Life)
高
📁 算法/模拟
实现康威生命游戏的模拟器。要求：1. 使用Canvas绘制网格；2. 实现细胞繁衍和死亡的四条核心规则；3. 提供“开始/暂停”、“清除”、“随机初始化”按钮；4. 性能优化，支持较大的网格流畅运行。...
🎯
2048 小游戏
高
📁 交互游戏
生成一个完整的2048游戏。要求：1. 4x4网格，使用键盘方向键控制；2. 实现数字块的移动、合并逻辑（相同数字合并翻倍）；3. 每次移动后随机生成一个新的2或4；4. 包含移动动画效果和颜色区分（...
🥧
交互式饼状图生成器
高
📁 数据可视化
编写一个SVG饼状图生成器。要求：1. 用户可以输入一系列数值（逗号分隔）；2. JS自动计算角度并生成SVG路径（Path）绘制饼图；3. 不同的扇区填充不同颜色；4. 鼠标悬停在扇区上时显示具体的...
🧱
打砖块游戏 (Breakout)
高
📁 交互游戏
创建一个打砖块游戏。要求：1. Canvas渲染；2. 包含底部的挡板（鼠标或键盘控制）、反弹球、顶部的砖块阵列；3. 简单的物理碰撞检测（球反弹，砖块消失）；4. 掉落生命值扣除机制，砖块全部消除获...
🥁
虚拟鼓机 (Drum Machine)
高
📁 多媒体
创建一个基于Web Audio API（或HTML5 Audio）的虚拟鼓机。要求：1. 界面包含多个打击垫（如：底鼓、军鼓、镲片）；2. 点击打击垫或按下键盘特定按键时播放对应声音（使用Base64...
🌍
太阳系行星运行模拟
高
📁 动画效果
利用CSS3 3D变换或Canvas，模拟太阳系行星运行。要求：1. 太阳在中心发光；2. 至少包含地球、月球和火星；3. 行星要围绕太阳公转，月球围绕地球公转；4. 轨道速度要有差异，视觉效果具有科...