HYPERHELL: WebGPU에서 즐기는 4D Doom 게임

# 오픈소스 프로젝트 HYPERHELL: WebGPU 기반 Doom 스타일 4D 미로

HYPERHELL은 고전 Doom을 연상시키는 4D 미로를 특징으로 하는 오픈소스 프로젝트입니다. 데모는 WebGPU 호환 하드웨어에서 브라우저에서 직접 실행됩니다. MacBook M1/M2와 Chrome의 Nvidia GPU에서 테스트를 확인했습니다. 플레이어는 4차원 공간을 탐험하며 악마, 방황하는 영혼, 암흑 천사들과 전투합니다. Merchant와의 만남에서 자원을 거래해 계속 진행할 수 있습니다.

개발자는 Unblink 메커니즘을 기반으로 한 3D 센서가 있는 카메라인 '4D-eye' 렌더링을 사용합니다. 이는 전통적인 투영 없이 4D 구조를 시각화합니다.

4D 렌더링의 기술적 구현

HYPERHELL은 WebGPU를 활용해 4차원 기하학을 처리합니다. 핵심은 4D 공간 내에서 3차원을 인지하는 것을 시뮬레이션하는 4D 카메라입니다. 이는 고차원 데이터 손실이 있는 표준 3D 투영을 넘어섭니다.

• WebGPU 요구사항: 호환 브라우저(Chrome)와 GPU(Nvidia, Apple Silicon M1/M2).
• 4D 시각화: 4D 객체의 네이티브 렌더링을 위한 3D 센서와 Unblink 메커니즘.
• 게임 메커니즘: 하이퍼큐브 탐험, 실시간 전투, 자원 거래.
• 오픈소스 코드: GitHub에서 학습 및 수정 가능.

이 프로젝트는 실시간 하이퍼기하학 실험을 목표로 하며, 중고급 GPU 렌더링 개발자에게 이상적입니다.

대안: Canvas나 WebGL 없이 cssDoom

또한 cssDoom이 소개되는데, 이는 그래픽에 순수 CSS, 로직에 JavaScript를 사용하는 Doom 포트입니다. Canvas와 WebGL을 생략해 게임 개발에서 CSS의 힘을 보여주는 탁월한 데모입니다.

원본 Doom 코드를 충실히 재현합니다. GPLv2 라이선스이며, 소스는 GitHub에 있습니다. 하드웨어 가속 없이 저수준 렌더링을 이해하기 좋습니다.

• 그래픽: 스프라이트와 환경을 위한 CSS 애니메이션과 변환.
• 로직: Vanilla JavaScript, 모든 현대 브라우저에서 작동.
• 장점: 최소 의존성, CSS 스타일링 강조.
• 단점: CPU 렌더링으로 인해 WebGL 버전보다 낮은 성능.

레트로 슈터 접근 방식 비교

HYPERHELL은 WebGPU가 무거운 계산을 처리하며 Doom을 4D로 확장합니다. cssDoom은 CSS/JS에 충실하며, 순수 기술 스택을 위해 속도를 희생합니다.

| 측면 | HYPERHELL | cssDoom |

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

| 렌더링 | WebGPU, 4D | 순수 CSS |

| 의존성 | GPU | 브라우저 |

| 복잡도 | 높음 (4D 기하학) | 낮음 (2.5D) |

| 라이선스 | 오픈소스 | GPLv2 |

두 프로젝트 모두 웹 개발을 위한 클래식 게임의 신선한 변형을 제공합니다.

주요 요점

• HYPERHELL은 WebGPU와 Unblink 메커니즘을 통해 초공간의 진정한 인식을 위한 4D 렌더링을 가져옵니다.
• M1/M2와 Nvidia에서 테스트됨; 온라인 데모 실행, 설치 불필요.
• cssDoom은 CSS+JS만으로 Doom 재현, Canvas나 WebGL 없음.
• 둘 다 GitHub에서 오픈, 대안 렌더링 기술 탐구에 완벽.
• 성능과 미니멀리즘 강조, 마케팅 과대 광고 없음.

— Editorial Team