【やじうまPC Watch】CSSだけで描画、仕様の限界に挑む「DOOM」ブラウザ版
2026年3月30日 15:11
🤖 AI Summary
【やじうまPC Watch】CSSだけで描画、限界に挑む「DOOM」ブラウザ版
ソフトウェア開発者のNiels Leenheer氏が、「DOOM」を完全にCSSで描画するプロジェクト「cssDOOM」を開発し、「cssdoom.wtf」で実際のプレイが可能となった。Leenheer氏は以前にもゲームの移植に取り組み、その経験が今回の開発にも影響している。
cssDOOMでは、ゲームロジックはJavaScript、描画はCSSで処理される。3D空間を表現するためにdivコンテナを使用し、transformプロパティを利用して配置する。3Dの視覚効果はカメラの概念がないうえ、大量の要素を処理するため、ブラウザでのクラッシュやテクスチャ消失などの問題が発生している。
開発の目的はWebブラウザとモダンCSSの限界を探索すること。詳細なバグについては後日報告される予定だという。
ソフトウェア開発者のNiels Leenheer氏が、「DOOM」を完全にCSSで描画するプロジェクト「cssDOOM」を開発し、「cssdoom.wtf」で実際のプレイが可能となった。Leenheer氏は以前にもゲームの移植に取り組み、その経験が今回の開発にも影響している。
cssDOOMでは、ゲームロジックはJavaScript、描画はCSSで処理される。3D空間を表現するためにdivコンテナを使用し、transformプロパティを利用して配置する。3Dの視覚効果はカメラの概念がないうえ、大量の要素を処理するため、ブラウザでのクラッシュやテクスチャ消失などの問題が発生している。
開発の目的はWebブラウザとモダンCSSの限界を探索すること。詳細なバグについては後日報告される予定だという。