WebAssemblyとOpenGLを使ったWebブラウザー上のSimCity

Micropolis in WebAssembly

概要

• Micropolis はもともと SimCity Classic をベースとしており、Maxis がデザインし、Will Wright が設計したゲーム。
• Don Hopkins が WebAssembly に移植したバージョン。
• 現在も開発中で、今後さらに多くの機能が追加される予定。

主な機能

• パンとズーム: マウス左ボタンのドラッグでパン、マウスホイールでズーム可能。
• キーボード操作: 矢印キーでパン、コンマキーとピリオドキーでズーム可能。
• 都市の読み込み: 文字キーを押してさまざまな都市を読み込み、Tab キーで都市を生成可能。
• 速度調整: 数字キーで速度を設定し、0 キーで一時停止可能。
• 税率調整: 大括弧キーで税率を調整可能。

追加情報

• GitHub: MicropolisCore
• YouTube: "MicropolisWeb Demo 1" および "Space Inventory Cellular Automata Music 1"
• 参考資料: Chaim Gingold の著書 "Building SimCity" と "SimCity Reverse Diagrams"

注意事項

• スペースバー: スペースバーを押すと Space Inventory が開くため注意が必要。

GN⁺の意見

• 興味深い点: オリジナルの SimCity Classic を Webブラウザーで楽しめる点が興味深い。
• 技術的挑戦: WebAssembly を使って複雑なシミュレーションゲームをWeb上で実装している点は技術的に挑戦的。
• ユーザー体験: 多様なキーボード操作とマウスインターフェースによってユーザー体験を向上させている。
• 開発中: まだ開発中のため、追加機能やイースターエッグに期待できる。
• 関連プロジェクト: 類似プロジェクトとしては OpenTTD のようなオープンソースのシミュレーションゲームがある。

[GN⁺]

Hacker Newsのコメント

• 古いゲームをWebに移植するのは楽しい。現代の多くのWebページよりも小さく、読み込みも速く、よく動くゲームが多い。
• 子どもの頃にSimCityを遊んだ記憶がある。ただ、今のブラウザではきちんと動いていないように見える。都市を読み込んで眺めることはできるが、自分で都市を建設できないのは奇妙だ。
• モバイルでSimCityは期待していなかったが、このページは実際にFirefoxをフリーズさせた。Androidでプロセスを終了しなければならなかった。ちなみに、自分がブラウザに移植した小さなゲームもある。EmscriptenとSDL2を使って簡単に動かせたが、スマートフォンで完全に遊べるようにするのに最も手間がかかった。
• RuneScapeクライアントをWebに移植した経験がある。Wasm、Typescript、WebGLを使用した。
• 操作が機能せず、ブラウザが何かを読み込み始めた途端にCPUファンが回り出す。暗号通貨マイナーではないかと疑ってしまう。もしそうでないなら、動かないものをなぜ公開するのか気になる。
• Micropolis Webデモ 1: Micropolisはブラウザベースのオープンソース版SimCityで、WebAssembly、WebGL、SvelteKitを使用している。初期バージョンはWebAssemblyシミュレータを動かし、タイルをWebGLでアニメーション表示するが、ユーザーインターフェースの大半はまだ開発中だ。
• MicropolisのWebサイトとGitHubリポジトリで、ソースコードとドキュメントを確認できる。
• Chaim Gingoldの著書 "Building SimCity" からさらに多くの情報を得られる。
• Spatial Inventory Cellular Automata Music 1: Micropolis Webの最初の動画には、Juho Hietala、Blamstrainによる音楽と、Don Hopkinsが手がけたSpatial Inventory Cellular Automataが含まれている。
• スペースバーを押したときに起こることに驚いた。見事なフラクタルが現れる。
• なぜほぼすべての街区に消防署があるのか気になる。
• LLMがこのようなゲームを即座に移植できるのか気になる。