HYPERHELL：WebGPU 上的 4D Doom 游戏

# 开源项目 HYPERHELL：WebGPU 上的 Doom 风格 4D 迷宫

HYPERHELL 是一个开源项目，呈现了一个让人联想到经典 Doom 的 4D 迷宫。演示直接在支持 WebGPU 的浏览器和硬件上运行。在 MacBook M1/M2 和 Nvidia GPU 的 Chrome 上测试通过。玩家在四维空间中穿梭，与恶魔、迷失灵魂和黑暗天使战斗。遇到 Merchant 可以交易资源继续前行。

开发者采用“4D-eye”渲染技术——一种基于 Unblink 机制的配备 3D 传感器的相机，从而可视化 4D 结构，而无需传统投影。

4D 渲染的技术实现

HYPERHELL 利用 WebGPU 处理四维几何。核心是 4D 相机，它模拟在 4D 空间中感知第三维。这超越了标准 3D 投影，后者会丢失高维数据。

• WebGPU 要求： 支持的浏览器（Chrome）和 GPU（Nvidia、Apple Silicon M1/M2）。
• 4D 可视化： Unblink 机制结合 3D 传感器，原生渲染 4D 对象。
• 游戏机制： 穿越超立方体导航、实时战斗、资源交易。
• 开源代码： 在 GitHub 上提供，可供学习和修改。

该项目专注于实时超几何实验，非常适合中高级 GPU 渲染开发者。

替代方案：无需 Canvas 或 WebGL 的 cssDoom

同样值得一提的是 cssDoom——一个使用纯 CSS 处理图形、JavaScript 负责逻辑的 Doom 移植版。绕过 canvas 和 WebGL，充分展示了 CSS 在游戏开发中的潜力。

它忠实再现了原版 Doom 代码。采用 GPLv2 许可，源码在 GitHub 上。非常适合理解无硬件加速的底层渲染。

• 图形： CSS 动画和变换，用于精灵和环境。
• 逻辑： 原生 JavaScript，在任何现代浏览器中运行。
• 优势： 依赖极少，强调 CSS 样式。
• 局限性： 由于 CPU 渲染，性能低于 WebGL 对应实现。

复古射击游戏方法的比较

HYPERHELL 将 Doom 推进到 4D 领域，由 WebGPU 承担繁重计算。cssDoom 则坚持 CSS/JS，以纯净技术栈换取速度。

| 方面 | HYPERHELL | cssDoom |

|-------------|---------------|-----------|

| 渲染 | WebGPU, 4D | 纯 CSS |

| 依赖 | GPU | 浏览器 |

| 复杂度 | 高（4D 几何） | 低（2.5D）|

| 许可 | 开源 | GPLv2 |

两个项目都为 Web 开发带来了经典游戏的新颖演绎。

关键要点

• HYPERHELL 通过 WebGPU 和 Unblink 机制实现 4D 渲染，带来超空间的真实感知。
• 在 M1/M2 和 Nvidia 上测试通过；在线演示，无需安装。
• cssDoom 仅用 CSS+JS 重现 Doom，无需 canvas 或 WebGL。
• 两者源码均在 GitHub 上开放，完美适合探索替代渲染技术。
• 强调性能与极简主义，无营销炒作。

— Editorial Team