Upgrade to Pro — share decks privately, control downloads, hide ads and more …

clusterとVRM

 clusterとVRM

m2wasabi

May 09, 2019
Tweet

More Decks by m2wasabi

Other Decks in Technology

Transcript

  1. clusterとVRM
    cluster.unity #2 2019/05/09
    えむにわ @m2wasabi

    View full-size slide

  2. 皆さんに質問
    clusterでマイアバター使ったことありますか

    View full-size slide

  3. 今回のテーマ
    clusterでのVRMの使い方

    View full-size slide

  4. 目次
    • Knowledges -知見-
     VRM in cluster のトリセツ
     VRMの調整
     表情について
     悲しみのマイアバター in ClusterLive
    • Advertizement -宣伝-
     VRM FANBOOK
     LiveAvatar
     VRM勉強会2

    View full-size slide

  5. VRM in cluster
    のトリセツ
    使ってみようマイアバター(ポイントだけ)

    View full-size slide

  6. 自分のVRMを
    clusterで使うには
    • clusterのWebでアップロードするだけ!
    • ただし制約があります

    View full-size slide

  7. cluster対応VRMの調整
    • Clusterのアバター制約
    パラメータ 制限 きつい?
    ファイルサイズ 25MB 普通
    GameObjectの数 256 余裕
    ポリゴン数 32000 少し厳しい
    メッシュの数 16 普通
    サブメッシュを含めた
    メッシュ数の合計
    32 普通
    ブレンドシェイプの数 64 普通
    ボーンの数 128 モデルにより厳しい
    https://clustervr.gitbook.io/sdk/avatar_customization/avatar_limit

    View full-size slide

  8. cluster対応VRMの調整
    • Clusterのアバター制約
    パラメータ 制限 対応策
    ファイルサイズ 25MB テクスチャの解像度
    を下げる
    首ちょんぱ
    GameObjectの数 256 まず引っ掛からない
    ポリゴン数 32000 ポリゴン数削減
    メッシュの数 16 メッシュ統合
    サブメッシュを含めた
    メッシュ数の合計
    32 メッシュ統合
    ブレンドシェイプの数 64 減らす
    ボーンの数 128 減らす・再ウェイト
    個々の手法は時間が余ったら話します。(スライド後半にあるよ)

    View full-size slide

  9. VRM調整の方法
    • 詳しい手法は拙著の 『VRM FANBOOK』に記載して
    います。無料!
    https://booth.pm/ja/items/1037223

    View full-size slide

  10. VRMアバターの表情について
    • VRモードでのみ、VRMアバターの表情を操作できま
    す。
    モデル:社畜ちゃん
    https://syachiku-chan.com/?page_id=248

    View full-size slide

  11. アバターの表情のしくみ
    • clusterの表情はポーズで決まるよ(VRのみ)
    https://clusterhelp.zendesk.com/hc/ja/articles/360003826992
    JOY
    片手or両手を前に挙げる
    ANGRY
    片手or両手を後ろに回す
    SORROW
    両手を顔に近づける

    View full-size slide

  12. アバターの表情のしくみ
    • clusterの表情はポーズで決まるよ(VRのみ)
    JOY
    片手or両手を前に挙げる
    ANGRY
    片手or両手を後ろに回す
    ※手を後ろに回す女の子ポーズ、実は顔は怒ってる
    SORROW
    両手を顔に近づける
    ※にゃんにゃんポーズしてるあなた、とても悲しい顔です…
    暴発に気を付けよう!!(とても難しい)

    View full-size slide

  13. 悲しみの
    マイアバター
    in cluster Live
    突如襲い掛かる非対称性の罠

    View full-size slide

  14. cluster Liveは楽しい
    • 輝夜 月 LIVE@ZeppVR2 行ってきました
    エビアレルギーだけど楽しかった!

    View full-size slide

  15. Live中を襲った悲劇
    • あれ?俺氏視点低くね?
    アイレベル

    View full-size slide

  16. 当日のアバター
    圧倒的低身長…

    View full-size slide

  17. 低身長ゆえにあふれる悔しさ

    View full-size slide

  18. 圧倒的成長!!
    https://hub.vroid.com/characters/4090755318875165615/models/4852208031337082805
    そして、いとも簡単に捨てられる人間性

    View full-size slide

  19. そして戻ってきた!
    良い眺めだ…!!
    やはり高みから見る景色が違う…

    View full-size slide

  20. まとめ
    • clusterのVRM導入、制限さえ満たせば簡単
     とりあえずやってみて?
     アバター製作者気にしてくれるとありがたい
    • cluster Liveのとき、アバターは固定になるけど、
    マイアバターの身長だけは反映されるぞ!
    気を付けよう!
     ライブ見たさに人間やめるか…

    View full-size slide

  21. 宣伝コーナー

    View full-size slide

  22. LiveAvatar作ってます
    OSSのアバターパペットツール
    https://github.com/m2wasabi/LiveAvatar
    身につける装備なしで使える!
    バーチャル対面コミュニケーション
    守衛のおじさん や 受付けのお姉さん
    アップデートしていいんだよ!
    設置はシンプル!
    コントローラー持って椅子に座るだけ!
    VOICEROIDなどの音声合成にも対応!

    View full-size slide

  23. ライブラリ作ってます
    VRM Loader UI
    https://github.com/m2wasabi/VRMLoaderUI
    編集自由なのでカスタマイズして使おう!
    VRM読み込むUI

    View full-size slide

  24. 本(同人誌)も書いてます
    技術書典5
    VRMセットアップ本
    https://m2wasabi.booth.pm/
    技術書典6
    MToon / VRMハック技
    詳しくはWebで!

    View full-size slide

  25. ExtraTrack
    時間が余ったら話すやつ

    View full-size slide

  26. VRM調整の手法 ①
    テクスチャ解像度を下げる
    • テクスチャの解像度を2の乗数の正方形にする
     512x512, 1024x1024, 2048x2048 など
    • 単純に情報量が4倍づつ変わってくる!
    2048x2048
    1.63MB
    1024x1024
    724KB
    512x512
    261KB

    View full-size slide

  27. VRM調整の手法 ②
    首ちょんぱ
    • VRMの仕様上、BlendShapeは、
    対応するメッシュのコピーを持って記録している
    • 一般的人体モデルの場合、
    BlendShapeは顔に集中している
    • BlendShapeの多いメッシュを別メッシュにすると
    ファイルサイズが小さくなる

    View full-size slide

  28. VRM調整の手法 ③
    ポリゴン数削減
    • 無料でやりたい人: blenderを使う
     ※VRM FANBOOKで取り上げています
    • お金で殴る人:Mesh Simplifyを使う
     今セール中!
    https://assetstore.unity.com/packages/tools/modeling/mesh-simplify-43658

    View full-size slide

  29. VRM調整の手法 ④
    メッシュ統合
    • blenderのjoinを使いましょう
     ※VRM FANBOOKで取り上げています

    View full-size slide

  30. VRM調整の手法 ⑤
    ブレンドシェイプの削減
    • blenderで削減しましょう
    使わないものを消す
    Basisは消しちゃダメ

    View full-size slide

  31. VRM調整の手法 ⑥
    ボーンの削減
    • blenderで削減しましょう
    これは大変なのでblenderの本とか読んで!

    View full-size slide

  32. Thanks for your attention
    おしまい!

    View full-size slide