HTMLとCSSとJavaScriptでスマホアプリが開発できるFirefox OS。なんと、デスクトップ版やAndrod版のFirefoxでも、同じアプリが動作します(一部例外あり)。そこで、前回の「じつはパソコンでも楽しめる、Firefox OSアプリ ゲーム10選」に引き続き、第2弾をお届けします。
今回は、ちょっとスゴイ感じのゲームと、アプリ開発の参考になるソースコード付きカジュアルゲームを取り上げます。もともとは、自分の手持ちのゲームをFirefox OSに対応させるべく、いろいろ調べてみたメモを基にしています。
1.未来型ハイスピードレーシングゲーム Hex Race
https://marketplace.firefox.com/app/hexgl-1
F-ZEROシリーズやワイプアウトにインスパイヤーされたというレーシングゲーム。HTML5とWebGLで作られた、オープンソースのレースゲーム「HexGL」をFirefox OSに移植したものです。プレイするには、WebGLに対応している必要があります。
2.ファーストパーソンシューティング Blowback
https://marketplace.firefox.com/app/blowback
DoomやQuakeのような3Dファーストパーソンシューティングもありました。オンライン対戦も可能です。
3.リアルタイムOnline戦略ゲーム GE
https://marketplace.firefox.com/app/ge
クロスプラットフォーム開発のフレームワークであるApache Cordova Teamが開発した、リアルタイムOnline戦略ゲーム GE(Galactic Empires: 銀河帝国)。自分の惑星を足がかりに、周囲の星々を開拓して、銀河帝国の構築を目指せ!
4.知る人ぞ知る「コンウェイのライフゲーム」 Game of Life
https://marketplace.firefox.com/app/gameoflife
ちょっと重いものが続いたので、ここからは、気軽に遊べるゲームを紹介します。オープン性を特徴とするFirefox OSにふさわしい、ソースコードや解説記事が公開されているものばかり。
まずは、知る人ぞ知る「コンウェイのライフゲーム」。定番ですね。ソースコードも公開されています。セルオートマタで白黒つけようじゃないか!
5.横スクロール型シンプル宇宙船ゲーム キャプテン・ロジャース
https://marketplace.firefox.com/app/captain-rogers
日本語のスプラッシュスクリーンが目に優しい、横スクロール型宇宙船ゲーム。Flappy Birdのようなワンタッチ操作で、アステロイドを突破します。
ゲームエンジンに、impact.jsを採用しています。ライセンスは不明ですが、Githubでソースコードが公開されています。
6.竜の道を切り開け! 野性のクレイゲン Craigen
https://marketplace.firefox.com/app/craigen
こちらも、シンプル操作の横スクロールゲーム。野生の英雄クレイゲンを導いて、竜の道を切り開け。英語ですが、Firefox OSのゲーム開発解説が公開されています。こちらも、ゲームエンジンにimpact.jsを採用。
7.キャンディをキャッチする簡単なお仕事です Monster Wants Candy
https://marketplace.firefox.com/app/monster-wants-candy
とんでくるキャンディをタップでつかまえるゲームです。ゲームエンジンには、Phaserを採用しており、開発チュートリアルが公開されています。ライセンスは不明ですが、デモ版とそのソースコードが公開されています。
8.ボールを操作して迷路をぬける Cyber-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の関連チュートリアルの日本語版を個人的に公開していました。興味があれば参考にしてください。
- Phaserのはじめ方 HTML5/Javascript 2D ゲームエンジン
- Phaser/tutorial_01 Making your first Phaser gameをやってみた
- Phaser/tutorial_02 Phaserのゲームを改良してみた
- Phaser/original_01 オリジナルゲームを作ってみた
Moziila developer networkのゲーム開発情報
Firefox OSのゲーム開発については、MDN(Moziila developer network)でも情報が公開されています。スネークゲームからasm.jsまで、幅広いゲーム開発の情報があります。
- スネークゲーム serpent、ソースコード
- WebGLファーストパーソンシューティング bananabread、ソースコード
- WebGL/asm.js マルチプレイヤーOnlineアクションゲーム Monster Madness、デモ版
(デモ版をプレイするには、http://www.playverse.comの登録が必要)
というわけで、Firefox OSのゲームアプリ開発の役に立ちそうな、すごいゲームと、ソースコード/解説付きカジュアルゲームをご紹介しました。3Dやリアルタイムチャット機能を備えたすごいゲームもありますが、いっぽうで、ワンアイデアのカジュアルゲームもたくさんありますネ。
これらのゲームは、デスクトップ版Firefoxでも楽しめます(一部、WebGL対応が必要です)。ぜひ、Firefox OSの可能性を体感してみるとともに、モノづくり指向の人は、Firefox OSアプリの開発に気軽にチャレンジしてみては如何でしょうか。