Googleのゲームコンテンツ「World Wide Maze」が面白い
この記事は約6分ぐらいで読めます
![World Wide Mazeロゴ](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
World Wide Maze
昨日GoogleがWebSocketとWebGLを駆使したゲームコンテンツ、World Wide Mazeを公開しました。
Googleは積極的にwebの先端技術を使った実験的なコンテンツを公開しており、今回はWebGLを用いた3Dグラフィックの描画、WebSocketを使ったスマートフォンとPCブラウザーの同期によって、スマートフォンをサブディスプレイ兼コントローラーにしてPC上の画面のゲームを遊べるようにするというものを作っています。
webベースでここまでの仕組みのゲームがプレイできるって、結構凄いですよね。ゲーム性やビジュアルとしては現時点では荒削りな感じですけど、これがそのうちしっかりとゲームとして作られたり、会員制のゲームプラットフォーム的なものが出来ていったりするんでしょうか。そう考えるとワクワクしますねー。
なんか見たことあるような…
こういう、webページを素材として3Dグラフィックを生成するのってなんか見たことありますね。
過去にFirefoxがバージョン11の時に実装したwebページの3D表示機能ですね★
この時はこの中を歩き回れたりしないかと思ったんですけど、Googleさんが実現してくれたので、記事にしないわけにはいかなくなったというわけですw
遊び方
![World Wide Mazeロゴ World Wide Mazeロゴ](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
World Wide Mazeロゴ
Chrome World Wide Mazeにアクセスします。
![読み込み画面の後のタイトル画面 読み込み画面の後のタイトル画面](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
読み込み画面の後のタイトル画面
WebGLを使っているので対応ブラウザでしか見ることができません。まあとりあえずここはChromeの最新版使いましょう!
![しっかり手順が説明されます しっかり手順が説明されます](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
しっかり手順が説明されます
![スマートフォンとPCの同期はいくつか方法がある スマートフォンとPCの同期はいくつか方法がある](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
スマートフォンとPCの同期はいくつか方法がある
とりあえず直接入力でhttp://g.co/maze/
にスマートフォンでアクセスし、PCに表示させて番号を入力する形が一番早いかなと思います。回線が途切れるとここからやり直しです…。
遊んでみた感じ
![遊び方が表示される。画面回転はオフに](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
遊び方が表示される。画面回転はオフに
基本的には左側のPowerを押しながらスマートフォンを傾けることで移動します。
右側のJumpは、押すと大体死にます…w
![背景と同色の部分が消え、足場になる様子 背景と同色の部分が消え、足場になる様子](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
背景と同色の部分が消え、足場になる様子
![落ちるとはじけ飛んで死ぬ 落ちるとはじけ飛んで死ぬ](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
落ちるとはじけ飛んで死ぬ
わりと難しいです。離れたオブジェクト同士は緑の足場と赤のエレベーターで繋がれますが、この辺法則はわからなかったです。
![ゴールが近づいてきた ゴールが近づいてきた](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
ゴールが近づいてきた
![クリアー。昇天します](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
クリアー。昇天します
![結果発表。累積点数もある 結果発表。累積点数もある](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
結果発表。累積点数もある
せっかくなので自サイトで
このオブジェクトの変換具合を見ると、これは多分HTML5KARUTAでやると面白いステージになるんじゃないかと思いました。
早速実践。検索結果みたいな画面から選ぶんですが、URLの直指定はできなそうです。
![どうですかこのラスボス感](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
どうですかこのラスボス感
思った通りの迫力あるステージが出てきましたww
このゲーム、コインがステージ上に落ちているんですが、さすがに放射状の先端にコインがあるとかそういう仕組みはないみたいですww
![結構難しそうなステージに仕上がってます 結構難しそうなステージに仕上がってます](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
結構難しそうなステージに仕上がってます
![スマートフォン側で見た俯瞰画像](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
スマートフォン側で見た俯瞰画像
せっかくなのでJumpを駆使してクリアしましたけど、結構無慈悲に死にますw
終わりに
もう遊んでみましたか?まあなかなかおもしろいと思うんですけど、ゲームバランスについてもうちょっと詰めたりしないといけないかなーとは感じますねw
もちろんこれはGoogleがどんなことを出来るかということを提示してくれている段階ですからね。こういうのを見て我々もやってみようと技術者が考えるのが狙いのものだと思います。
とりあえず、週末ですので皆さんも好きなサイトをステージにして遊んでみてはいかがでしょうか★