「Multiverse XR Viewer」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(名称の整理)
(名称の整理)
69行目: 69行目:
 
  └ <model-viewer>
 
  └ <model-viewer>
 
  └ GLB, glTF
 
  └ GLB, glTF
 
 
iPhone
 
iPhone
 
 └ ARKit
 
 └ ARKit
75行目: 74行目:
 
  └ <model-viewer>
 
  └ <model-viewer>
 
  └ USDZ
 
  └ USDZ
 
 
XR/WebXR
 
XR/WebXR
 
 └ AR/WebAR
 
 └ AR/WebAR

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 公開