HTML can't run Doom But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every... Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.show more

It's so fucking impressive what people do it with a 33 year old game. One day someone will run crysis in doom. Mark my words. Might be another 50 years but it will happen.

Yes internet is fun again. The future is bright.

Sooo... emscripten? Then you get a DOM inside your DOM, so you can DOM while you DOM.

@codexeditor ok so now we need to run doom inside VR inside doom inside VR

❌ "Can *it* run Doom?" ✅ "Can Doom run *it*?"

This is what the world needed. Thank you for your service

Damned I was gonna do that tomorrow 😂 nice job 👏👏

I sensed I should get in there quickly! It was inevitable 😂 Would love to see other approaches for this though. My one is pretty hacky, reused an existing texture (you can see the form texture duplicated if you head up the stairs to the left!) Interested to see how this could benefit browser-based games in general too

but can you run a canvas in it and run doom inside doom?

Yeah but can I run a C64 emulator inside of it?

> HTML can't run Doom @rebane2001, can it with CSS?

Omg whyyyy 😂

Had to be done! 😄

@codexeditor This explanation helped me understand what "html-in-canvas" is actually doing. Neat demonstration!

customer support: "please shoot at the form" 😂

👀

Wild

noting this down

Doom 3 demake with the interactive panels when?

so, what are going to be the pratical applications in this? in game interfaces that actually require internet access to function? imagine not being able to open a door becaus the game's servers shut down and they used HMTL canvas for all the screens in the game

This demo isn’t very practical at all! More of a proof of concept But I can see it being useful as a layout system for simple web game interfaces. HTML/CSS is a very powerful tool for layout And it doesn’t necessarily need an internet connection to function, but is also a very cool way of building more expressive websites

HTML can't run Doom? 🤖 Hop back for this HTML magic inside Doom!

On a CPU where a single bit triggers hardware etched Doom a single bit can run Doom.

that's cool, this genuinely made me let out a joyful chortle :-D

I wonder if it’s possible to vibecode a web browser

If it doesnt run on Firefox, that HTML CAN'T RUN DOOM!

How hellish!

Ok, when someone gonna make Running bad apple inside html inside doom?

Welcome to virtual computing in world

Was willst du?

Love this! Nice work

folks will either run doom on anything or run anything in doom 🙏 great shit tho!

@merr1k HTML in DOM? HTML in DOOM!

Ridiculous

Your web developers were so preoccupied with whether or not HTML could run Doom, they didn't stop to think if Doom could run HTML.

singularity