CSS is DOOMed (nielsleenheer.com)

Article summary

The article discusses a project where the game DOOM is built using CSS, with every wall, floor, and object rendered as a div element positioned in 3D space using CSS transforms. The game logic runs in JavaScript, but the rendering is entirely done in CSS. The project showcases the capabilities of modern CSS and its ability to handle complex tasks. The author explains the technical details of how the project works, including the use of custom properties, CSS functions, and animations.

Main themes

• CSS capabilities
• Web development
• Game development
• JavaScript and CSS interaction
• Web platform limitations
• Innovation and experimentation
• CSS as a programming language

What commenters say

• Some commenters argue that CSS is not the best tool for tasks like this and that a purpose-built language would be more suitable.
• Others see the flexibility and versatility of CSS as its strengths, even if it's not the most efficient tool for every task.
• There is a discussion about the potential for CSS to become a full-fledged programming language, with some commenters expressing concerns about the introduction of control flow and others appreciating its declarative nature.
• The project's use of JavaScript for game logic is seen as a limitation by some, who wonder if it would be possible to create a CSS-only version of DOOM.
• Some commenters are impressed by the project's performance and playability, while others experience issues with key mappings and browser compatibility.
• The project sparks a conversation about the boundaries of what can be achieved with CSS and the web platform, with some commenters joking about the possibility of running DOOM on unlikely devices.
• There is a mention of other projects that have pushed the limits of CSS, such as a CSS-only x86 CPU emulator, and the potential for future innovations in this area.