「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 JR山手線(大崎〜品川) 駅の緯度経度・地点一覧]<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ヶ所に出現アンカーどうだろう?
JR山手線(大崎〜品川) 駅の緯度経度・地点一覧
マップサンプル

デバイス認証プログラム
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 公開