ライトセーバーを使いこなそう!GoogleがスターウォーズとコラボしたWebサイトを公開
2015年12月17日
本日は、いま、さまざまなところで話題になっていて、Webメディアでも毎日のように関連ニュースを目にするスターウォーズ関連のネタをご紹介します。
いよいよ、明日、12月18日に日本での公開を控えたスターウォーズの最新作ですが、公開に先駆けてGoogleが面白いコンテンツを公開していました。「ライトセーバー エスケープ」というゲームコンテンツで、ライトセーバーを使って攻撃を跳ね返すゲームです。
まずはPCブラウザでアクセスしてみてください。そこに表示されたURLにスマートフォンからアクセスすることで、ゲーム開始の準備が整います。
PC画面の指示に従って、スマートフォン側で操作を進めていきましょう。
ライトセーバーの準備ができたら、あとはスマートフォンをライトセーバーのごとく動かし、ストームトルーパーの攻撃を跳ね返して倒していきましょう!
PCでもWebブラウザ、スマートフォンでもWebブラウザしか使っていませんので、このゲームにはWeb技術が使われていることが分かりますね。スマートフォントの連携にはWeb Socket、スマートフォンの動きを感知するためにはDevice Orientation APIなどが使われています。スマートフォンのネイティブアプリでなく、Webアプリとしてこれだけのゲームが作れてしまうんですね。
ちなみに、いま、手元にPCとスマートフォンがない方は、どのようなゲームが楽しめるか、まずは動画だけでもチェックしてみてください。
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。