1万6000個のチェックボックス要素で作られたDoom

Tue, 19 Oct 2021 00:00:00 +0000

HTMLのチェックボックス「だけ」をひたすら活用できるライブラリ Checkboxland を先週紹介しましたが、さっそくすごい応用サービスが登場しました。

Doom といえば、非力なレトロPC や関数電卓から、ATM やデジカメ、プリンターの液晶などCPUのあるところならどこでも移植されてきたゲームですが、今回は Checkboxland を使って、すべてチェックボックスで作られた Doom が遊べるようになっています。

ページ上部にあるように、カーソルキーの移動と Ctrlキーの射撃で遊べるのですが、青白の二色で解像度も160x100と低いため、敵が出てくるなど込み入った表示になると正直何が起こってるのか判別は難しくなります。Doom ファンならこれでもわかるのかもしれませんが。

左上には元の Doom 画面も表示されているので、どうにもならないときはそちらを見るしかないでしょう。

ブラウザ上で動く Doom は「WebAssembly で FizzBuzz から Doom までを作る」プロジェクトで作られているものを呼び出し、これが非表示の canvas 要素に描いたゲーム画面を MediaStream 経由でCheckboxland の動画描画機能に渡しています。

移植 on akky@サイボウズラボ・ブログ