原生 DOM 堆叠方块游戏 · 在线演示

演示了什么：这个 Demo 让你亲眼看到经典 Stack Game 的核心手感：移动方块停下后，只保留与上一层重叠的部分，偏出去的部分会掉落。它没有用 Three.js 或物理库，而是用 DOM、CSS 动画和少量几何计算复刻玩法。

关键实现：

1. js 里的 cutAndNext 用 delta / overlap 计算偏差与重叠宽度——这样裁切结果只取决于玩家点击时机，规则清晰且容易调试。
2. js 里的 project 把游戏坐标 x/z 投影到屏幕 left/top——逻辑仍是二维尺寸，视觉上却有接近等距视角的层叠感。
3. css 的 .fall 使用 transform 动画让废料下落——只改合成属性，不频繁改布局，移动端也更顺滑。

动手改一改：

1. 把 js 顶部 speed=2.7 改成 4，你会看到方块移动更快，点击容错明显降低。
2. 把 baseSize=3 改成 4，初始方块会变大，前几层更容易堆高。