用 CSS 动画打造 Lemmings 物理世界

Lemmings CSS Animation

这是一个名为 Walker Playground 的趣味实验，展示了如何用纯 CSS 实现 Lemmings 风格的物理互动。你可以点击按钮添加角色，或者通过 __walker.add() 代码动态生成。这些角色不仅能被拖拽携带、弹射投掷，还会对窗口大小变化做出反应：快速调整窗口尺寸时，角色会因脚下的“地面”突然移动而被弹飞。页面中设置了楼梯、浮空平台、深坑、墙壁等多种障碍，甚至将文本行也变成了可踩踏的地板。有趣的是，文本虽然能作为落脚点，但角色可以穿过它，而边框、按钮和图片则是实体的墙壁。这种设计巧妙利用了 CSS 布局特性，让角色在文本重排时也能自然下落，避免卡在行间距中，底部还设有长条地板接住所有坠落者。