さらにスゴい! じつはパソコンでも楽しめる、Firefox アプリ ゲーム開発編 #fxos

foxsuke

HTMLとCSSとJavaScriptでスマホアプリが開発できるFirefox OS。なんと、デスクトップ版やAndrod版のFirefoxでも、同じアプリが動作します(一部例外あり)。そこで、前回の「じつはパソコンでも楽しめる、Firefox OSアプリ ゲーム10選」に引き続き、第2弾をお届けします。

今回は、ちょっとスゴイ感じのゲームと、アプリ開発の参考になるソースコード付きカジュアルゲームを取り上げます。もともとは、自分の手持ちのゲームをFirefox OSに対応させるべく、いろいろ調べてみたメモを基にしています。

1.未来型ハイスピードレーシングゲーム Hex Race

hx_race
https://marketplace.firefox.com/app/hexgl-1

F-ZEROシリーズやワイプアウトにインスパイヤーされたというレーシングゲーム。HTML5とWebGLで作られた、オープンソースのレースゲーム「HexGL」をFirefox OSに移植したものです。プレイするには、WebGLに対応している必要があります。

2.ファーストパーソンシューティング Blowback

fps
https://marketplace.firefox.com/app/blowback

DoomやQuakeのような3Dファーストパーソンシューティングもありました。オンライン対戦も可能です。

3.リアルタイムOnline戦略ゲーム GE

ge
https://marketplace.firefox.com/app/ge

クロスプラットフォーム開発のフレームワークであるApache Cordova Teamが開発した、リアルタイムOnline戦略ゲーム GE(Galactic Empires: 銀河帝国)。自分の惑星を足がかりに、周囲の星々を開拓して、銀河帝国の構築を目指せ!

4.知る人ぞ知る「コンウェイのライフゲーム」 Game of Life

life_game
https://marketplace.firefox.com/app/gameoflife

ちょっと重いものが続いたので、ここからは、気軽に遊べるゲームを紹介します。オープン性を特徴とするFirefox OSにふさわしい、ソースコードや解説記事が公開されているものばかり。

まずは、知る人ぞ知る「コンウェイのライフゲーム」。定番ですね。ソースコードも公開されています。セルオートマタで白黒つけようじゃないか!

5.横スクロール型シンプル宇宙船ゲーム キャプテン・ロジャース

roger
https://marketplace.firefox.com/app/captain-rogers

日本語のスプラッシュスクリーンが目に優しい、横スクロール型宇宙船ゲーム。Flappy Birdのようなワンタッチ操作で、アステロイドを突破します。

ゲームエンジンに、impact.jsを採用しています。ライセンスは不明ですが、Githubでソースコードが公開されています。

6.竜の道を切り開け! 野性のクレイゲン Craigen

craigen
https://marketplace.firefox.com/app/craigen

こちらも、シンプル操作の横スクロールゲーム。野生の英雄クレイゲンを導いて、竜の道を切り開け。英語ですが、Firefox OSのゲーム開発解説が公開されています。こちらも、ゲームエンジンにimpact.jsを採用。

7.キャンディをキャッチする簡単なお仕事です Monster Wants Candy

monster_candy
https://marketplace.firefox.com/app/monster-wants-candy

とんでくるキャンディをタップでつかまえるゲームです。ゲームエンジンには、Phaserを採用しており、開発チュートリアルが公開されています。ライセンスは不明ですが、デモ版とそのソースコードが公開されています。

8.ボールを操作して迷路をぬける Cyber-Orb

orb

MDN(Mozilla developer network)で公開されているゲーム開発の解説記事「Introduction to HTML5 Game Development with Phaser and the Device Orientation API」でも、サンプルゲーム Cyber-Orbソースコードが公開されています。こちらもゲームエンジンには、Phaserを採用しています。

じつは、キャプテン・ロジャースからCyber-Orbまで、4つのゲームは、EnclaveGamesが開発しています。EnclaveGamesは、独立系のゲームデベロッパーで、多数のゲームと解説記事を公開しています。

HTML5/JavaScriptゲームエンジンPhaserについて

HTML5/JavaScriptゲームエンジンPhaserは、まだまだ日本語情報が少ないのですが、たまたま何ヶ月か前に、Phaserの関連チュートリアルの日本語版を個人的に公開していました。興味があれば参考にしてください。

Moziila developer networkのゲーム開発情報

Firefox OSのゲーム開発については、MDN(Moziila developer network)でも情報が公開されています。スネークゲームからasm.jsまで、幅広いゲーム開発の情報があります。


というわけで、Firefox OSのゲームアプリ開発の役に立ちそうな、すごいゲームと、ソースコード/解説付きカジュアルゲームをご紹介しました。3Dやリアルタイムチャット機能を備えたすごいゲームもありますが、いっぽうで、ワンアイデアのカジュアルゲームもたくさんありますネ。

これらのゲームは、デスクトップ版Firefoxでも楽しめます(一部、WebGL対応が必要です)。ぜひ、Firefox OSの可能性を体感してみるとともに、モノづくり指向の人は、Firefox OSアプリの開発に気軽にチャレンジしてみては如何でしょうか。