見出し画像

【LT】Web上で軽快に動作するオープンソースARツール「AR.js」で遊んでみた!

2018 年 06 月 27 日(水)

AR

VR AR MR ?

VR と AR の違い

Virtual Reality(仮想 現実)

Augmented Reality(拡張 現実)

2017年 8月29日 GoogleがAndroid向けのARフレームワーク「ARCore」を発表

2018年 6月5日 Apple、ARアプリをさらにダイナミックにプラットフォーム、「ARKit 2」を発表

Introducing ARCore

ARCore: Augmented Images

Apps だけじゃないJavascript でも出来る!?

「AR.js」で遊んでみた!

AR.js って何?

Learning Three.js の創業者であるアレクサンドラが、2017年3月に、米国VRメディアの「UPLoadVR」にて、「AR.js」の詳細を公表

「AR.js」 とは、ARアプリケーションを容易に製作するためのARライブラリ(フレームワーク)です!

「AR.js」はGitHub(ギット・ハブ)上に公開されており、オープンソースでインストール不要、軽量かつ高速に動作して面倒な環境構築の手間が省けられることが特徴。

誰でも気軽にAR体験ができたり、javascript の基礎や応用を知っている人は、オリジナルアプリを開発することができます。

レシピ

・AR.js(Web上で軽量・高速に動作するARツール)
・Three.js (WebGLの高度な技術を使えるライブラリ)
・ARToolKit (ARアプリを実現するC言語ライブラリ)

JSが映像を解析する

barcode をリアルタイムに Tracking

カメラに写った barcode に AR

複数の 3Dモデル を barcode に

複雑な3Dモデルでも!

人の顔 も JS で Tracking できる

つまり「Face ID」「アニメ文字」的なことが

カメラアプリで面白いもの作れそう!

ご静聴ありがとうございました

スライドはこちら!


Webのお仕事、元phpプログラマ、今主にWebディレクタ、たまにエンジニア、UXディレクタ、LTのネタ探ししてます。