GAME · Vite + three
简易重力与 AABB 堆叠Simple gravity AABB stacks
不用物理引擎:重力速度、地面与盒子 AABB 反弹,可鼠标点击生成新盒子。
旗舰完整演示
可交互场景(拖拽旋转;部分演示支持键盘)。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite:点击生成盒子落下并堆叠,数量上限防卡顿。
适合用在哪
理解碰撞迭代、堆箱子小游戏、教学演示。
容易踩的坑
- 多盒子堆叠时单次分离可能穿透,迭代 2-3 次更稳。
提示词 · Prompt
Vite + Three.js 简易物理(无 cannon.js):
1) 每个物体 { mesh, velocity, halfExtents };
2) 每帧施加重力,更新 position,与地面 y=0 及彼此 AABB 分离修正;
3) 点击随机 x 生成新 Box 从 y=10 落下;
4) 最多 40 个,超出移除最早;
5) 注释分离轴思路与局限性;
6) OrbitControls 旁观。
完整实现。
Vite custom AABB gravity stacking, click to spawn boxes, cap count, no physics lib.