解环闯关

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

重建一个名为“解环闯关”的简洁 3D WebGL 解环益智游戏。使用 Three.js 风格的透视 3D 场景：深色近黑背景，宽大的深灰色方形地面位于 y=-2.5，中心是一根水平放置、约 14 个单位长的深灰圆柱杆，杆的两端各有一根向下支撑到地面的深灰色圆柱支架。相机从杆的正前方略高处观看（初始位置约为 (0,5,14)，看向原点），提供带阻尼的鼠标 OrbitControls，可旋转查看场景并缩放，但拖动环时暂时禁用镜头控制。使用柔和环境光和右上方方向光，物体有基础高光和阴影质感。

杆上套着若干垂直于杆轴的粗环（Torus）：环的孔沿 X 轴，环中心初始位于 y=0,z=0，环半径约 1.3、管半径约 0.13。环沿水平杆排列，颜色按顺序循环为浅灰、淡紫/蓝、淡红、淡绿、淡黄。玩家用鼠标/触控指针点击一个环并拖动它；射线拾取环，并把拖动位置投影到 y=0 平面，因此主要沿水平 X 轴移动。拖动时将环限制在 x=-6.3 到 6.3，并强制它与其它仍在杆上的环保持至少 2.7 单位的中心距离，不能穿过或互相超越；如果靠近其它环，就把它推到该环外侧。拖动结束时，任何 x>5.2 的环都从场景和当前环列表中移除，代表已从杆右端滑出。目标是逐个解开并拖出所有环；当环列表为空时显示居中的半透明黑色提示框，白色文字“关卡 N 完成！<br>点击“下一关”继续”。

包含 5 个可循环关卡，左上角显示白色中文“关卡 N / 5”，按钮“重置”和“下一关”。重置隐藏完成提示并重新加载当前关卡；下一关隐藏提示并加载下一个关卡，最后一关之后循环回第一关。关卡布局必须使用这些初始数量和 X 坐标：第 1 关 2 个环 [-2, 1]；第 2 关 3 个环 [-3, -0.5, 1.5]；第 3 关 4 个环 [-4, -2, 0, 2]；第 4 关 3 个环 [-2.5, 0, 2.5]；第 5 关 5 个环 [-5, -3, -1, 1, 3]。所有环初始 y、z 都为 0。UI 放在画布上方：左上角白字带阴影，按钮为深灰底、灰色边框、白字；底部左侧显示灰色小字说明“点击环并向右拖动滑出，避免碰到其他环，全部移出即通关”。完成提示居中、带圆角和较大的内边距。整个画面保持极简、低照度、无额外敌人、计分、生命或动画，只通过拖拽解环和关卡按钮推进。