TASK 10 / HTML · V1 · 创作工具

像素画编辑器

Pixel-Art Editor

4 个运行 · 10.A.01 · HTML

对比作品 →
TASK 10 · 10.A.01 · HTML像素画编辑器
独立打开 ↗
像素画编辑器

预览说明: 浏览器沙箱可能限制内嵌页面的本地存储与下载;需要完整行为请用「独立打开」。

ORIGINAL PROMPT

原始需求

PROMPT/Phase1_TEST_PROMPTS_BILINGUAL.md · 逐字保留原始需求,未做改写

来源 ↗
ORIGINAL PROMPT

原始需求

Build a small pixel-art editor.
It should support:
drawing,
erasing,
color selection,
brush size,
undo/redo,
zoom,
and exporting the result as PNG.
中文译文 / TRANSLATION

中文译文

构建一个小型像素画编辑器。它应支持绘制、擦除、颜色选择、画笔大小、撤销/重做、缩放以及将结果导出为 PNG。

理论成果

应交付一个轻量但完整可用的像素画编辑器。编辑区应基于离散像素网格,绘制和擦除精确作用于逻辑像素;用户可选择颜色与画笔大小,连续拖动不应产生非预期断点。撤销和重做应按操作恢复完整画布状态,并正确处理新分支操作。缩放必须保持最近邻硬边效果,不改变底层作品数据。PNG 导出应生成有效文件,尺寸和透明通道符合界面设定,且导出的图像不包含编辑网格或光标叠加层。

后补验收建议

  • 逐像素核对单击、慢速拖动、快速拖动、不同笔刷尺寸及边界处绘制的颜色和覆盖范围。
  • 检查擦除结果为透明像素而非白色;切换颜色后只影响后续笔画,不回溯修改已有像素。
  • 执行多步绘制—撤销—重做—撤销后新绘制,确认历史顺序正确且新分支会清空重做栈。
  • 多级缩放后检查边缘无平滑模糊、画布数据不变;导出 PNG 并核对签名、宽高、像素颜色、alpha 和放大规则。
THREE INTERPRETATIONS

同一题目的三种模型解释

三个结果使用同样的宽度、同样的预览比例,不标注「最佳模型」。

COMPARISON METRICS

执行对比

跨模型比较需注明 harness、预算与隔离差异。

指标DeepSeek-V4.1-Flashrun-deepseek-v4-1-flash-exp-0910-task-10-r1Muse Spark 1.3run-muse-spark-1-3-task-10-r1GPT-5.6 Solrun-gpt-5-6-sol-task-10-r1K3run-k3-task-10-r1
运行时间7:170:466:146:23
API 调用34779
工具调用40668
失败 / 重试2001
Token 过路量179.4万9.4万22.1万33.7万
AI 评价91/10093/10091/10094/100
RUN RECORDS

运行档案

同一任务版本下的两次运行可并排比较。

10.A.01 · run-deepseek-v4-1-flash-exp-0910-task-10-r1DeepSeek-V4.1-Flash● 已归档
运行时间
7:17
Token 过路量
179.4万
API 调用
34
查看档案记录 →
10.B.01 · run-muse-spark-1-3-task-10-r1Muse Spark 1.3● 已归档
运行时间
0:46
Token 过路量
9.4万
API 调用
7
查看档案记录 →
10.C.01 · run-gpt-5-6-sol-task-10-r1GPT-5.6 Sol● 已归档
运行时间
6:14
Token 过路量
22.1万
API 调用
7
查看档案记录 →
10.D.01 · run-k3-task-10-r1K3● 已归档
运行时间
6:23
Token 过路量
33.7万
API 调用
9
查看档案记录 →
RELATED TASKS

相关任务

查看全部任务 →