{
"case_id": "B2",
"case_name": "规则自变的台球",
"prompt": "设计一款\"规则会自己改变\"的台球游戏，要求：\n1. 3D台球基础玩法\n2. 每进一球，触发随机规则变化：\n - 重力反转（球往上飞）\n - 台面倾斜（球自动滚动）\n - 球的大小随机变化\n - 出现隐形障碍物\n3. 屏幕提示当前规则\n4. 使用Three.js，单文件HTML",
"result": {
"success": true,
"content": "这是一个基于 **Three.js** (渲染) 和 **Cannon-es** (物理引擎) 的单文件 HTML 3D 台球游戏。\n\n### 游戏特色：\n1. **混沌物理**：每进一球，物理规则重置。\n2. **操作方式**：\n * **按住鼠标左键** 并在屏幕上拖动来蓄力（会出现瞄准线）。\n * **松开鼠标** 击球（白球）。\n * **旋转视角**：按住鼠标右键拖动。\n3. **包含规则**：\n * **重力反转**：球会飞向天花板（天花板有隐形碰撞体）。\n * **台面倾斜**：重力方向改变，球会自动滚向一边。\n * **尺寸错乱**：所有球的大小随机缩放（物理碰撞体也会变）。\n * **隐形迷宫**：台面上随机生成看不见的障碍物。\n\n### 代码文件\n你可以直接将以下代码保存为 `.html` 文件并在浏览器中打开。\n\n```html\n\n\n\n \n 混沌台球：规则随你变\n \n \n \n\n\n\n\n左键拖拽击球 | 右键旋转视角
\n\n\n\n\n```\n\n### 玩法说明：\n\n1. **初始化**：游戏开始时是标准的物理规则。\n2. **击球**：\n * 将鼠标移动到白球上，**按住鼠标左键**。\n * 像拉弹弓一样向后拖动鼠标（会出现一条白线指示击球方向和力度）。\n * **松开左键** 发射白球。\n3. **触发混乱**：\n * 只要有**彩色球**掉出台面（因为没有做复杂的球袋模型，只要球掉落到台面下方即视为进球），屏幕上方的规则提示就会改变。\n * **Gravity Invert (重力反转)**：球会全部飘起来，贴在隐形的天花板上。你需要在这个状态下尝试击球（虽然很难控制）。\n * **Tilt (倾斜)**：台面会向左或向右倾斜，球会自动滚动，你需要预判偏移量。\n * **Random Size (尺寸错乱)**：有的球变大，有的变小，物理碰撞体积也会随之改变，导致击球线路完全不可预测。\n * **Invisible Walls (隐形障碍)**：台面上会出现几个看不见的立方体，球碰到空气会反弹。\n\n### 技术实现细节：\n\n* **单文件结构**：所有 CSS、HTML 和 JS (ES Modules) 都在一个文件中，通过 CDN 动态加载 Three.js 和 Cannon-es。\n* **物理同步**：每一帧 `world.step` 后，将 Cannon body 的位置和旋转复制给 Three.js 的 Mesh。\n* **状态管理**：`triggerRandomRule` 函数负责清理上一轮的混乱状态（如删除隐形墙、重置重力），然后应用新的随机规则。\n* **简化碰撞**：为了保证单文件代码简洁，没有使用复杂的 CSG 挖洞，而是通过检测球的 Y 坐标是否低于阈值来判定\"进球\"。",
"model": "gemini-3-pro-preview",
"usage": {
"prompt_tokens": 122,
"completion_tokens": 8217,
"total_tokens": 8339
},
"timestamp": "2025-11-19 13:26:51"
},
"needs_screenshot": true,
"needs_manual_test": true
}