「Universal AR」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(Multiverse Assets Viewerへの転送ページ)
(内容を「#REDIRECT Multiverse_Assets_Viewer」で置換)
 
1行目: 1行目:
 
#REDIRECT [[Multiverse_Assets_Viewer]]
 
#REDIRECT [[Multiverse_Assets_Viewer]]
 
{| style="font-weight:100;float:right;"
 
|__TOC__
 
|}
 
 
<h5>Subtitle: Multiverse Assets Viewer</h5>
 
 
UnityでGLBとUSDZを作り<model-viewer>に組込みしてみます。
 
 
[https://dz.plala.jp/ar Universal XR]
 
 
[[ファイル:ar_qr.png|240px|border]]
 
 
=='''メモ'''==
 
===Universal XR===
 
exposureとenvironment-imageを操作してるのでalbedoがデタラメ<br />
 
camera-orbitを操作してるので座標系とカメラがデタラメ<br />
 
GLB > Android Emulator<br />
 
USDZ > iPhone
 
 
UnityのStandard ShaderはGLBとUSDZで違いが出てる<br />
 
別物として作成が良さげ<br />
 
顔の表情は@google安定してる 真似した方が良さげ
 
 
===8th Wall===
 
https://www.8thwall.com/<br />
 
ブラウザベースの見た目がWebXR 何で?<br />
 
欲しいのコレ
 
 
===NVIDIA Omniverse===
 
[https://www.nvidia.com/ja-jp/omniverse/ NVIDIA Omniverse | NVIDIA]<br />
 
[https://www.google.com/search?q=NVIDIA+Omniverse+AR NVIDIA Omniverse AR - Google 検索]
 
 
===Meta(Facebook) Metaverse===
 
[https://www.gdep-sol.co.jp/newtech-report-siliconvalley-blog/no31 Meta(Facebook)はメタバースを構成する基礎技術.... - GDEP Solutions, Inc.]<br />
 
Insight SDK<br />
 
Interaction SDK<br />
 
Voice SDK
 
 
Universe<br />
 
Multiverse<br />
 
Metaverse ●<br />
 
Xenoverse<br />
 
Omniverse ●
 
 
===名称の整理===
 
--------
 
<pre>
 
Android
 
 └ ARCore: AR framework
 
  └ Scene Viewer: WebAR
 
   └ <model-viewer>: Web component
 
    └ GLB, glTF: File format
 
 
iPhone
 
 └ ARKit: AR framework
 
  └ AR Quick Look: WebAR
 
   └ <model-viewer>: Web component
 
    └ USDZ: File format
 
 
XR/WebXR
 
 └ AR/WevAR
 
 └ VR/WebVR
 
 └ MR
 
</pre>
 
 
===フロントエンド===
 
--------
 
====AR対応デバイス====
 
[https://developers.google.com/ar/devices ARCore対応デバイス &nbsp;|&nbsp; Google Developers]
 
 
====WebXR Device API====
 
[https://github.com/immersive-web/webxr-polyfill GitHub - immersive-web/webxr-polyfill]<br />
 
[https://immersive-web.github.io/webxr-samples/ WebXR - Samples | immersive-web.github.io]<br />
 
[https://developer.mozilla.org/ja/docs/Web/API/Navigator/xr Navigator.xr - Web API | MDN]
 
 
iPhone<br />
 
[https://apps.apple.com/jp/app/webxr-viewer/id1295998056 ‎「WebXR Viewer」をApp Storeで]
 
 
====Google検索====
 
[https://dz.plala.jp/wiki_data/google_ar.html Google検索 ARモデル一覧]<br />
 
[https://dz.plala.jp/wiki_data/google_ar_i.html Google検索 ARモデル一覧 (i)]<br />
 
 
[[ファイル:ar_qr_google.png|240px|border]]
 
 
iPhone<br />
 
1. [https://apps.apple.com/jp/app/google-%E3%82%A2%E3%83%97%E3%83%AA/id284815942 Google アプリ]  インストール<br />
 
2. 検索窓のカメラアイコンをクリック<br />
 
3. 上記QRコードを読み取り、ウェブサイトを開く<br />
 
4. お気に入りに登録
 
 
オーディオ付きARで動いてる<br />
 
draco_decoderが動いてる
 
 
====認識====
 
2021.11
 
{| class="wikitable" style="width:680px;"
 
| style="padding-left:10px;padding-right:10px;text-align:left;"|
 
| style="padding-left:10px;padding-right:10px;text-align:center;"| horizontal (床)
 
| style="padding-left:10px;padding-right:10px;text-align:center;"| vertical (壁)
 
| style="padding-left:10px;padding-right:10px;text-align:center;"| ceiling (天井)
 
| style="padding-left:10px;padding-right:10px;text-align:center;"| face (顔)
 
| style="padding-left:10px;padding-right:10px;text-align:center;"| marker (ARマーカー)
 
|-
 
| style="padding-left:10px;padding-right:10px;text-align:left;"| Scene Viewer
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ●
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ● ※1
 
| style="padding-left:10px;padding-right:10px;text-align:center;" |
 
| style="padding-left:10px;padding-right:10px;text-align:center;" |
 
| style="padding-left:10px;padding-right:10px;text-align:center;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;text-align:left;"| AR Quick Look
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ●
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ● ※2
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | (※3)
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ● ※4
 
| style="padding-left:10px;padding-right:10px;text-align:center;" | ● ※5
 
|}
 
※1<br />
 
[https://developers.google.com/ar/design/content/content-placement Content placement &nbsp;|&nbsp; ARCore &nbsp;|&nbsp; Google Developers]<br />[https://modelviewer.dev/docs/#entrydocs-augmentedreality-attributes-arPlacement &lt;model-viewer&gt; Examples and Documentation]<br />[https://developers.google.com/ar/develop/java/scene-viewer?hl=en#supported_intent_parameters enable_vertical_placement (optional)]<br />
 
※2<br />
 
[https://developer.apple.com/forums/thread/112566 AR Quicklook Vertical Plane support | Apple Developer Forums]<br />
 
※3<br />
 
[https://developer.apple.com/documentation/arkit/arplaneanchor/classification Apple Developer Documentation]<br />
 
何これ? floor, wall, ceiling, table, seat, door, window
 
 
※4<br/ >
 
https://twitter.com/cwervo/status/1283073772304633858<br/ >
 
https://ar-quick-look-masks.glitch.me/<br/ >
 
reality(USDZ)ファイル読み込み完了時カメラが切り替わってる<br/ >
 
Reality ComposerでカメラとAR Face Anchorsに切り替えてる?
 
 
※5<br />
 
[https://github.com/google/model-viewer/issues/1516 AR Marker : Feature · Issue #1516 · google/model-viewer · GitHub]<br />
 
[https://www.google.com/search?q=AR+marker+RealityComposer AR marker RealityComposer - Google 検索]
 
 
====オーディオ====
 
[https://github.com/google/model-viewer/issues?q=audio Issues · google/model-viewer · GitHub]
 
 
2021.11<br />
 
まだ安定してない気がする
 
 
====Android デバッグ====
 
[https://developer.android.com/studio/run/emulator Android Emulator 上でアプリを実行する &nbsp;|&nbsp; Android Developers]
 
 
Android Studio > Android Emulator
 
 
====<span id="threejs_quicklook_sceneviewer">three.js + AR Quick Look + Scene Viewer</span>====
 
お手本 https://size.link/<br />
 
お勉強 https://dz.plala.jp/ar_box/
 
 
USDZ Exporter<br />
 
iPhone向け 実装済
 
 
glTF Exporter<br />
 
Android向け 未実装<br />
 
 
動作テスト中<br />
 
[https://discourse.threejs.org/t/gltfexporter-exporting-model-that-show-nothing-at-android-scene-viewer/15519 GLTFExporter exporting model that show nothing at android Scene Viewer - Questions - three.js forum]<br />
 
[https://github.com/google/model-viewer/issues/887 Exported Model not working in AR mode · Issue #887 · google/model-viewer · GitHub]
 
<pre>
 
    const  options:GLTFExporterOptions  =  {
 
      binary:true 、
 
      forcePowerOfTwoTextures:true 、
 
      forceIndices:true
 
    } ;
 
</pre>
 
 
Piping Server<br />
 
[https://github.com/nwtgck/piping-server GitHub - nwtgck/piping-server]<br />
 
[https://qiita.com/nwtgck/items/78309fc529da7776cba0 ネットワーク越しでパイプしたり、あらゆるデバイス間でデータ転送したい! - Qiita]
 
<nowiki>https://ppng.io/ (ランダム文字列) /box.gltf</nowiki>
 
 
intent:<br />
 
[https://github.com/google/model-viewer/issues/1095#issuecomment-643442844 Scene ViewerがCloudfrontの事前署名付きURLを読み込まない · google/model-viewer · GitHub]<br />
 
[https://developers.google.com/ar/develop/java/scene-viewer#supported_intent_parameters サポートされているintentパラメータ &nbsp;|&nbsp; ARCore]
 
<nowiki>
 
https://size.link/box.gltf?w=1&h=2&l=3&units=cm
 
https://size.link/1/2/3/cm/box.gltf</nowiki>
 
 
<nowiki>
 
intent://arvr.google.com/scene-viewer/1.0?file=https://size.link/1/2/3/cm/box.gltf&resizable=false&title=1cm x 2cm x 3cm#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;S.browser_fallback_url=https://size.link/#unsupported-device;end</nowiki>
 
 
===モデル===
 
--------
 
====ファイル要件====
 
Scene Viewer<br />
 
[https://developers.google.com/ar/develop/java/scene-viewer#file_requirements_for_models モデルのファイル要件 &nbsp;|&nbsp; ARCore]
 
 
{| class="wikitable" style="width:480px;"
 
| style="padding-left:10px;padding-right:10px;width:220px;"| ファイル形式
 
| style="padding-left:10px;padding-right:10px;"| glTF2.0 / GLB
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル
 
| style="padding-left:10px;padding-right:10px;"| PBR
 
|-
 
| style="padding-left:10px;padding-right:10px;"| テクスチャ
 
| style="padding-left:10px;padding-right:10px;" | 最大2048×2048
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ポリゴン数
 
| style="padding-left:10px;padding-right:10px;"| 30,000~50,000 最大100,000
 
|-
 
| style="padding-left:10px;padding-right:10px;"| アニメーション
 
| style="padding-left:10px;padding-right:10px;"| 対応
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル数
 
| style="padding-left:10px;padding-right:10px;" | 10 (アルファ付きは2枚まで)
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル当たりのメッシュ数
 
| style="padding-left:10px;padding-right:10px;" | 1
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ボーン数
 
| style="padding-left:10px;padding-right:10px;" | 最大254
 
|-
 
| style="padding-left:10px;padding-right:10px;"| 頂点当たりのウェイト数
 
| style="padding-left:10px;padding-right:10px;" | 最大4
 
|-
 
| style="padding-left:10px;padding-right:10px;"| メッシュ当たりUV数
 
| style="padding-left:10px;padding-right:10px;" | 1
 
|-
 
| style="padding-left:10px;padding-right:10px;"| モデルサイズ
 
| style="padding-left:10px;padding-right:10px;" | 10MB
 
|}
 
 
AR Quick Look<br />
 
[https://substance3d.adobe.com/documentation/spdoc/usd-pbr-metal-roughness-preset-172824891.html USD PBR Metal Roughness Preset | Substance 3D Painter]<br />
 
[https://github.com/ft-lab/Shade3D_USDExporter GitHub - ft-lab/Shade3D_USDExporter]<br />
 
[https://www.get-plop.com/post/all-about-ar-file-formats All about AR File Formats]<br />
 
 
{| class="wikitable" style="width:480px;"
 
| style="padding-left:10px;padding-right:10px;width:220px;"| ファイル形式
 
| style="padding-left:10px;padding-right:10px;"| USDZ
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル
 
| style="padding-left:10px;padding-right:10px;"| PBR
 
|-
 
| style="padding-left:10px;padding-right:10px;"| テクスチャ
 
| style="padding-left:10px;padding-right:10px;" | 最大2048×2048
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ポリゴン数
 
| style="padding-left:10px;padding-right:10px;"| 最大100,000
 
|-
 
| style="padding-left:10px;padding-right:10px;"| アニメーション
 
| style="padding-left:10px;padding-right:10px;"| 対応 最大10秒?
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル数
 
| style="padding-left:10px;padding-right:10px;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| マテリアル当たりのメッシュ数
 
| style="padding-left:10px;padding-right:10px;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ボーン数
 
| style="padding-left:10px;padding-right:10px;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| 頂点当たりのウェイト数
 
| style="padding-left:10px;padding-right:10px;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| メッシュ当たりUV数
 
| style="padding-left:10px;padding-right:10px;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| モデルサイズ
 
| style="padding-left:10px;padding-right:10px;" |
 
|}
 
 
====glTF2.0拡張機能====
 
[https://developers.google.com/ar/develop/webxr/model-viewer#model_compatibility &lt;model-viewer&gt;による拡張現実 &nbsp;|&nbsp; ARCore &nbsp;|&nbsp; Google Developers]
 
 
AndroidのARがglTF2.0拡張機能で動く?
 
 
Draco Meshopt<br />
 
メッシュ・アニメーション圧縮<br />
 
[https://modelviewer.dev/examples/loading/#dracoSupport &lt;model-viewer&gt; Lazy Loading]<br />
 
[https://qiita.com/watabo_shi/items/ba6c76f4158f827f69ed Node.jsでglTFモデルを圧縮してthree.jsで読み込む... - Qiita]
 
 
KTX2 Basis<br />
 
テクスチャ圧縮<br />
 
[https://github.com/KhronosGroup/3D-Formats-Guidelines/blob/main/KTXArtistGuide.md 3D-Formats-Guidelines/KTXArtistGuide.md ... · GitHub]<br />
 
[https://doc.babylonjs.com/divingDeeper/materials/using/ktx2Compression KTX2 Compressed Textures | Babylon.js Documentation]
 
 
商用(無料プランあり)<br />
 
[https://rapidcompact.com/ RapidCompact – 3D Optimization Software.]<br />
 
[https://gestaltor.io/ Gestaltor &#8211; The visual glTF editor for viewing ....]
 
 
====照明====
 
[https://github.com/google/model-viewer/issues/964 How do I make my viewer lighting match the lighting in AR? · google/model-viewer · GitHub]
 
 
<model-viewer>のNeutral, Default辺り良さげ<br />
 
Unlit 試す価値ありそう
 
 
====四角形====
 
three.js 非対応<br />
 
glTF 非対応
 
<!--
 
====整形====
 
[https://exoside.com/quadremesher/ Quad Remesher - Auto Retopology - EXOSIDE]
 
-->
 
 
====メッシュ圧縮====
 
[https://www.google.com/search?q=Unity+Mesh+Compression Unity Mesh Compression - Google 検索]
 
 
Normalの品質が落ちる<br />
 
OFF or Lowが安全側
 
 
====glTF Validator====
 
[https://modelviewer.dev/editor/ Model Editor - <model-viewer>]<br />
 
検証データ: [https://dz.plala.jp/wiki_data/le_corbusier_lc2_1r.unitypackage le_corbusier_lc2_1r.unitypackage]<br />
 
{| class="wikitable" style="width:480px;"
 
| style="padding-left:10px;padding-right:10px;"|
 
| style="padding-left:10px;padding-right:10px;text-align:right;"| error
 
| style="padding-left:10px;padding-right:10px;text-align:right;"| warning
 
| style="padding-left:10px;padding-right:10px;text-align:right;"| glTF bin
 
|-
 
| style="padding-left:10px;padding-right:10px;"| [https://github.com/KhronosGroup/UnityGLTF KhronosGroup UnityGLTF] Export
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| [https://github.com/atteneder/glTFast glTFast] Export
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 24
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 0
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 6,125
 
|-
 
| style="padding-left:10px;padding-right:10px;"| [https://github.com/Plattar/gltf-exporter Plattar UnityGLTF] Export
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 24
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 2
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 6,343
 
|-
 
| style="padding-left:10px;padding-right:10px;"| [https://github.com/vrm-c/UniVRM UniVRM] Export
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 0
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 0
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 14,021
 
|-
 
| style="padding-left:10px;padding-right:10px;"| Model Editor > GLTFExporter
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 0
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 0
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 14,589
 
|-
 
| style="padding-left:10px;padding-right:10px;"| RapidCompact
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| Gestaltor
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
| style="padding-left:10px;padding-right:10px;text-align:right;" |
 
|-
 
| style="padding-left:10px;padding-right:10px;"| USD Unity SDK
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | -
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | -
 
| style="padding-left:10px;padding-right:10px;text-align:right;" | 5,234
 
|}
 
<!--
 
====VSCode====
 
[https://marketplace.visualstudio.com/items?itemName=cesium.gltf-vscode glTF Tools - Visual Studio Marketplace]
 
 
Error 修正できる?
 
-->
 
 
===<span id="workflow">ワークフロー</span>===
 
--------
 
USD<br />
 
[https://www.google.com/search?q=MAYA+USDZ MAYA USDZ - Google 検索]<br />
 
[https://www.google.com/search?q=3dsMax+USDZ 3dsMax USDZ - Google 検索]<br />
 
[https://www.google.com/search?q=Blender+USDZ Blender USDZ - Google 検索]<br />
 
[https://www.google.com/search?q=Shade3D+USDZ Shade3D USDZ - Google 検索]
 
 
glTF<br />
 
[https://www.google.com/search?q=MAYA+glTF MAYA glTF - Google 検索]<br />
 
[https://www.google.com/search?q=3dsMax+glTF 3dsMax glTF - Google 検索]<br />
 
[https://www.google.com/search?q=Blender+glTF Blender glTF - Google 検索]<br />
 
[https://www.google.com/search?q=Shade3D+glTF Shade3D glTF - Google 検索]
 
 
2021.11<br />
 
MAYA, 3dsMax, Blender, Shade3Dは外せない<br />
 
Unity, Unreal, Substance Painterも欲しい<br />
 
dxf, 3ds, obj, fbx はマテリアル非対応<br />
 
glTF はマテリアル対応
 
 
fbx以前の中間ファイルフォーマットのマテリアル対応は全滅<br />
 
USDとglTF一色となってない
 
 
とりあえず、<br />
 
3dsMaxでベースカラー(texture)のUV加工まで作成しfbxでUnityにインポート<br />
 
UnityでPBRマテリアルの作成と仕上げ > GLB、USDZのエクスポート
 
 
MAYA, 3dsMax + Substance Painter<br />
 
アニメーションは?
 
 
====USD Unity SDK====
 
UnityのUSDZはコレ一択かも
 
 
====Plattar GLTF Exporter====
 
Force Texture Conversion > JPG 軽量化に有利<br />
 
Photoshopオリジナルを持ちPNG必須以外JPGがよさげ<br />
 
Sceneでディティール見ながらtextureのMax Size決定が楽<br />
 
GLB出力が無い > GLB Packer 面倒<br />
 
アニメーション出力に成功してる
 
 
====glTFast for Unity====
 
Export GLBの出力先をSSLサーバの<model-viewer>にし確認しながらMaterial調整が楽<br />
 
アニメーション出力は?
 
 
====USDZビューワー====
 
[https://www.google.com/search?q=usdview usdview - Google 検索]<br />
 
選択肢がほぼ無し iPhoneで確認
 
 
===その他===
 
--------
 
====<model-viewer>====
 
[https://github.com/google/model-viewer/issues/2787 ChromeでAR Quick Lookがcall to actionを表示しない · Issue #2787 · google/model-viewer · GitHub]<br />
 
scale = fixed
 
 
====glTFast====
 
[https://github.com/atteneder/glTFast GitHub - atteneder/glTFast]
 
 
2021.11<br />
 
glTFast Unity2020.3以降<br />
 
Draco Unity2020.2以降<br />
 
Meshopt Unity2018.4以降<br />
 
KTX/Basisu<br />
 
 
動作テスト中<br />
 
glTFastをUnity Packageでインストール後、<br />
 
My Registriesに表示されるDracoとKTX/Basisuをインストール<br />
 
Meshopt?
 
<!--
 
[[ファイル:glTFast_install.jpg|738px|border]]
 
-->
 
 
====RealityCapture====
 
[https://www.capturingreality.com/ RealityCapture: Mapping and 3D Modeling Photogrammetry Software - CapturingReality.com]<br />
 
[https://unity.com/ja/solutions/photogrammetry デザイン向けの3Dフォトグラメトリソフトウェア | Unity]
 
 
Apple<br />
 
[https://www.apple.com/jp/search/photogrammetry?sel=explore&src=serp photogrammetry - Apple(日本)]<br />
 
[https://developer.apple.com/jp/augmented-reality/object-capture/ Object Capture - 拡張現実 - Apple Developer]
 
 
他のソフト<br />
 
[https://www.3dflow.net/3df-zephyr-photogrammetry-software/ 3DF Zephyr - photogrammetry software - 3d models from photos]<br />
 
[https://store.steampowered.com/app/438450/3DF_Zephyr_Lite_Steam_Edition/?l=japanese Steam:3DF Zephyr Lite Steam Edition]<br />
 
[https://www.agisoft.com/ Agisoft Metashape]<br />
 
[https://github.com/alicevision/meshroom GitHub - alicevision/meshroom]
 
 
ライダー<br />
 
[https://twitter.com/search?q=LiDAR&src=typed_query LiDAR - Twitter検索]<br />
 
[https://sketchfab.com/search?q=LiDAR&sort_by=-likeCount&type=models LiDAR - Sketchfab]<br />
 
フォトグラメトリ<br />
 
[https://twitter.com/search?q=%23photogrammetry&src=typed_query photogrammetry - Twitter検索]<br />
 
[https://sketchfab.com/search?q=tag%3Aphotogrammetry&sort_by=-likeCount&type=models photogrammetry - Sketchfab]
 
 
====glTFとUSDの差異====
 
[https://help.sketchfab.com/hc/en-us/articles/360046421631-glTF-and-USDZ glTF and USDZ &ndash; Sketchfab Help Center]<br />
 
[https://ft-lab.jp/blog_3dcg/?p=830 glTFのPBR検証用のサンプルglb &#8211; ft-lab]<br />
 
[https://www.koffeecup.net/blog/app-less-ar App-less AR &mdash; Koffeecup]
 
 
====Substance Painter====
 
[https://substance3d.adobe.com/documentation/spdoc/search?q=glTF glTF Search Results | Substance 3D Painter]<br />
 
[https://substance3d.adobe.com/documentation/spdoc/search?q=USDZ  USDZ Search Results | Substance 3D Painter]
 
 
====USD Draco====
 
[https://opensource.googleblog.com/2019/11/google-and-pixar-add-draco-compression.html Google and Pixar add Draco Compression to USD Format | Google Open Source Blog]<br />
 
[https://www.google.com/search?q=USDPython+apple USDPython apple - Google 検索]
 
 
====glTF Project Explorer====
 
[https://github.com/KhronosGroup/glTF-Project-Explorer GitHub - KhronosGroup/glTF-Project-Explorer]
 
 
=='''環境'''==
 
{| class="wikitable" style="width:360px;"
 
| style="padding-left:10px;padding-right:10px;"| DCCツール
 
| style="padding-left:10px;padding-right:10px;" | Unity, 3dsMax
 
|-
 
| style="padding-left:10px;padding-right:10px;"| 検証環境
 
| style="padding-left:10px;padding-right:10px;"| iPhone XS
 
|}
 
 
==='''glTF Exporter'''===
 
[https://github.com/Plattar/gltf-exporter GitHub - Plattar/gltf-exporter]<br />
 
[https://github.com/atteneder/glTFast GitHub - atteneder/glTFast]
 
 
==='''GLB Packer'''===
 
[https://github.com/sbtron/makeglb GitHub - sbtron/makeglb]
 
 
==='''USD Exporter'''===
 
[https://github.com/Unity-Technologies/usd-unity-sdk GitHub - Unity-Technologies/usd-unity-sdk]<br />
 
Recorder<br />
 
[https://nakamura001.hatenablog.com/entry/2021/09/30/_Unity_%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6_iPhone_%E5%90%91%E3%81%91%E3%81%AE_AR_%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92%E7%B0%A1%E5%8D%98%E3%81%AB%E4%BD%9C%E3%82%8B%E6%96%B9 Unity を使って iPhone 向けの AR コンテンツを簡単に作る方法(USDZファイルを出力する方法) - 強火で進め]
 
<!--
 
==='''gltf2usd'''===
 
[https://github.com/kcoley/gltf2usd GitHub - kcoley/gltf2usd]<br />
 
 
VMware Workstation 15 Player
 
Ubuntu 18.04.3 LTS
 
 
インストール
 
<syntaxhighlight lang="bash">
 
$ sudo apt install zlib1g-dev
 
$ sudo apt install openexr
 
$ sudo apt install libopenexr-dev
 
$ pip install openexr
 
$ git clone https://github.com/kcoley/gltf2usd.git
 
$ cd gltf2usd
 
$ pip install -r requirements.txt
 
</syntaxhighlight>
 
 
変換
 
<syntaxhighlight lang="bash">
 
$ cd ~
 
$ cd gltf2usd/Source
 
$ export PYTHONPATH=$PYTHONPATH:/usr/local/USD/lib/python
 
$ export PATH=$PATH:/usr/local/USD/bin
 
$ python gltf2usd.py -g ../../gltf/littlest-tokyo.gltf -o ../../littlest-tokyo.usdz
 
log
 
Alpha Mask not supported in USDPreviewSurface!  Using Alpha Blend...
 
</syntaxhighlight>
 
 
==='''USD from glTF'''===
 
[https://github.com/google/usd_from_gltf GitHub - google/usd_from_gltf]
 
 
VMware Workstation 15 Player
 
Ubuntu 18.04.3 LTS
 
 
インストール
 
<syntaxhighlight lang="bash">
 
$ sudo apt update
 
$ sudo apt upgrade
 
$ sudo apt install build-essential cmake libboost-dev libboost-all-dev libtbb-dev git pyside-tools python-pip
 
$ pip install PyOpenGL
 
$ sudo apt install libx11-dev libglew-dev libxrandr-dev libxcursor-dev libxinerama-dev libxi-dev
 
$ git clone https://github.com/PixarAnimationStudios/USD
 
$ sudo python USD/build_scripts/build_usd.py /usr/local/USD
 
</syntaxhighlight>
 
 
usdview
 
<syntaxhighlight lang="bash">
 
$ cd ~
 
$ export PYTHONPATH=$PYTHONPATH:/usr/local/USD/lib/python
 
$ export PATH=$PATH:/usr/local/USD/bin
 
$ cd USD
 
$ usdview extras/usd/tutorials/convertingLayerFormats/Sphere.usda
 
</syntaxhighlight>
 
 
USD_from_glTF
 
<syntaxhighlight lang="bash">
 
$ cd ~
 
$ sudo apt install nasm
 
$ pip install Pillow
 
$ git clone https://github.com/google/usd_from_gltf
 
$ python usd_from_gltf/tools/ufginstall/ufginstall.py ~/usd_from_gltf /usr/local/USD
 
</syntaxhighlight>
 
 
<span style="color: red;">error</span>
 
 
==='''Adobe Aero'''===
 
[https://www.adobe.com/jp/products/aero.html Adobe AeroでARを制作 | Adobe]<br />
 
[https://helpx.adobe.com/jp/aero/using/supported-file-formats.html Adobe Aero サポートされているファイル形式]<br />
 
[https://helpx.adobe.com/jp/aero/using/prepare-3d-content-aero.html 3D コンテンツを Aero 用に準備する]
 
ポリゴン:130,000まで
 
ボーン:6つまで?
 
テクスチャ:1024x1024(最大2048x1080)まで
 
 
=='''<model-viewer>'''==
 
参考: [https://github.com/google/model-viewer/blob/master/packages/model-viewer/README.md GitHub - model-viewer/README.md]<br />
 
参考: https://modelviewer.dev/
 
 
assets hdri<br />
 
https://github.com/google/model-viewer/tree/master/packages/shared-assets/environments<br />
 
https://hdrihaven.com/
 
 
==='''Model'''===
 
[https://www.cassina-ixc.jp/shop/g/glc2 Le Corbusier LC2 © CASSINA IXC. Ltd.]<br />
 
[https://www.hermanmiller.com/ja_jp/products/seating/office-chairs/aeron-chairs/pro-resources Aeron Chair © Herman Miller, Inc.]<br />
 
Ball Chair © Eero Aarnio<br />
 
[https://www.modelplusmodel.com/furniture/chairs/0225-chair.html Panton Chair © Vitra]<br />
 
[https://www.modelplusmodel.com/furniture/tables/f14-coffee-table.html Noguchi Coffee Table © Vitra]<br />
 
[https://www.louispoulsen.com/ja-jp/download-center?type=fbx&productId=90293 PH 5 Classic © Louis Poulsen]
 
 
==='''Sketchfab'''===
 
CC BY 4.0<br />
 
[https://sketchfab.com/3d-models/spot-mini-rigged-5dcbee77730640269cef5bd2587e328a Spot Mini (Rigged) @ Greg McKechnie]<br />
 
[https://sketchfab.com/3d-models/model-mechanics-93e2849f69894083866efab3278f009b model mechanics @ sandwichsoul]<br />
 
[https://sketchfab.com/3d-models/littlest-tokyo-94b24a60dc1b48248de50bf087c0f042 Littlest Tokyo @ glenatron]<br />
 
[https://sketchfab.com/3d-models/thor-and-the-midgard-serpent-2ef4c45caa35450db1b876a7f94ff79d Thor and the Midgard Serpent @ Mr. The Rich]<br />
 
[https://sketchfab.com/3d-models/mech-drone-8d06874aac5246c59edb4adbe3606e0e Mech Drone @ Willy Decarpentrie]<br />
 
[https://sketchfab.com/3d-models/robot-steampunk-3d-coat-45-pbr-91eb0eb061024bf1bc5e3eb5ffe385d8 Robot Steampunk 3D-Coat 4.5 PBR @ 3d-coat]<br />
 
[https://sketchfab.com/3d-models/junkrat-7deb2dd552df4bf4bb65005018176647 Junkrat @ Claudia Luehl]<br />
 
[https://sketchfab.com/3d-models/sgp-25-space-invader-db14ddb138fc43d7bec20084b519c129 Space Invader @ Sirhaian]<br />
 
[https://sketchfab.com/3d-models/cute-dog-1c37d9af2a6f421e93033b39f9580841 cute dog @ RODX81]<br />
 
[https://sketchfab.com/3d-models/animated-eagle-8fb150270adb45aa9653e857f3fa351b animated EAGLE @ Asim3d]<br />
 
[https://sketchfab.com/3d-models/flying-bee-4e9ec9d9e4044e6ea6d47614f7daf533 Flying Bee @ elly77ellison]
 
 
CC BY-NC 4.0<br />
 
[https://sketchfab.com/3d-models/model-12-tokay-gecko-8f19aac5694b40c3a0a53bf107fd30a4 Tokay gecko @ DigitalLife3D]<br />
 
[https://sketchfab.com/3d-models/model-56a-southern-white-rhino-8e97b62a90f44ce19ea9e3fd421f55b4 Southern White Rhino @ DigitalLife3D]<br />
 
[https://sketchfab.com/3d-models/model-47a-loggerhead-sea-turtle-c438e81e796d41d9a6ae4cc147ef8d4f Loggerhead sea turtle @ DigitalLife3D]
 
 
CC BY-NC-SA 4.0<br />
 
[https://sketchfab.com/3d-models/bb8-animated-15db7644c5b645f195f4d2dc0c5154ec BB8 (Animated) @ StarWars-Universe]<br />
 
[https://sketchfab.com/3d-models/r2-d2-animated-476fe6527305404cb0d7e1ebe9eead63 R2-D2 (Animated) @ StarWars-Universe]<br/ >
 
[https://sketchfab.com/3d-models/dancing-stormtrooper-12bd08d66fe04a84be446e583d6663ac DANCING STORMTROOPER @ StrykerDoesAnimation] 自主規制
 
 
==='''Google'''===
 
CC BY 4.0<br />
 
https://developers.google.com/ar/develop/java/scene-viewer<br />
 
https://storage.googleapis.com/ar-answers-in-search-models/
 
 
==='''Mixamo'''===
 
[https://www.mixamo.com/#/?page=1&query=Kachujin+G+Rosales&type=Character Kachujin G Rosales]<br />
 
[https://www.mixamo.com/#/?page=1&query=Shannon&type=Character Shannon]<br />
 
[https://www.mixamo.com/#/?page=1&query=Michelle&type=Character Michelle]<br />
 
[https://www.mixamo.com/#/?page=1&query=AJ&type=Character AJ]
 
-->
 
 
==='''<model-viewer>'''===
 
[https://github.com/google/model-viewer GitHub - google/model-viewer]
 
 
[https://dz.plala.jp/ar/index.html index.html]
 
[https://dz.plala.jp/ar/script.js script.js]
 
[https://dz.plala.jp/ar/style.css style.css]
 
[https://dz.plala.jp/ar/data.json data.json]
 
 
PWA
 
 
[[ファイル:WebXR_PWA.png|240px]]
 
 
=='''更新履歴'''==
 
* 2021.11.24 全体見直し
 
* 2021.09.11 Google検索 ARモデル 追加
 
* 2020.05.13 ソース書き換え
 
* 2020.05.10 アニメーション付きUSDZ追加
 
* 2019.10.25 公開
 

2021年11月27日 (土) 09:23時点における最新版