Web関連

HTML5の最新技術を知ろう!~その2~

0

html5の技術を使ったトレンドを紹介させてもらいます。

今回紹介するのは、前回紹介したhtml5を使ったゲームの続報です。
前回の記事をまだ読んでないよ!という方は気が向いたら、
こちらから読んでいただければと思います

カギはジャイロセンサー

前回紹介させていただいたゲームもびっくりするぐらいきれいでしたが
さらなる驚きが用意されていました。

そのカギとなるのは、「ジャイロセンサー」でした。

ジャイロセンサーって何?と思う方もいるかもしれませんが
実は、今やほとんどの人が触れる機会があるものなのです。

例えば、スマホの向きを変えると自動でスマホの向きを判断して
画面が縦や横に切り替わる機能がありますよね、
あれを判断するのに使われているのがジャイロセンサーです。

ジャイロセンサーとは、「角速度」の計測、つまり回転の動きやその速さを検知することができるセンサーです。
身の回りでは、先ほど紹介したスマホやデジタルカメラの手ぶれセンサー、カーナビなどに使われています。

ジャイロセンサーで回転を計測する機能を使うということは
すでに、お気づきの方もいるかもしれません

そうハンドルになるのです!!

kato_2015-10-12_01.jpg

スマホがハンドル

先日、W3Cの方と打ち合わせをした時に
デモの一つとして見せていただき存在を知りました。

パソコンの画面にQRコードが表示され
それをジャイロセンサーをオンにしたスマホで読み込むと
前回紹介したゲームが起動します。

前回紹介したものでは、操作方法はキーボードを使ったものでしたが、
スマホをハンドルとして使用する方法に操作方法が変わっていました。

まず、パソコンでゲームのページにアクセスし
そこに表示されたQRコードを読み込まれたURLにアクセスすると
パソコンとスマホの画面が切り替わりそれぞれ読み込み中の画面が表示されます。

そして、読み込みが完了するとパソコンの画面がゲーム画面に
スマホの画面が操作方法を表示したものに切り替わります。

そして、ゲームがスタートしスマホをハンドルのように右や左に切ると
パソコンの画面内でマシンが同じ動きをするのです。

すごいですよね!

kato_2015-10-12_02.jpg

もう一つすごいこと

ジャイロセンサーでゲームができることもすごいのですが
実は、もう一つすごいことがあります。

それは、ゲームを行っている2台の端末がインターネットで同期していることです。
bluetoothなどを使った近距離で端末をぺアリングするものは以前よりありました。
ですが、htmlだけでリアルタイムでの同期通信を行っているのはすごいと思います。

まとめ

2回にわたり、html5の機能をゲームというアプローチで紹介しましたが、
いかがでしたでしょうか?html5には可能性があると思います。
他にもまだまだ、面白いものや、すごいと思うものがたくさんあります。
機会があれば、随時紹介していこうと思います。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

関連コラム

HTML5の最新技術を知ろう!

0

マーケ担当必見!国内ECマーケティングオートメーション(MA)事例前のページ

Web制作会社が教えるDDos攻撃からのWEBサイトを守る方法次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. AIに求められているものは、実は意外な物だった
  3. 新しい販売形態であるDtoCについて考えてみる
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    切っても切れないデザインと色の話

    こんにちは、デザイナーの角田です。毎年こっそり楽しみにしていること…

  2. SNS関連

    次にくるのはこれだ!巷で噂のSNS

    2014年はSNSの勢いは留まるどころか益々勢いを増した1年でしたね~…

  3. Web関連

    部屋の片付け -どうしても後回しになっちゃう人へ-

    こんにちは。2015年こそ旅に出よう!と思っている情報デザイン部門の行…

  4. Web関連

    自前のサイトとプロのWeb制作会社が作ったサイト、どこが違う?

    Web制作会社ティファナが、「自前のサイトとweb制作会社が作ったサイ…

  5. Web関連

    初めてでもわかる! Photoshopの基礎

    PhotoshopやIllustrator等のデザインソフトは、デザイ…

  6. Web関連

    CtoCサービスから学んだ顧客満足度

    最近CtoCのフリマアプリやクリエイターの作品販売のサービスが増えてま…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AI関連

    日本のキャッシュレス決済化進展をAIが支える
  2. Web関連

    機械学習で進化した将棋界
  3. SNS関連

    【オラクルSRM】SNSを活用して自社の売上アップ
  4. AI関連

    IoT技術とAIの連携で、業務はより便利かつ安全になる
  5. Web関連

    メリットづくしのレスポンシブ・ウェブデザインとは?
PAGE TOP