HYPERHELL: 4D hra Doom na WebGPU

# Otevřený projekt HYPERHELL: 4D-bludiště ve stylu Doom na WebGPU

Otevřený projekt HYPERHELL nabízí 4D-bludiště v duchu klasického Doom. Demoverze se spouští v prohlížeči na zařízeních kompatibilních s WebGPU. Testování bylo potvrzeno na MacBook M1/M2 a Nvidia grafických kartách v Chrome. Hráč se pohybuje čtyřdimenzionálním prostorem, bojuje s démony, ztracenými dušemi a temnými anděly. Setkání s Obchodníkem umožňují vyměnit zdroje pro pokračování.

Vývojář použil rendering přes „4D oko“ – kameru s 3D senzorem podle mechaniky Unblink. To umožňuje vizualizovat 4D struktury bez tradičních projekcí.

Technická realizace 4D-renderingu

HYPERHELL používá WebGPU pro zpracování čtyřdimenzionální geometrie. Klíčový prvek je 4D kamera, která modeluje vnímání třetího rozměru v 4D prostoru. To se liší od standardních 3D projekcí, kde se ztrácí informace o vyšších dimenzích.

• Požadavky WebGPU: Kompatibilní prohlížeč (Chrome) a GPU (Nvidia, Apple Silicon M1/M2).
• 4D vizualizace: Mechanika „Unblink“ s 3D senzorem pro nativní zobrazení 4D objektů.
• Herní mechanika: Navigace hyperkrychlem, boje v reálném čase, výměna zdrojů.
• Otevřený kód: Dostupný na GitHub pro studium a úpravy.

Projekt je zaměřen na experimenty s hypergeometrií v reálném čase, což je aktuální pro middle/senior vývojáře v oblasti GPU renderingu.

Alternativa: cssDoom bez canvas a WebGL

Paralelně je představen cssDoom – port Doom na čistém CSS pro grafiku a JavaScript pro logiku. Absence canvas a WebGL ho činí unikátním pro demonstraci možností CSS v herním vývoji.

Etalonem slouží originální kód Doom. Projekt je licencován pod GPLv2, kód na GitHub. To je užitečné pro pochopení nízkourovňového kreslení bez hardwarového zrychlení.

• Grafika: CSS animace a transformace pro sprity a prostředí.
• Logika: Vanilla JavaScript, kompatibilní s jakýmkoli moderním prohlížečem.
• Výhody: Minimální závislosti, fokus na stylizaci přes CSS.
• Omezení: Výkon nižší než u WebGL analogů kvůli CPU renderingu.

Srovnání přístupů k retro střílečkám

HYPERHELL rozšiřuje Doom do 4D a zaměřuje se na WebGPU pro složité výpočty. cssDoom naopak omezuje na CSS/JS a obětuje výkon pro čistotu technologického stacku.

| Aspekt | HYPERHELL | cssDoom |

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

| Renderování | WebGPU, 4D | Pouze CSS |

| Závislosti | GPU | Prohlížeč |

| Složitost | Vysoká (4D geometrie) | Nízká (2.5D) |

| Licence | Open Source | GPLv2 |

Oba projekty demonstrují kreativní interpretace klasiky pro webový vývoj.

Co je důležité

• HYPERHELL zavádí 4D rendering přes WebGPU a mechaniku Unblink pro reálné vnímání hyperprostoru.
• Testováno na M1/M2 a Nvidia, demo dostupné online bez instalace.
• cssDoom realizuje Doom výhradně na CSS+JS, bez canvas/WebGL.
• Oba projekty jsou otevřené na GitHub, vhodné pro studium alternativních renderingů.
• Zaměření na výkon a minimalismus bez marketingových přehánění.

— Editorial Team