概要

ARについての調査結果&知見をまとめていきます。

ARとは

AR(拡張現実)とは、現実世界に3Dモデルなど仮想のオブジェクトを重ね合わせたもののことを指します。
他にも似たようなものにVR(仮想現実),MR(複合現実),SR(代替現実)などがあり、全て合わせてXRと呼ばれたりします。
参考：VR・AR・MR・SRの違いとは？それぞれの活用方法を紹介 - エレコム

ARの種類①

ARには、主にビジョンベース型とロケーションベース型の2つの方法があります。
さらに、ビジョンベース型は、マーカー型とマーカーレス型があります。

ビジョンベース型：カメラを通した画像で空間を特定し、仮想の物体を表示する。
- マーカー型：特定の図形をカメラで認識させる方法。
- マーカーレス型：カメラに映る平面などを認識する方法。
ロケーションベース型：GPSで位置情報を取得することで空間を特定し、仮想の物体を表示する。

参考：【誰でも分かる】AR(拡張現実)の仕組み・技術 | TECH::NOTE

ARの種類②

ARは大別すると、モバイルARとWebARがあります。
ARは技術的にデバイスやブラウザなどへの依存が大きいため、特定のデバイスに特化したフレームワークで開発されることになります。

モバイルAR : iOSアプリ、Androidアプリで動くAR
WebAR : Webアプリで動くAR

今回は、WebARについて取り上げます。

WebAR

WebARとは、WebアプリでARを利用できるようにした技術のことです。
モバイルアプリの場合はユーザが使い始めるためにアプリをダウンロードしなければなりませんが、ブラウザ上で動くWebアプリであれば、手軽にVRを楽しむことができます。
欠点としては、どうしてもARはデバイスやブラウザに依るところが大きいため、モバイルよりWebのフレームワークの発達が遅く、機能が制限されがちです。

フレームワーク

WebARのフレームワークについて調査したところ、以下のようなものがありました。

フレームワーク	種類	対応デバイス/ブラウザ	備考	メーカー
A-Frame	ビジョンベース/マーカー型	ブラウザ		Mozilla
ARkit	ビジョンベース/マーカーレス型	iOSブラウザ(safari)対応		Apple
ARcore	ビジョンベース/マーカーレス型	Androidブラウザ(chrome)対応		Google
8th Wall Web	ビジョンベース/マーカーレス型	iOS/Android/ブラウザ対応	1000view/月までのローカル開発は無料	8th Wall

補足１：ブラウザ上で気軽に使える新しい3D規格の登場

嬉しい知らせで、iOS12においてUSDZという新しいファイル規格が作られ、アプリを作ることなく簡単に3Dオブジェクトが表示できるようになったそうです。

参考：ARKit 2.0 でAR経験を共有できるようになりました。あと、アプリを実装しなくてもARできます。 - Toyship.org

この辺もまだあまりチュートリアル系の記事がないので、英語の公式ドキュメントをがっつり見ながらきっと @macbook さんが実現してくれることでしょう。。期待してます！

補足２：ロケーションベース型WebARについて

ロケーションベース型で作るWebARの事例が全く見つからず、そのようなフレームワークが発達してない印象です。
作るとしたらモバイルアプリで開発するのが良いと思います。

追記
AR.jsのv2.0.0にて、ロケーションベースの機能が追加されたそうです。
Location Based (GPS) Augmented Reality on the Web - Chialab Open Source - Medium

最後に

記事に間違いや不明な点があれば遠慮なくご指摘ください。
編集リクエストも大歓迎です！

追記：掲載ありがとうございます！
【Programming News】Qiitaまとめ記事 Weekly August 2nd week, 2019 Vol.4 - Qiita

最近のAR技術調査

概要