「Multiverse XR Viewer」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(VRoid)
(具合)
 
(同じ利用者による、間の103版が非表示)
3行目: 3行目:
 
|}
 
|}
  
GLBとUSDZを作り<model-viewer>に組込みしてみます。
+
GLBとUSDZを作り<model-viewer>で表示してみます。
  
 
[https://dz.plala.jp/ar Multiverse XR]
 
[https://dz.plala.jp/ar Multiverse XR]
  
[[ファイル:ar_qr.png|240px|border]]
+
[[ファイル:ar_qr.png|240px|border|link=]]
  
 
=='''具合'''==
 
=='''具合'''==
 +
<!--
 +
[[ファイル:multiverse_xr_thumb.jpg|240px|border]]
 +
 +
<br />
 +
-->
 
GLB Draco圧縮<br />
 
GLB Draco圧縮<br />
 
圧縮前 597MB÷36個=平均 16.6MB/個<br />
 
圧縮前 597MB÷36個=平均 16.6MB/個<br />
 
圧縮後 117MB÷36個=平均  3.3MB/個
 
圧縮後 117MB÷36個=平均  3.3MB/個
 
<model-viewer><br />
 
v1.12.0 アニメーション付きmodelの初期表示が異常 or モデル修正が必要<br />
 
v1.10.1 正常<br />
 
iPhoneのaudio遅延 気になる クリックイベント?AudioContext?
 
  
 
モデル<br />
 
モデル<br />
24行目: 24行目:
 
[https://dz.plala.jp/ar/?id=le_corbusier_lc2_1r&mode=pc le_corbusier_lc2_1r] 裏面形状未作成<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://dz.plala.jp/ar/?id=hayabusa2&mode=pc hayabusa2] 一部形状破損
 
様子見<br />
 
スマホでaudio再生位置がずれる<br />
 
[https://qiita.com/igtm/items/0d421d3284c8ff1cc7aa クリック遅延を簡単解消! - Qiita]<br />
 
325msをcurrentTimeに加算<br />
 
loop発火でも同じ現象で加算
 
  
 
=='''調査'''==
 
=='''調査'''==
43行目: 37行目:
  
 
KhronosGroup<br />
 
KhronosGroup<br />
[https://github.khronos.org/glTF-Project-Explorer/ glTF Project Explorer]
+
[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>
 +
Universe
 +
Multiverse ● <<<
 +
Metaverse 〇 Meta
 +
Xenoverse
 +
Omniverse 〇 NVIDIA
 +
</pre>
 +
 
<pre>
 
<pre>
 
Android
 
Android
52行目: 55行目:
 
  └ <model-viewer>
 
  └ <model-viewer>
 
  └ GLB, glTF
 
  └ GLB, glTF
 
 
iPhone
 
iPhone
 
 └ ARKit
 
 └ ARKit
58行目: 60行目:
 
  └ <model-viewer>
 
  └ <model-viewer>
 
  └ USDZ
 
  └ USDZ
 
 
XR/WebXR
 
XR/WebXR
 
 └ AR/WebAR
 
 └ AR/WebAR
 
 └ VR/WebVR
 
 └ VR/WebVR
 
 └ MR
 
 └ MR
 
Universe
 
Multiverse 〇
 
Metaverse ● Meta
 
Xenoverse
 
Omniverse ● NVIDIA
 
 
</pre>
 
</pre>
  
77行目: 72行目:
 
[https://dz.plala.jp/wiki_data/google_ar.html Google検索 ARモデル一覧]<br />
 
[https://dz.plala.jp/wiki_data/google_ar.html Google検索 ARモデル一覧]<br />
  
[[ファイル:ar_qr_google.png|240px|border]]
+
[[ファイル:ar_qr_google.png|240px|border|link=]]
  
 
<span style="font-weight:bold">iPhone</span><br />
 
<span style="font-weight:bold">iPhone</span><br />
127行目: 122行目:
 
| style="padding-left:10px;padding-right:10px;"| モデルサイズ
 
| style="padding-left:10px;padding-right:10px;"| モデルサイズ
 
| style="padding-left:10px;padding-right:10px;" | 10MB
 
| style="padding-left:10px;padding-right:10px;" | 10MB
|}
 
 
AR Quick Look<br />
 
[https://www.get-plop.com/post/all-about-ar-file-formats All about AR File Formats]<br />
 
公式に数値ないだろうか?<br />
 
 
{| class="wikitable" style="width:500px;"
 
| 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;" |
 
 
|}
 
|}
  
193行目: 149行目:
 
[https://modelviewer.dev/docs/#entrydocs-augmentedreality-attributes-arPlacement &lt;model-viewer&gt; Examples and Documentation]<br />
 
[https://modelviewer.dev/docs/#entrydocs-augmentedreality-attributes-arPlacement &lt;model-viewer&gt; Examples and Documentation]<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 />
 
※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 />
 +
[https://user-images.githubusercontent.com/90825510/139180662-1fa56316-436a-452f-94bc-419a7e825c50.mp4 動画]<br />
 
※2 https://twitter.com/cwervo/status/1283073772304633858<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]
 
※3 [https://github.com/google/model-viewer/issues/1516 AR Marker : Feature · Issue #1516 · google/model-viewer · GitHub]
229行目: 186行目:
 
-->
 
-->
  
===<span>Unity</span>===
+
===Candy Rock Star 変換===
====<span>ユニティちゃん</span>====
+
ユニティちゃん<br />
 
[https://unity-chan.com/download/releaseNote.php?id=CandyRockStar Candy Rock Star - UNITY-CHAN! OFFICIAL WEBSITE]
 
[https://unity-chan.com/download/releaseNote.php?id=CandyRockStar Candy Rock Star - UNITY-CHAN! OFFICIAL WEBSITE]
  
250行目: 207行目:
 
  Babylon.js exporters
 
  Babylon.js exporters
  
====<span>是非ちゃん</span>====
+
是非ちゃん<br />
 
[https://unity-chan.com/download/releaseNote.php?id=ssu_hdrp Sunny Side Up - UNITY-CHAN! OFFICIAL WEBSITE]
 
[https://unity-chan.com/download/releaseNote.php?id=ssu_hdrp Sunny Side Up - UNITY-CHAN! OFFICIAL WEBSITE]
  
 
MTH-AIUEO加えると目が<model-viewer>で異常
 
MTH-AIUEO加えると目が<model-viewer>で異常
  
====<span>VRoid</span>====
+
VRoid<br />
 
[https://hub.vroid.com/ VRoid Hub]
 
[https://hub.vroid.com/ VRoid Hub]
  
279行目: 236行目:
  
 
4. Gestaltor Pro<br />
 
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]
+
  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 />
 
  全て Double Sides, Alpha Node: Mask<br />
  全て KHR unlit<br />
 
 
  全て Normalなので不要な物外す<br />
 
  全て Normalなので不要な物外す<br />
 +
  全て Unlit<br />
 
  全て Convert Primitives to Meshes<br />
 
  全て Convert Primitives to Meshes<br />
 
  全て Draco圧縮<br />
 
  全て Draco圧縮<br />
346行目: 303行目:
 
GLB Draco圧縮 安定<br />
 
GLB Draco圧縮 安定<br />
 
USDZ Export 不安定<br />
 
USDZ Export 不安定<br />
[[ファイル:gestaltor_aces.png|400px|border]]
+
[[ファイル:gestaltor_aces.png|400px|border|link=]]
  
 
===Substance Painter===
 
===Substance Painter===
365行目: 322行目:
 
Draco圧縮<br />
 
Draco圧縮<br />
 
[https://opensource.googleblog.com/2019/11/google-and-pixar-add-draco-compression.html Google and Pixar add Draco Compression.... | Google Open Source Blog]<br />
 
[https://opensource.googleblog.com/2019/11/google-and-pixar-add-draco-compression.html Google and Pixar add Draco Compression.... | Google Open Source Blog]<br />
2022/03/31 待ち
+
USDZは非圧縮ZIP<br />
 +
2022/03/31 待ち
  
 
===ブラウザ===
 
===ブラウザ===
395行目: 353行目:
 
  https://dz.plala.jp/wiki_data/CandyRockStar_VRM_B.zip
 
  https://dz.plala.jp/wiki_data/CandyRockStar_VRM_B.zip
 
  https://dz.plala.jp/wiki_data/CandyRockStar_DEF.mp4
 
  https://dz.plala.jp/wiki_data/CandyRockStar_DEF.mp4
 
[[ファイル:WebXR_PWA.png|240px]][[ファイル:WebXR_banner.png|top]]
 
  
 
=='''更新履歴'''==
 
=='''更新履歴'''==

2022年9月24日 (土) 10:23時点における最新版

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

Multiverse XR

Ar qr.png

具合

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

モデル
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

更新履歴

  • 2022.03.31 全体見直し
  • 2022.01.06 全体見直し
  • 2021.09.11 Google検索 ARモデル 追加
  • 2020.05.13 ソース書き換え
  • 2020.05.10 アニメーション付きUSDZ追加
  • 2019.10.25 公開