「Multiverse XR Viewer」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内、 検索
(→‎メモ)
(→‎名称の整理)
 
3行目: 3行目:
 
|}
 
|}
  
−
UnityでGLBとUSDZを作り<model-viewer>に組込みしてみます。
+
GLBとUSDZを作り<model-viewer>で表示してみます。
  
−
[https://dz.plala.jp/ar Multiverse Viewer]
+
[https://dz.plala.jp/ar Multiverse XR]
  
 
[[ファイル:ar_qr.png|240px|border]]
 
[[ファイル:ar_qr.png|240px|border]]
  
 
=='''メモ'''==
 
=='''メモ'''==
−
デバッグ<br />
+
メタバース標準化フォーラム<br />
−
Twitter Cards<br />
+
[https://metaverse-standards.org/ Metaverse Standards Forum]
−
GLBとUSDZでDRACOとmeshopt<br />
+
−
GLBとUSDZでBasisU<br />
+
−
UnityのAutodesk Interactive Shader (Metallic, Roughnessで統一)
+
  
−
Meta(Facebook) Metaverse<br />
+
アプリレスポケモンGO出来そう<br />
−
[https://www.gdep-sol.co.jp/newtech-report-siliconvalley-blog/no31 Meta(Facebook)はメタバースを構成する基礎技術.... - GDEP Solutions, Inc.]<br />
+
[http://dz.plala.jp/wiki/index.php/IOS_13_deviceorientation geolocation認証]<br />
−
Insight SDK<br />
+
[https://qiita.com/chiyoyo/items/b10bd3864f3ce5c56291 2つの座標間の距離を求める - Qiita]<br />
−
Interaction SDK<br />
+
[https://qiita.com/kawanet/items/a2e111b17b8eb5ac859a 緯度経度から2地点間の距離 (km) を計算する JavaScript - Qiita]<br />
−
Voice SDK
+
山手線全駅30ヶ所に出現アンカーどうだろう？<br />
 +
[https://100map.net/rosenzu/%E9%96%A2%E6%9D%B1/%EF%BC%AA%EF%BC%B2%E5%B1%B1%E6%89%8B%E7%B7%9A%EF%BC%88%E5%A4%A7%E5%B4%8E%E3%80%9C%E5%93%81%E5%B7%9D%EF%BC%89 ＪＲ山手線（大崎〜品川） 駅の緯度経度・地点一覧]<br />
 +
[https://dz.plala.jp/myradar24/index_map.html マップサンプル]
  
−
NVIDIA Omniverse<br />
+
[http://dz.plala.jp/wiki/index.php/IOS_13_deviceorientation デバイス認証プログラム]<br />
−
[https://www.nvidia.com/ja-jp/omniverse/ NVIDIA Omniverse | NVIDIA]<br />
+
OrbitControlsを停止しデバイスモーションをカメラに連動させると気持ちいいい予感
−
[https://gigazine.net/news/20220105-nvidia-free-omniverse/ NVIDIAが無料版「Omniverse」の提供開始、.... - GIGAZINE]<br />
+
−
GeForce RTXのGPU parserが必要になる予感
+
  
−
8th Wall<br />
+
=='''具合'''==
−
https://www.8thwall.com/<br />
+
GLB Draco圧縮<br />
−
ブラウザベースの見た目がWebXR 何で？欲しいのコレ
+
圧縮前 597MB÷36個＝平均 16.6MB/個<br />
 +
圧縮後 117MB÷36個＝平均  3.3MB/個
  
−
名称の整理<br />
+
<model-viewer><br />
 +
v1.12.0 アニメーション付きmodelの初期表示が異常 or モデル修正が必要<br />
 +
v1.10.1 正常
 +
 
 +
モデル<br />
 +
[https://dz.plala.jp/ar/?id=candyrockstar&mode=pc unity-chan!] モーションStart/End未整理<br />
 +
[https://dz.plala.jp/ar/?id=curiosity_static&mode=pc curiosity_static] view-src, glb-src 分けないとAndroidのARで問題<br />
 +
[https://dz.plala.jp/ar/?id=le_corbusier_lc2_1r&mode=pc le_corbusier_lc2_1r] 裏面形状未作成<br />
 +
[https://dz.plala.jp/ar/?id=hayabusa2&mode=pc hayabusa2] 一部形状破損
 +
 
 +
=='''調査'''==
 +
[https://www.oculus.com/horizon-worlds/ Horizon Worlds]<br />
 +
[https://www.google.co.jp/search?q=niantic+metaverse niantic metaverse - Google 検索]
 +
 
 +
日本各社のメタバース<br />
 +
[https://www.google.com/search?q=%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9 メタバース - Google 検索]<br />
 +
Metaのメタバース<br />
 +
[https://www.google.com/search?q=Meta+Metaverse Meta Metaverse - Google 検索]<br />
 +
NVIDIAのオムニバース<br />
 +
[https://www.google.com/search?q=NVIDIA+Omniverse NVIDIA Omniverse - Google 検索]
 +
 
 +
KhronosGroup<br />
 +
[https://github.khronos.org/glTF-Project-Explorer/ glTF Project Explorer]<br />
 +
[https://github.com/search?o=desc&p=1&q=gltf&s=stars&type=Repositories Search · gltf · GitHub]
 +
 
 +
===名称の整理===
 
<pre>
 
<pre>
−
Android
+
Universe
−
　└ ARCore: AR framework
+
Multiverse ● ＜＜＜
−
　　└ Scene Viewer: WebAR
+
Metaverse 〇 Meta
−
　　　└ <model-viewer>: Web component
+
Xenoverse
−
　　　　└ GLB, glTF: File format
+
Omniverse 〇 NVIDIA
 +
</pre>
  
 +
<pre>
 +
Android
 +
　└ ARCore
 +
　└ Scene Viewer
 +
　　└ <model-viewer>
 +
　　└ GLB, glTF
 
iPhone
 
iPhone
−
　└ ARKit: AR framework
+
　└ ARKit
−
　　└ AR Quick Look: WebAR
+
　└ AR Quick Look
−
　　　└ <model-viewer>: Web component
+
　　└ <model-viewer>
−
　　　　└ USDZ: File format
+
　　└ USDZ
−
 
+
 
XR/WebXR
 
XR/WebXR
−
　└ AR/WevAR
+
　└ AR/WebAR
 
　└ VR/WebVR
 
　└ VR/WebVR
 
　└ MR
 
　└ MR
−
 
−
Universe
 
−
Multiverse 〇
 
−
Metaverse ● Meta
 
−
Xenoverse
 
−
Omniverse ● NVIDIA
 
 
</pre>
 
</pre>
  
−
=='''調査'''==
 
 
===AR対応デバイス===
 
===AR対応デバイス===
 
[https://developers.google.com/ar/devices ARCore対応デバイス &nbsp;|&nbsp; Google Developers]
 
[https://developers.google.com/ar/devices ARCore対応デバイス &nbsp;|&nbsp; Google Developers]
  
−
===Google検索===
+
===Google検索のAR===
 
[https://dz.plala.jp/wiki_data/google_ar.html Google検索 ARモデル一覧]<br />
 
[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]]
 
[[ファイル:ar_qr_google.png|240px|border]]
74行目: 95行目:
  
 
オーディオ付きARで動いてる<br />
 
オーディオ付きARで動いてる<br />
−
draco_decoderが動いてる
+
draco_decoderで動いてる
  
−
===認識範囲===
+
===ファイル要件===
−
{| class="wikitable" style="width:680px;"
+
四角形メッシュ: three.js 非対応, glTF 非対応
−
| 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]
 
−
 
−
まだ安定してない気がする
 
−
 
−
===動作テスト===
 
−
====<span id="twitter_cards">Twitter Cards</span>====
 
−
https://twitter.com/modelviewer/status/1468282531329970176<br />
 
−
3D Twitter card generator<br />
 
−
https://modelviewer.dev/examples/twitter/generator.html<br />
 
−
テスト<br />
 
−
https://modelviewer.dev/examples/twitter/player.html?src=https://dz.plala.jp/ar/data/amy.glb&poster=https://dz.plala.jp/ar/data/amy.webp&alt=CORS%20test&environmentImage=https%3A%2F%2Fdz.plala.jp%2Far%2Fhdri%2Fmichelle.hdr&exposure=1.3&shadow-intensity=1.0&shadow-softness=0.2<br />
 
−
自サーバCORS 設定済み<br />
 
−
Google Analytics 入ってる > modelviewer.dev自サーバ設置はどお？<br />
 
−
camera-target 効かない
 
−
 
−
====<span id="threejs_quicklook_sceneviewer">Piping Server</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 />
 
Scene Viewer<br />
 
[https://developers.google.com/ar/develop/java/scene-viewer#file_requirements_for_models モデルのファイル要件 &nbsp;|&nbsp; ARCore]
 
[https://developers.google.com/ar/develop/java/scene-viewer#file_requirements_for_models モデルのファイル要件 &nbsp;|&nbsp; ARCore]
  
−
{| class="wikitable" style="width:480px;"
+
{| class="wikitable" style="width:500px;"
 
| style="padding-left:10px;padding-right:10px;width:220px;"| ファイル形式
 
| 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;"| glTF2.0 / GLB
208行目: 138行目:
 
|}
 
|}
  
−
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 />
+
{| class="wikitable" style="width:500px;"
−
[https://github.com/ft-lab/Shade3D_USDExporter GitHub - ft-lab/Shade3D_USDExporter]<br />
+
| style="padding-left:10px;padding-right:10px;text-align:left;"|  
−
[https://www.get-plop.com/post/all-about-ar-file-formats All about AR File Formats]<br />
+
| style="padding-left:10px;padding-right:10px;text-align:center;"| 床
−
 
+
| style="padding-left:10px;padding-right:10px;text-align:center;"| 壁
−
{| class="wikitable" style="width:480px;"
+
| style="padding-left:10px;padding-right:10px;text-align:center;"| 天井
−
| style="padding-left:10px;padding-right:10px;width:220px;"| ファイル形式
+
| style="padding-left:10px;padding-right:10px;text-align:center;"| 顔
−
| style="padding-left:10px;padding-right:10px;"| USDZ
+
| style="padding-left:10px;padding-right:10px;text-align:center;"| ARマーカー
 
|-
 
|-
−
| style="padding-left:10px;padding-right:10px;"| マテリアル
+
| style="padding-left:10px;padding-right:10px;text-align:left;"| Scene Viewer
−
| style="padding-left:10px;padding-right:10px;"| PBR
+
| 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:center;" |
 +
| style="padding-left:10px;padding-right:10px;text-align:center;" |  
 
|-
 
|-
−
| style="padding-left:10px;padding-right:10px;"| テクスチャ
+
| style="padding-left:10px;padding-right:10px;text-align:left;"| AR Quick Look
−
| style="padding-left:10px;padding-right:10px;" | 最大2048×2048
+
| 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;"| ポリゴン数
+
| style="padding-left:10px;padding-right:10px;text-align:center;" | ● ※1
−
| style="padding-left:10px;padding-right:10px;"| 最大100,000
+
| 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;"| アニメーション
+
−
| 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;" |  
+
 
|}
 
|}
−
メッシュ<br />
+
[https://modelviewer.dev/docs/#entrydocs-augmentedreality-attributes-arPlacement &lt;model-viewer&gt; Examples and Documentation]<br />
−
四角形 three.js 非対応<br />
+
※1 [https://www.raywenderlich.com/books/apple-augmented-reality-by-tutorials/v1.0.ea3/chapters/2-ar-quick-look#toc-chapter-005-anchor-002 Apple Augmented Reality by Tutorials, Chapter 2: AR Quick Look]<br />
−
四角形 glTF 非対応
+
[https://user-images.githubusercontent.com/90825510/139180662-1fa56316-436a-452f-94bc-419a7e825c50.mp4 動画]<br />
 +
※2 https://twitter.com/cwervo/status/1283073772304633858<br />
 +
※3 [https://github.com/google/model-viewer/issues/1516 AR Marker : Feature · Issue #1516 · google/model-viewer · GitHub]
 +
 
 +
===<span id="threejs_quicklook_sceneviewer">Size.link</span>===
 +
https://size.link/<br />
 +
https://shopify.engineering/how-we-built-size-link
 
<!--
 
<!--
−
====整形====
+
勉強: https://dz.plala.jp/ar_box/
−
[https://exoside.com/quadremesher/ Quad Remesher - Auto Retopology - EXOSIDE]
+
 
 +
動作テスト<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]
 +
<pre>
 +
https://size.link/box.gltf?w=1&h=2&l=3&units=cm
 +
https://size.link/1/2/3/cm/box.gltf</pre>
 +
 
 +
<pre>
 +
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</pre>
 
-->
 
-->
  
−
メッシュ圧縮 Unity<br />
+
===Candy Rock Star 変換===
−
[https://www.google.com/search?q=Unity+Mesh+Compression Unity Mesh Compression - Google 検索]<br />
+
ユニティちゃん<br />
−
Normalの品質が落ちる<br />
+
[https://unity-chan.com/download/releaseNote.php?id=CandyRockStar Candy Rock Star - UNITY-CHAN! OFFICIAL WEBSITE]
−
OFF or Lowが安全側
+
  
−
===その他===
+
1. Unity 2020.3.12f1<br />
−
<model-viewer><br />
+
　 Project: Scenes > Character Setup ダブルクリック<br />
−
[https://github.com/google/model-viewer/issues/2787 ChromeでAR Quick Lookがcall to actionを表示しない · Issue #2787 · google/model-viewer · GitHub]
+
　 Hierarchy: CandyRockStar > Inspector: Animator Apply Root Motion: OFF<br />
 +
　 Hierarchy: LipSyncController > CandyRockStarの下層に配置 <span style="color:red">※胸が変形するがキーは取れる</span><br />
 +
　 Package Manager Install: FBX Exporter<br />
 +
　 Package Manager Install: Unity Recorder<br />
 +
　 Window > General > Recorder > Recorder Window<br />
 +
2. Recorder<br />
 +
　 Add Recorder: FBX<br />
 +
　 Recording Mode: Frame Interval<br />
 +
　 Start:1 End:7221<br />
 +
　 GameObject: CandyRockStar<br />
 +
2. 3dxmax<br />
 +
　 MTH_DEF (口) AIUEO取れてる スケール変 0-100で再スケール<br />
 +
　 BLW_DEF (眉毛), EL_DEF (まつげ), EYE_DEF (目) キー無い 手付け設定 <span style="color:red">※<model-viewer>で異常</span><br />
 +
　 Babylon.js exporters
  
−
glTFast<br />
+
是非ちゃん<br />
−
[https://github.com/atteneder/glTFast GitHub - atteneder/glTFast]<br />
+
[https://unity-chan.com/download/releaseNote.php?id=ssu_hdrp Sunny Side Up - UNITY-CHAN! OFFICIAL WEBSITE]
−
glTFastをUnity Packageでインストール後、<br />
+
 
−
My Registriesに表示されるDracoとKTX/Basisuをインストール<br />
+
MTH-AIUEO加えると目が<model-viewer>で異常
−
Meshoptは？
+
−
動作テスト中
+
  
−
glTFとUSDの比較<br />
+
VRoid<br />
−
[https://help.sketchfab.com/hc/en-us/articles/360046421631-glTF-and-USDZ glTF and USDZ &ndash; Sketchfab Help Center]<br />
+
[https://hub.vroid.com/ VRoid Hub]
−
[https://ft-lab.jp/blog_3dcg/?p=830 glTFのPBR検証用のサンプルglb &#8211; ft-lab]<br />
+
−
[https://modelviewer.dev/fidelity/ &lt;model-viewer&gt; - Fidelity Test Results]
+
  
−
Substance 3D Painter<br />
+
1. Unity 2020.3.12f1<br />
−
[https://substance3d.adobe.com/documentation/spdoc/search?q=glTF glTF Search Results | Substance 3D Painter]<br />
+
　 UniVRM v0.98.0 vrm取り込み<br />
−
[https://substance3d.adobe.com/documentation/spdoc/search?q=USDZ  USDZ Search Results | Substance 3D Painter]
+
　 最低限設定 [https://qiita.com/VirtualDollRio/items/ccd8026617a772d1ee9d VRMモデルでCandy Rock Star踊ってみた - Qiita]<br />
 +
　 Spply Root Motion > OFF (常に中央配置)<br />
 +
　 Scene > Character Setup にVRMモデル配置<br />
 +
　 Main CameraとVRMモデル以外非表示<br />
 +
　 Unity RecorderでFBX書き出し
 +
 
 +
2. 3dsmax<br />
 +
　 不要なライト、カメラ、ダミーを削除<br />
 +
　 モーション作成<br />
 +
　 FBX書き出し<br />
 +
 
 +
3. Unity 2019.4.11f1<br />
 +
　 Unity 2020.3.12f1 からTexturesをコピー<br />
 +
　 LegacyでFBX取り込み<br />
 +
　 180度回転<br />
 +
　 Plattar/gltf-exporter v1.93.0 glTF書き出し <span style="color:red">※モーフ未対応</span><br />
 +
　 GLB Packer
 +
 
 +
4. Gestaltor Pro<br />
 +
　 unlit参考 [https://github.com/google/model-viewer/blob/master/packages/shared-assets/models/Astronaut-Unlit.glb model-viewer/Astronaut-Unlit.glb at master · google/model-viewer · GitHub]<br />
 +
　 全て Double Sides, Alpha Node: Mask<br />
 +
　 全て Normalなので不要な物外す<br />
 +
　 全て Unlit<br />
 +
　 全て Convert Primitives to Meshes<br />
 +
　 全て Draco圧縮<br />
 +
　 全て Normal画像 > jpg変換<br />
 +
　 Automation > Cleanup by Type > Nodes<br />
 +
　 Automation > Cleanup by Type > Texture Coordinate Attributes<br />
 +
　 Automation > Optomaize All > Animations<br />
 +
　 ※極端に軽量化するが処理内容は未確認 42MB > 18MB<br />
 +
　 [https://modelviewer.dev/editor/ Google Model Editor]通すとValidation Error消える<br />
 +
5. <model-viewer><br />
 +
　 envmap 単色白
 +
 
 +
===その他===
 +
VRM Humanoid FBX Export<br />
 +
https://twitter.com/hinzka/status/1505456861880881154<br />
 +
 
 +
Javascript Motion Detect<br />
 +
https://gigazine.net/news/20211112-kalidokit/<br />
 +
https://www.moguravr.com/kalidoface-3d-2/<br />
 +
https://blog.tensorflow.org/2022/01/body-segmentation.html
  
 
フォトグラメトリ<br />
 
フォトグラメトリ<br />
290行目: 284行目:
 
[https://github.com/alicevision/meshroom GitHub - alicevision/meshroom]
 
[https://github.com/alicevision/meshroom GitHub - alicevision/meshroom]
  
−
=='''開発環境'''==
+
=='''環境'''==
−
{| class="wikitable" style="width:480px;"
+
{| class="wikitable" style="width:500px;"
 
| style="padding-left:10px;padding-right:10px;"| オーサリング
 
| style="padding-left:10px;padding-right:10px;"| オーサリング
−
| style="padding-left:10px;padding-right:10px;" | Unity, glTF Exporter, GLB Packer, USD Exporter
+
| style="padding-left:10px;padding-right:10px;" | Unity, Gestaltor Pro
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| DCCツール
 
| style="padding-left:10px;padding-right:10px;"| DCCツール
−
| style="padding-left:10px;padding-right:10px;" | 3dsMax, Substance 3D Painter, HDR Light Studio
+
| style="padding-left:10px;padding-right:10px;" | 3dsMax, V-Ray, Substance Painter, HDR Light Studio
−
|-
+
−
| style="padding-left:10px;padding-right:10px;"| デバッグ
+
−
| style="padding-left:10px;padding-right:10px;"| <model-viewer>, glTF Validator, Android Emulator,<br />iPhone XS
+
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| サーバ
 
| style="padding-left:10px;padding-right:10px;"| サーバ
305行目: 296行目:
 
|}
 
|}
  
−
glTF Exporter<br />
+
===Unity===
−
[https://github.com/Plattar/gltf-exporter GitHub - Plattar/gltf-exporter]
+
glTFast<br />
 +
[https://github.com/atteneder/glTFast GitHub - atteneder/glTFast]<br />
 +
JPGがPNGに変換されてる？<br />
 +
都合悪い
  
−
GLB Packer<br />
+
glTF Importer/Exporter<br />
−
[https://github.com/sbtron/makeglb GitHub - sbtron/makeglb]
+
[https://github.com/Plattar/gltf-exporter GitHub - Plattar/gltf-exporter]<br />
 +
Unity2019.4.11f1<br />
 +
JPG可
  
−
USD Exporter<br />
+
USDZ Exporter<br />
 
[https://github.com/Unity-Technologies/usd-unity-sdk GitHub - Unity-Technologies/usd-unity-sdk]<br />
 
[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 コンテンツを... - 強火で進め]<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ファイルを出力する方法) - 強火で進め]
+
Unity2019.4以上
  
−
HDR Light Studio<br />
+
===Gestaltor Pro===
−
https://www.lightmap.co.uk/
+
[https://gestaltor.io/releases/ Releases &#8211; Gestaltor]<br />
 +
2022.2.0<br />
 +
GLB Draco圧縮 安定<br />
 +
USDZ Export 不安定<br />
 +
[[ファイル:gestaltor_aces.png|400px|border]]
  
−
Android Emulator<br />
+
===Substance Painter===
−
[https://developer.android.com/studio/run/emulator Android Emulator 上でアプリを実行する &nbsp;|&nbsp; Android Developers]
+
[https://github.com/google/model-viewer/discussions/2994#discussioncomment-2237129 shader settings and color profiles · google/model-viewer · GitHub]
  
−
<!--
+
===3dsMax===
−
==='''gltf2usd'''===
+
Babylon.js exporters<br />
−
[https://github.com/kcoley/gltf2usd GitHub - kcoley/gltf2usd]<br />
+
[https://github.com/BabylonJS/Exporters GitHub - BabylonJS/Exporters]<br />
 +
V-Ray AO Bake 参考<br />
 +
[http://www.laurenscorijn.com/articles/ambient-occlusion-baking Ambient Occlusion Baking &#8211; Laurens Corijn]
  
−
VMware Workstation 15 Player
+
===Docker===
−
Ubuntu 18.04.3 LTS
+
GLB > USDZ 変換向け<br />
 +
[https://github.com/leon/docker-gltf-to-udsz GitHub - google/usd_from_gltf - docker]<br />
 +
補足: [https://github.com/google/usd_from_gltf GitHub - google/usd_from_gltf]<br />
 +
補足: [https://help.sketchfab.com/hc/en-us/articles/360046421631-glTF-and-USDZ glTF and USDZ &ndash; Sketchfab Help Center]
  
−
インストール
+
Draco圧縮<br />
−
<syntaxhighlight lang="bash">
+
[https://opensource.googleblog.com/2019/11/google-and-pixar-add-draco-compression.html Google and Pixar add Draco Compression.... | Google Open Source Blog]<br />
−
$ sudo apt install zlib1g-dev
+
USDZは非圧縮ZIP<br />
−
$ sudo apt install openexr
+
2022/03/31 待ち
−
$ 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">
+
Viewer/Editor<br />
−
$ cd ~
+
[https://modelviewer.dev/editor/ Google Model Editor]<br />
−
$ cd gltf2usd/Source
+
[https://gltf-viewer.donmccurdy.com/ Don McCurdy glTF Viewer]<br />
−
$ export PYTHONPATH=$PYTHONPATH:/usr/local/USD/lib/python
+
[https://github.khronos.org/glTF-Sample-Viewer-Release/ KhronosGroup glTF 2.0 Sample Viewer]<br />
−
$ export PATH=$PATH:/usr/local/USD/bin
+
[https://playcanvas.com/model-viewer PlayCanvas glTF Viewer]
−
$ 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'''===
+
GLB Packer<br />
−
[https://github.com/google/usd_from_gltf GitHub - google/usd_from_gltf]
+
[https://github.com/sbtron/makeglb GitHub - sbtron/makeglb]
  
−
VMware Workstation 15 Player
+
Twitterカード<br />
−
Ubuntu 18.04.3 LTS
+
[https://modelviewer.dev/examples/twitter/generator.html Google 3D Twitter card]
−
 
+
−
インストール
+
−
<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)まで
+
−
 
+
−
assets hdri<br />
+
−
https://github.com/google/model-viewer/tree/master/packages/shared-assets/environments<br />
+
−
https://hdrihaven.com/
+
−
 
+
−
-->
+
−
<model-viewer><br />
+
−
[https://github.com/google/model-viewer GitHub - google/model-viewer]<br />
+
−
[https://modelviewer.dev/editor/ Model Editor - <model-viewer>]
+
  
−
素材<br />
+
=='''source'''==
−
[https://polyhaven.com/all Poly Haven]
+
[https://github.com/google/model-viewer GitHub - google/model-viewer]
  
−
PWA
 
 
  [https://dz.plala.jp/ar/index.html index.html]
 
  [https://dz.plala.jp/ar/index.html index.html]
 +
[https://dz.plala.jp/ar/index.php.txt index.php.txt]
 
  [https://dz.plala.jp/ar/script.js script.js]
 
  [https://dz.plala.jp/ar/script.js script.js]
 
  [https://dz.plala.jp/ar/style.css style.css]
 
  [https://dz.plala.jp/ar/style.css style.css]
 
  [https://dz.plala.jp/ar/data.json data.json]
 
  [https://dz.plala.jp/ar/data.json data.json]
 +
[https://dz.plala.jp/ar/banner.html banner.html]
  
 +
CandyRockStar
 +
https://dz.plala.jp/wiki_data/CandyRockStar.zip
 +
https://dz.plala.jp/wiki_data/CandyRockStarZehi.zip
 +
https://dz.plala.jp/wiki_data/CandyRockStar_VRM_B.zip
 +
https://dz.plala.jp/wiki_data/CandyRockStar_DEF.mp4
  
 
[[ファイル:WebXR_PWA.png|240px]]
 
[[ファイル:WebXR_PWA.png|240px]]
  
 
=='''更新履歴'''==
 
=='''更新履歴'''==
 +
* 2022.03.31 全体見直し
 
* 2022.01.06 全体見直し  
 
* 2022.01.06 全体見直し  
 
* 2021.09.11 Google検索 ARモデル 追加
 
* 2021.09.11 Google検索 ARモデル 追加

2022年6月24日 (金) 05:35時点における最新版

GLBとUSDZを作り<model-viewer>で表示してみます。

Multiverse XR

Ar qr.png

メモ

メタバース標準化フォーラム
Metaverse Standards Forum

アプリレスポケモンGO出来そう
geolocation認証
2つの座標間の距離を求める - Qiita
緯度経度から2地点間の距離 (km) を計算する JavaScript - Qiita
山手線全駅30ヶ所に出現アンカーどうだろう？
ＪＲ山手線（大崎〜品川） 駅の緯度経度・地点一覧
マップサンプル

デバイス認証プログラム
OrbitControlsを停止しデバイスモーションをカメラに連動させると気持ちいいい予感

具合

GLB Draco圧縮
圧縮前 597MB÷36個＝平均 16.6MB/個
圧縮後 117MB÷36個＝平均 3.3MB/個

<model-viewer>
v1.12.0 アニメーション付きmodelの初期表示が異常 or モデル修正が必要
v1.10.1 正常

モデル
unity-chan! モーションStart/End未整理
curiosity_static view-src, glb-src 分けないとAndroidのARで問題
le_corbusier_lc2_1r 裏面形状未作成
hayabusa2 一部形状破損

調査

Horizon Worlds
niantic metaverse - Google 検索

日本各社のメタバース
メタバース - Google 検索
Metaのメタバース
Meta Metaverse - Google 検索
NVIDIAのオムニバース
NVIDIA Omniverse - Google 検索

KhronosGroup
glTF Project Explorer
Search · gltf · GitHub

名称の整理

Universe
Multiverse ● ＜＜＜
Metaverse 〇 Meta
Xenoverse
Omniverse 〇 NVIDIA

Android
　└ ARCore
　└ Scene Viewer
　　└ <model-viewer>
　　└ GLB, glTF
iPhone
　└ ARKit
　└ AR Quick Look
　　└ <model-viewer>
　　└ USDZ
XR/WebXR
　└ AR/WebAR
　└ VR/WebVR
　└ MR

AR対応デバイス

ARCore対応デバイス  |  Google Developers

Google検索のAR

Google検索 ARモデル一覧

Ar qr google.png

iPhone
1. Google アプリ インストール
2. 検索窓のカメラアイコンをクリック
3. 上記QRコードを読み取り、ウェブサイトを開く
4. お気に入りに登録

オーディオ付きARで動いてる
draco_decoderで動いてる

ファイル要件

四角形メッシュ: three.js 非対応, glTF 非対応

Scene Viewer
モデルのファイル要件  |  ARCore

ファイル形式 glTF2.0 / GLB
マテリアル PBR
テクスチャ 最大2048×2048
ポリゴン数 30,000～50,000 最大100,000
アニメーション 対応
マテリアル数 10 (アルファ付きは2枚まで)
マテリアル当たりのメッシュ数 1
ボーン数 最大254
頂点当たりのウェイト数 最大4
メッシュ当たりUV数 1
モデルサイズ 10MB

認識範囲

床 壁 天井 顔 ARマーカー
Scene Viewer ● ●
AR Quick Look ● ● ● ※1 ● ※2 ● ※3

<model-viewer> Examples and Documentation
※1 Apple Augmented Reality by Tutorials, Chapter 2: AR Quick Look
動画
※2 https://twitter.com/cwervo/status/1283073772304633858
※3 AR Marker : Feature · Issue #1516 · google/model-viewer · GitHub

Size.link

https://size.link/
https://shopify.engineering/how-we-built-size-link

Candy Rock Star 変換

ユニティちゃん
Candy Rock Star - UNITY-CHAN! OFFICIAL WEBSITE

1. Unity 2020.3.12f1
　 Project: Scenes > Character Setup ダブルクリック
　 Hierarchy: CandyRockStar > Inspector: Animator Apply Root Motion: OFF
　 Hierarchy: LipSyncController > CandyRockStarの下層に配置 ※胸が変形するがキーは取れる
　 Package Manager Install: FBX Exporter
　 Package Manager Install: Unity Recorder
　 Window > General > Recorder > Recorder Window
2. Recorder
　 Add Recorder: FBX
　 Recording Mode: Frame Interval
　 Start:1 End:7221
　 GameObject: CandyRockStar
2. 3dxmax
　 MTH_DEF (口) AIUEO取れてる スケール変 0-100で再スケール
　 BLW_DEF (眉毛), EL_DEF (まつげ), EYE_DEF (目) キー無い 手付け設定 ※<model-viewer>で異常
　 Babylon.js exporters

是非ちゃん
Sunny Side Up - UNITY-CHAN! OFFICIAL WEBSITE

MTH-AIUEO加えると目が<model-viewer>で異常

VRoid
VRoid Hub

1. Unity 2020.3.12f1
　 UniVRM v0.98.0 vrm取り込み
　 最低限設定 VRMモデルでCandy Rock Star踊ってみた - Qiita
　 Spply Root Motion > OFF (常に中央配置)
　 Scene > Character Setup にVRMモデル配置
　 Main CameraとVRMモデル以外非表示
　 Unity RecorderでFBX書き出し

2. 3dsmax
　 不要なライト、カメラ、ダミーを削除
　 モーション作成
　 FBX書き出し

3. Unity 2019.4.11f1
　 Unity 2020.3.12f1 からTexturesをコピー
　 LegacyでFBX取り込み
　 180度回転
　 Plattar/gltf-exporter v1.93.0 glTF書き出し ※モーフ未対応
　 GLB Packer

4. Gestaltor Pro
　 unlit参考 model-viewer/Astronaut-Unlit.glb at master · google/model-viewer · GitHub
　 全て Double Sides, Alpha Node: Mask
　 全て Normalなので不要な物外す
　 全て Unlit
　 全て Convert Primitives to Meshes
　 全て Draco圧縮
　 全て Normal画像 > jpg変換
　 Automation > Cleanup by Type > Nodes
　 Automation > Cleanup by Type > Texture Coordinate Attributes
　 Automation > Optomaize All > Animations
　 ※極端に軽量化するが処理内容は未確認 42MB > 18MB
　 Google Model Editor通すとValidation Error消える
5. <model-viewer>
　 envmap 単色白

その他

VRM Humanoid FBX Export
https://twitter.com/hinzka/status/1505456861880881154

Javascript Motion Detect
https://gigazine.net/news/20211112-kalidokit/
https://www.moguravr.com/kalidoface-3d-2/
https://blog.tensorflow.org/2022/01/body-segmentation.html

フォトグラメトリ
LiDAR - Twitter検索
LiDAR - Sketchfab
デザイン向けの3Dフォトグラメトリソフトウェア | Unity
RealityCapture: Mapping and 3D Modeling Photogrammetry Software - CapturingReality.com
3DF Zephyr - photogrammetry software - 3d models from photos
Steam：3DF Zephyr Lite Steam Edition
Agisoft Metashape
GitHub - alicevision/meshroom

環境

オーサリング Unity, Gestaltor Pro
DCCツール 3dsMax, V-Ray, Substance Painter, HDR Light Studio
サーバ Piping Server (検討)

Unity

glTFast
GitHub - atteneder/glTFast
JPGがPNGに変換されてる？
都合悪い

glTF Importer/Exporter
GitHub - Plattar/gltf-exporter
Unity2019.4.11f1
JPG可

USDZ Exporter
GitHub - Unity-Technologies/usd-unity-sdk
Unity を使って iPhone 向けの AR コンテンツを... - 強火で進め
Unity2019.4以上

Gestaltor Pro

Releases – Gestaltor
2022.2.0
GLB Draco圧縮 安定
USDZ Export 不安定
Gestaltor aces.png

Substance Painter

shader settings and color profiles · google/model-viewer · GitHub

3dsMax

Babylon.js exporters
GitHub - BabylonJS/Exporters
V-Ray AO Bake 参考
Ambient Occlusion Baking – Laurens Corijn

Docker

GLB > USDZ 変換向け
GitHub - google/usd_from_gltf - docker
補足: GitHub - google/usd_from_gltf
補足: glTF and USDZ – Sketchfab Help Center

Draco圧縮
Google and Pixar add Draco Compression.... | Google Open Source Blog
USDZは非圧縮ZIP
2022/03/31 待ち

ブラウザ

Viewer/Editor
Google Model Editor
Don McCurdy glTF Viewer
KhronosGroup glTF 2.0 Sample Viewer
PlayCanvas glTF Viewer

GLB Packer
GitHub - sbtron/makeglb

Twitterカード
Google 3D Twitter card

source

GitHub - google/model-viewer 

index.html
index.php.txt
script.js
style.css
data.json
banner.html

CandyRockStar 

https://dz.plala.jp/wiki_data/CandyRockStar.zip
https://dz.plala.jp/wiki_data/CandyRockStarZehi.zip
https://dz.plala.jp/wiki_data/CandyRockStar_VRM_B.zip
https://dz.plala.jp/wiki_data/CandyRockStar_DEF.mp4

WebXR PWA.png

更新履歴

  • 2022.03.31 全体見直し
  • 2022.01.06 全体見直し
  • 2021.09.11 Google検索 ARモデル 追加
  • 2020.05.13 ソース書き換え
  • 2020.05.10 アニメーション付きUSDZ追加
  • 2019.10.25 公開
「http://dz.plala.jp/wiki/index.php?title=Multiverse_XR_Viewer&oldid=46691」から取得