返回赛题列表

3D 魔方模拟器

挑战

构建 3D 魔方模拟器——从纯 CSS 3D 到允许外部库再到 PRD 自主选型的三阶段挑战,考察 3D 空间理解、旋转矩阵逻辑和工程技术选型判断力。原题参照 https://linux.do/t/topic/286836

规则说明

模型需要生成一个单文件 HTML(内联 CSS + 原生 JS),不得使用 JSX 或任何需要编译的语法。

phase1:禁止使用外部库,纯 CSS 3D Transforms 实现
phase2:允许使用外部库(如 Three.js 等,通过 CDN 引入)
phase3 step1:在新的对话窗口,要求模型自行撰写 PRD(不限制是否使用外部库,让模型自行决定技术选型)
phase3 step2:在同一个对话窗口,要求模型根据自己生成的 PRD 输出 HTML 文件

Prompt
phase1:
做一个单文件 HTML 的 3x3 魔方模拟器,使用 CSS 3D Transforms 实现,不要使用 Three.js。
phase2:
做一个单文件 HTML 的 3x3 魔方模拟器,可以使用 Three.js 等外部库(通过 CDN 引入)。
phase3(2 steps)
phase3 step1:
以下是一个设计需求: "制作一个单文件 HTML 的 3x3 魔方模拟器。" 请你根据这个需求,撰写一份详细的产品需求文档(PRD),不要写代码,只输出 PRD。
phase3 step2:
根据你自己的 PRD 文档,请输出完整的单文件 HTML(包含内联 CSS 和 JS)。要求完美还原 PRD 中描述的所有功能与视觉设计。

Claude Opus 4.6 Extended Thinking

Anthropic · Claude.ai Web

纯 CSS 3D
1 次迭代2026-04-06
允许外部库
1 次迭代2026-04-06
PRD 驱动
2 次迭代2026-04-06

GPT 5.4 (XHigh Thinking)

OpenAI · Codex Cli

纯 CSS 3D
1 次迭代2026-04-06
允许外部库
1 次迭代2026-04-06
PRD 驱动
2 次迭代2026-04-06

Step 3.5 Flash

StepFun · Swiftrouter

纯 CSS 3D
1 次迭代2026-05-06
允许外部库
1 次迭代2026-05-06
PRD 驱动
2 次迭代2026-05-06

Mimo V2.5 Pro

Xiaomi · Xiaomi Mimo Token Plan API

纯 CSS 3D
1 次迭代2026-05-06
允许外部库
1 次迭代2026-05-06
PRD 驱动暂无