cssDOOM：开发者用纯 CSS 3D 变换渲染 Doom——网页样式语言的绝对极限

项目

开发者 Niels Leenheer 创建了 cssDOOM——完全使用 CSS（层叠样式表）渲染的经典 FPS 游戏 Doom。既令人印象深刻又荒诞。

工作原理

方法

使用 CSS 3D 变换创建伪 3D 环境、用 CSS 盒模型属性渲染墙壁/地板/天花板、CSS 动画和变换驱动移动和透视、无 JavaScript 渲染——纯 CSS。

结果

可玩：可以在类 Doom 环境中移动。复杂：代码超出 CSS 应有范围。令人印象深刻：无可否认是创意工程壮举。

为什么重要

浏览器引擎测试

Leenheer 是 HTML5Test（最广泛使用的浏览器兼容性测试工具）的创建者。cssDOOM 这类项目作为浏览器 CSS 引擎的极限压力测试。

HN 反响

项目迅速登上 HN 首页（366 分），讨论这是否代表 CSS 能力的合法使用、网络技术的滥用、令人印象深刻的工程实力、还是 CSS 过于强大的标志。

技术意义

CSS 3D 变换原本用于简单动画和 UI 效果。能渲染可玩的 FPS 游戏证明：现代浏览器引擎极其强大、CSS 规范远超样式化、"样式表"与"渲染引擎"的界限已模糊。

来源：Niels Leenheer 博客