RIG·ARENA  装机竞技场
GitHub ↗
AI MODEL BENCHMARK

同一道题
不同大模型的 3D 装机答卷

把「做一个可交互的主机 3D 视图」这道开放式命题,分别交给多个大模型独立完成。在同一个舞台上,直观对比它们的空间理解、装配逻辑与产品化落地能力。

1
BENCHMARK TASK
3
MODEL RUNNERS
WebGL
THREE.JS · R3F

Benchmarks

// tasks / host-3d-view
NEW

主机 3D 视图

可交互的 PC 装机 3D 可视化:机箱、主板、CPU、显卡、内存、电源与风冷 / 水冷散热方案的空间装配演示。

Kimi K3 Cantus Qwen 3.8
Three.jsR3FWebGL
2026·07
进入项目 →
← 返回全部 Benchmark

主机 3D 视图

一道面向 3D 空间与产品化能力的开放式命题:在浏览器中构建一台可自由观察的台式主机,展示核心硬件的装配关系,并支持风冷 / 水冷等交互切换。下方可通过页签在三份不同模型的实现之间切换查看。

Three.js / WebGLReact Three Fiber交互式 3D2026-07

// 说明文档 · Task Brief

命题背景

「主机 3D 视图」要求模型在不依赖现成 3D 模型的前提下,用代码从零搭建一台结构合理的台式电脑,把机箱、主板、CPU、内存、显卡、SSD、电源与散热系统按真实装机关系摆放到位,并提供顺畅的浏览与交互体验。它同时考察空间建模、工程实现与产品审美三重能力。

核心要求
  • 还原主流中塔 ATX 机箱内部的核心硬件及其相对位置关系。
  • 支持轨道相机交互:左键旋转、滚轮缩放、右键平移。
  • 提供风冷(塔式)与水冷(一体式)两种散热方案的可视化切换。
  • 具备部件标注 / 悬停信息,帮助理解每个组件的作用。
  • 整体呈现具备产品化的界面质感,而非单纯的几何堆叠。
评测维度
空间还原硬件尺寸比例与装配位置是否合理
交互体验相机操作、拆解 / 爆炸、切换是否顺滑
工程质量渲染性能、代码组织与可维护性
产品完成度UI、信息层级与视觉细节的打磨
参赛实现(Runners)
K
Kimi K3
React · R3F · drei · three

「主机装机 · 3D 预览」。基于 React Three Fiber 的组件化装配演示,部件拆分清晰,附带标签说明。

C
Cantus
原生 Three.js · Vite

「主机装机 3D 查看器」。纯原生 Three.js 实现,侧边控制面板可切换散热方案、玻璃侧板与自动旋转。

Q
Qwen 3.8
React · R3F · Zustand · three

「装机透视台」。带状态管理的透视化装配台,强调爆炸拆解动画与工程感十足的界面读数。

在线体验

切换下方页签,即可在同一舞台内直接加载并操作每一份实现。也可点击「新标签打开」在独立窗口中全屏查看。

Kimi K3
Cantus
Qwen 3.8
当前实现:Kimi K3 · /k3
↗ 新标签打开
正在加载 3D 场景…