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

関連記事

  1. Web関連

    ショッピングカートシステムのまとめ

    ECサイト構築で必ずと言っていいほど使われるショッピングカートシステム…

  2. Web関連

    顧客満足度向上ってどうすればいいの?仕事をとおして学んだこと

    最近、CS推進や顧客満足度向上のために対策を行う企業も増えてきました。…

  3. Web関連

    選んではいけないメール配信システムの3カ条

    多くの企業がメール配信システムを活用したマーケティングを行っています。…

  4. Web関連

    良質な情報配信で顧客獲得。オウンドメディアの役割とは

    昨年から、様々な業界で「オウンドメディア」という言葉を聞くようになりま…

  5. Web関連

    今、メルマガが抱える問題点。開封率と到達率!?

    こんにちは、自社発信でメルマガができないかと、色々調べまわっている尾…

  6. Web関連

    和とパララックスデザインから生み出される魅力

    さてさて、以前スマホとパララックスデザインについてお話をさせていただ…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    そうだったのか! 簡単にわかる「モバイルファースト」の考え方
  2. Web関連

    システムのシームレス化!SOA導入で作業効率大幅アップ
  3. SNS関連

    Facebookが地味に本気出してた。360度動画体験が凄い!
  4. Web関連

    ネイティブ広告は、有効活用できる?勝手気儘なつぶやき
  5. Web関連

    コンセプトのないデザインは味のない料理
PAGE TOP