《Viz》AR

[Viz]

その他

概要

ARとは？ | AR、VR、MRの違いについて(2) - トピックス・イベント - 株式会社クリーク･アンド･リバー社 XR Division
https://xr-creek.jp/topics/what-is-ar/

AR用SDK全17個を徹底比較！ 開発ターゲット・機能・料金を一覧表付きで解説 XR-Hub
https://xr-hub.com/archives/19053

【2021最新版】WebARとは？国内外の最新事例12選と共に、WebARの概要やメリット・作り方まで詳しく解説 | ARマーケティングラボ
https://ar-marketing.jp/webar-katuyou/

【2021年最新｜ARビジネス活用事例11選】効率化や精度の向上などAR化のメリットに迫る - XR-Hub
https://xr-hub.com/archives/19276

家具・家電をARで配置！インテリアECのAR活用事例9選 - XR-Hub
https://xr-hub.com/archives/23885

ノウハウ

glTF Viewer
https://gltf-viewer.donmccurdy.com/
glTFの確認手段 – ft-lab
https://ft-lab.jp/blog_3dcg/?p=85
glTFのPBR検証用のサンプルglb – ft-lab
https://ft-lab.jp/blog_3dcg/?p=830

利用サイト

ARでお部屋のレイアウトをシミュレーション！インテリアコーデの参考に！家具・インテリアのオンライン通販【LOWYA】
https://www.low-ya.com/features/ar

外注先候補

WEB ARとは - 株式会社palan | 代々木のサイト制作・システム開発の会社
https://palan.co.jp/webar/
https://webvr-lab.eishis.com/
AR水族館-eishis（スマホ等カメラとジャイロがあると良い）
https://webvr-lab.eishis.com/namecard/aquarium/index.html
AR.jsでLocation Based ARを作ってみる - bagelee（ベーグリー）
https://bagelee.com/programming/location-based-ar/

AR（拡張現実） | AR（拡張現実）なら株式会社ネクストシステム
https://www.next-system.com/ar
【2021年技術調査】アプリ不要なWebARの今とは？最新SDKによる実際の開発事例を徹底解説 | NEXT SYSTEM NEWS
https://www.next-system.com/blog/2021/09/16/post-4488/

アプリ開発のご相談なら【アップフロンティア株式会社】
https://up-frontier.jp/
CFAを使って爆速でマーカーレス型ビジョンベースARを作成する - ギャップロ
https://gaprot.jp/2021/01/06/cfa_ar/

WebXR(AR/VR/MR)を活用した来店型ビジネス・イベント集客サービス【ALAKI株式会社】
https://alaki.co.jp/lp/webar/
AR導入検討時に必見！【AR大全】〜用途別ARの特徴から導入のすすめまで〜
https://alaki.co.jp/blog/?p=3562

AR活用事例集｜ウェブAR・ブラウザARなら「LESSAR（レッサー）」
https://less-ar.jp/shiryou/success/
「LESSAR（レッサー）」｜ウェブAR(WebAR)・ブラウザARを簡単に作成 byクラウドサーカス
https://less-ar.jp/
ウェブAR（WebAR）とは？ARアプリとの違いやメリット、事例、作成方法などを紹介
https://less-ar.jp/media/column/web-ar

株式会社x garden | 創造的衝動で おもしろい方の未来へ
https://x-garden.co.jp/
ECサイト特化型 AR・3D導入サービス - RITTAI
https://service.x-garden.co.jp/rittai?utm_source=banner&utm_medium=banner&utm_id=xrhub
【2021年最新｜ARビジネス活用事例11選】効率化や精度の向上などAR化のメリットに迫る - XR-Hub
https://xr-hub.com/archives/19276
家具・家電をARで配置！インテリアECのAR活用事例9選 - XR-Hub
https://xr-hub.com/archives/23885
製品一覧 | AUTEC：すしロボット・食品加工機器
https://www.autec.jp/products/

合同会社ヴォール 鳥取発 IoTプロトタイプデバイス開発 LPWA(Sigfox LoRa)・DX・RPA・AI・ホームページ制作
https://wohl-yz.net/#company

AR / VR App｜Research and Development Group｜株式会社シー・エヌ・エス
https://www.cnsinc.jp/rd/arvr/

サービス：AReader
https://www.toppan.co.jp/solution/service/AReader.html
サービス：LoveCamera/PopCamera/HappyShare
https://www.toppan.co.jp/solution/service/lovecamera_etc.html

好きな場所に「無印良品の家」を建てられる iPhoneアプリ｜無印良品の家
https://www.muji.net/ie/ar/

8th Wall

公式

Powering the world's WebAR | 8th Wall
https://www.8thwall.com/

8th Wall | 価格とプラン - WebAR、AR、WebVR開発者ツールおよびSDK
https://www.8thwall.com/pricing

Tips

8th Wall Web入門！【これからはじめるWebAR】 - bagelee（ベーグリー）
https://bagelee.com/programming/8th-wall-web/

palanAR

palanAR（パラナル） | WebAR（ウェブAR）作成オンラインツール
https://www.palanar.com/

サンプル(WebAR事例) | palanAR（パラナル） | WebAR（ウェブAR）作成オンラインツール
https://www.palanar.com/examples

料金プラン | palanAR（パラナル） | WebAR（ウェブAR）作成オンラインツール
https://www.palanar.com/price

Zapworks

Zapworks: The Most Powerful All-In-One WebAR platform
https://zap.works/

Zapworks Showcase: The Best AR Examples Made with Zapworks
https://zap.works/showcase/

Zapworks Pricing: Choose The Right Plan For You
https://zap.works/pricing/

ARkit（Apple）

公式

ARKit - Apple Developer
https://developer.apple.com/jp/arkit/

AR Quick LookでのApple Payボタンまたはカスタムアクションの追加 - 日本語ドキュメント - Apple Developer
https://developer.apple.com/jp/documentation/arkit/adding_an_apple_pay_button_or_a_custom_action_in_ar_quick_look/

ARKit - AR Quick Lookギャラリー - Apple Developer
https://developer.apple.com/jp/arkit/gallery/

Reality Composer

空間アプリ向けの制作ツール - 拡張現実 - Apple Developer
https://developer.apple.com/jp/augmented-reality/tools/

AR：Reality Composer - Apple Education Community
https://education.apple.com/learning-center/T031491A-ja_JP
https://developer.apple.com/documentation/realitykit/creating-3d-content-with-reality-composer
https://developer.apple.com/documentation/realitykit/adding-interactivity-to-behaviors#Call-Code-from-a-Behavior

Reality Composerでお気軽AR作り - クワマイでもできる
https://kuwamai.hatenablog.com/entry/2019/09/26/210223

【WebAR】model-viewerとは？iOS / Android開発方法 | WebAR Lab - WebARの最新情報がわかるメディア
https://webar-lab.palanar.com/developer/model-viewer/

対応ファイル形式　USDZ

USDZ Animations
https://fusionar.app/usdz-animations/

3D Scanner Pro - Create 3D Object on your mobile phone
https://www.3dscannerapp.com/

usdzファイルの作り方｜iOS12用WebAR
https://lilea.net/lab/how-to-make-usdz/

「Capture: 3D Scan Anything」をApp Storeで
https://itunes.apple.com/jp/app/capture-3d-scan-anything/id1444183458?mt=8&ign-mpt=uo%3D4
Capture - iPhone Xの深度カメラを使った3Dスキャンアプリが話題！
https://3dnchu.com/archives/capture-iphonex/
TrueDepthカメラ専用3Dスキャンアプリ「Capture: 3D Scan Anything」を試す | Macお宝鑑定団 blog（羅針盤）
http://www.macotakara.jp/blog/iphone_app_store/entry-36510.html

Tips

ARKit で使用されている USDZ とは何か - Apple Engine
http://appleengine.hatenablog.com/entry/2018/06/18/160521

iOS12のAR Quick Viewを使ってみた話 クリエイトの力
http://lovewcycle.com/2018/10/01/arkit2/

最後にMIME Typeを追加します。
これはお使いのサーバーによって違うので各自調べて以下のMIME Typeを追加して下さい〜〜

AddType model/vnd.pixar.usd .usdz
AddType model/usd .usdz

【iOS 12】 AR Quick Look機能で自作モデルをSafariから見る - Qiita
https://qiita.com/shiruco/items/b248f267b47a8ef797b1

Getting started with WebAR using ARKit in Safari iOS12 | Responsive Web Design
https://responsivedesign.is/articles/getting-started-with-webar-using-arkit-in-safari-ios12/

If you create the .htaccess file, or if you update your server settings, this is what you need to add

AddType model/vnd.pixar.usd usdz # All files ending in .usdz served as USD.

リダイレクトでiOS以外のブラウザからのアクセス制限
.htaccess の書き方（リダイレクト編） - Qiita
https://qiita.com/shotets/items/1f8f308e008dcb96bf43

AddType model/vnd.pixar.usd .usdz
AddType model/usd .usdz

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|iPad)
RewriteRule . /viz/xr/error.html [R=302,L]
RewriteBase /

ARCore

公式

デジタル世界と物理世界をシームレスに融合する新しい拡張現実体験を構築する | ARCore | Google Developers
https://developers.google.com/ar

ARCore 対応デバイス | Google Developers
https://developers.google.com/ar/devices#google_play_devices

Vuforia

Vuforia Engine の価格 | PTC
https://www.ptc.com/ja/products/vuforia/vuforia-engine/pricing

アプリレスAR（ブラウザのAR）

AR.js

AR.jsによるARをコーディングなしで作れる「AR.js Studio」を試してみました - CrossRoad
https://www.crossroad-tech.com/entry/arjs-studio-tips

AR.js/README.md at master ・ jeromeetienne/AR.js
https://github.com/jeromeetienne/AR.js/blob/master/README.md

AR.jsを使って、iOS 11のAR機能で遊んでみよう｜ソニックジャム｜note
https://note.mu/sonicjam/n/n8845fd4993e6#!

WebARはじめてみませんか？〜第1回 AR.jsで簡単WebAR〜
https://alaki.co.jp/blog/?p=2845

【AR.js】ただ「もねたん」になる服が作りたかった… - Qiita
https://qiita.com/Damien/items/a8b656c1fc8b213e524a

JSARTOOLKIT

サンプル

アプリレスAR - AR体験をもっと気軽に。| VONS pictures
https://www.vons.co.jp/ar/
https://www.youtube.com/watch?v=QFRmE61LR5U
https://www.vons.co.jp/ar/pdf/vonta_pdf_181005i.pdf

AdobeAero

Aero
https://www.adobe.com/jp/products/aero.html

Adobe AeroでglTFとして反映されるもの – ft-lab
https://ft-lab.jp/blog_3dcg/?p=108

アンビエントオクルージョン（Ambient Occlusion）｜用語集｜ゲームメーカーズ
https://gamemakers.jp/glossary/%E3%82%A2%E3%83%B3%E3%83%93%E3%82%A8%E3%83%B3%E3%83%88%E3%82%AA%E3%82%AF%E3%83%AB%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%EF%BC%88ambient-occlusion%EF%BC%89/
エミッシブカラー（Emissive Color)｜用語集｜ゲームメーカーズ
https://gamemakers.jp/glossary/%E3%82%A8%E3%83%9F%E3%83%83%E3%82%B7%E3%83%96%E3%82%AB%E3%83%A9%E3%83%BC%EF%BC%88emissive-color/

ARToolkit

基本

工学ナビ
http://kougaku-navi.net/ARToolKit/

Tips

マーカー

artoolkit5/doc/patterns at master ・ artoolkit/artoolkit5 ・ GitHub
https://github.com/artoolkit/artoolkit5/tree/master/doc/patterns

ARマーカーの基本 / FLARToolKit / The Sixwish project
http://sixwish.jp/AR/Marker/section01/

ARToolKit Marker Generator Online
http://flash.tarotaro.org/ar/MarkerGeneratorOnline.html

ARToolKit を使って iPhone で NFT(Natural Feature Tracking) を行う - Qiita
http://qiita.com/mironal/items/8f31bfea6bbf5f52aa10

マーカー認識中の3Dモデルの震えを抑える

【 ARToolkit専門書 】　｢ 4.2.2　マーカを安定して追跡する ｣ (ARToolkit関数) ( 読書 ) - バトルロード節約プレイ日記 - Yahoo!ブログ
https://blogs.yahoo.co.jp/puredeasuseiun/24305712.html

パターンファイルと一致する領域が見つからない間は、
    arGetTransMat()関数 を 使用して、"マーカの位置を計算"する。
見つかった後は、
    arGetTransMatCont()関数 を 使用して、"マーカの位置を計算"する。
"どちらのコマンド(関数)を使うかの判定"には、
    object[i].visible を 使用する。

モデル表示を安定化させる ｜ 俺CG屋
http://www.cg-ya.net/imedia/ar/artoolkit_stabilization/

複数表示

複数のマーカを扱う【ARToolKit】 ｜ 俺CG屋
http://www.cg-ya.net/imedia/ar/artoolkit_multimarker/