The Mozilla Foundation

Mozillaのスタッフや開発者向けのブログ「hacks.mozilla.org」において、FirefoxのエンジニアでHTML5エバンジェリストのPaul Rouget氏が、HTML5及びJavaScriptで開発したWebゲーム「BrowserQuest」(音量注意)を紹介している。

BrowserQuestは、MozillaとLittle Workshopによって開発されたマルチプレーヤー同時参加型アドベンチャーゲーム。Firefoxをはじめ、SafariやChromeなどHTML5/JavaScriptをサポートしている最新のWebブラウザ上で動作する。また、モバイル向けのFirefoxやSafariからアクセスすることでモバイルデバイスから遊ぶこともできるようになっている。

BrowserQuestの動作画面 - hacks.mozilla.orgより抜粋

ゲームは基本的にマウスのみで操作できるようになっている。また、マルチプレーヤー同時参加型ゲームであるためチャット機能が用意されており、プレーヤーはゲーム内でチャット機能を利用して会話もできる。

BrowserQuestは次のようなWeb技術によって開発されているという。

  • HTML5 Canvas - 2Dタイルベースのグラフィックエンジン。
  • Web workers - ホームページのUIを低下させることなく、世界地図を初期化できる。
  • localStorage - キャラクター情報は継続的にローカルに保存される。
  • CSS3 Media Queries - 多くのデバイスに対応できるようゲームのサイズを変更させる。
  • HTML5 audio - 敵の声(ねずみや骸骨など)を聞くことができる。

BrowserQuestはオープンソースで開発されており、ソースコードはGitHubに公開されている。また、サーバサイドのソースコードについてもGitHubより入手できる。

hacks.mozilla.orgはFirefoxの様々なトピックを扱っているサイトだが、今回のようにWeb技術を使ってブラウザ上で動作するゲームもよく紹介している。例えば、HTML5ベースのスペースシューティングゲームである「Just Spaceships!」や、オープンソースで開発されているLinuxレーシングゲームをHTML5に移植した「Trigger Rally」なども紹介している。