ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

Webブラウザで遊べるレースゲーム×5選

ゲームというとネイティブアプリで実装するイメージがありますが、HTML5になって各プラットフォームのブラウザが高性能化、高機能化しており、十分に遊べるレベルになってきています。さらにWebの場合はスマートフォンをコントローラとして、デスクトップブラウザと連携して遊ぶようなWebならではの使い方も登場しています。

今回はそんなゲームジャンルの中からレーシングに注目して各種紹介します。ソースコードが公開されていますので、コードを見つつ自分でレースゲームを開発するのにも役立てられるはずです。

stevehb/racecar @ GitHub

ncmb-racing-game01
今の時点ではFirefox向けで、iOS SafariやデスクトップのGoogle Chromeでは動きませんでした。WebGLはまだ各ブラウザの実装状態が異なるため、すべてに同じ体験を提供するのは苦労するかも知れません。なおソースコードは公開されています。

HexGL, the HTML5 futuristic racing game.

ncmb-racing-game02
WebGLを使ったレーシングゲームですが、モバイル対応とはなっているもののiOSのSafariでは動きませんでした。グラフィックスはかなり綺麗で作り込まれています。こちらもオープンソース・ソフトウェアなのでソースコードが閲覧できます。

banditracer.eu

ncmb-racing-game03
Canvasを使った2Dのゲームです。キーボード操作が必要なのでスマートフォン向きではありません。Canvasを使っているのでグラフィックスはシンプルで、その分カスタマイズしやすいかも知れません。

jakesgordon/javascript-racer

ncmb-racing-game04
こちらの記事で実際にレーシングゲームを作りながら紹介されています。その結果をオープンソースとして公開しています。レガシーなグラフィックスですが、きちんと遊べるレベルになっています。動作原理が分かりますので自分でのカスタマイズもしやすいのではないでしょうか。

JS Racing ver1.2

ncmb-racing-game05
WebGLを使ったレーシングゲームで、スマートフォンをコントローラにできるのが特徴です。スマートフォンでハンドルを切ったり、アクセルとブレーキの操作ができるようになっています。こちらもソースコードが公開されています


スマートフォンのWebブラウザでさくさく動くレベルはまだまだ難しいかも知れませんが、コントローラ代わりにするというのは面白いアイディアです。今後はUnityもHTML5向けにエクスポート対応するなど、Webブラウザもゲームを楽しむプラットフォームとして注目されていくでしょう。その時にはデスクトップだけでなく、スマートフォンも対象になるはずです。

ぜひゲームを試し、アプリのアイディアに活かしてください。

mBaaSでサーバー開発不要! | ニフティクラウド mobile backend