返回赛题列表
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
GPT 5.4 (XHigh Thinking)
OpenAI · Codex Cli