VRM 標準シェーダ MToon の使い方
?
7 likes?62,837 views
2018/10/4 歌舞伎座.tech #15「バーチャルキャストを支える技術」 VRM 標準シェーダ MToon の使い方
![作業環境
●
●
○
●
●
● の導入? 制作は
公式 を参照
● 設定 に差異あり
[1] https://dwango.github.io/vrm/how_to_make_vrm](https://image.slidesharecdn.com/mtoon-190924123458/85/VRM-MToon-8-320.jpg)
VRM 標準シェーダ MToon の使い方
- 2. 自己紹介 名前：角 真宇（すみ まさたか） ＨＮ：さんたー 手段： プログラミング（もっぱら ） モデリング（もっぱら ） 仕事：ニコニ立体 ニコ生放送（月ノ美兎?電脳少女シロ?ときのそら ）
- 3. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 4. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 5. とは ● アニメ的表現を目的とした 標準のトゥーンシェーダ ● スライダパラメータによって陰影を簡易に設定できる ● ベース色と 影色の混合で表現 ○ 混合の程度は光源情報などによって計算される
- 6. とは 通常のシェーダにおける色計算 ● 色 受けた光の強さ ● 乗算 ● 金髪の影色はくすんだ金 における色計算 ● 受けた光の強さに応じて ベース色と１影色を ● 金髪の影色を桃色にできる なぜ「ベース色」と「１影色」の混合なのか？
- 7. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 8. 作業環境 ● ● ○ ● ● ● の導入? 制作は 公式 を参照 ● 設定 に差異あり [1] https://dwango.github.io/vrm/how_to_make_vrm
- 9. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 11. 初期设定：ライトを白色に変更
- 12. 初期設定： を変更 ● の を変更 ○
- 14. 設定してみる：ベースカラーだけ ● 下記 項目の色を白色 に設定 ○ → → ○ → →
- 15. 設定してみる：ベースカラーだけ ● 下記 項目に同一のテクスチャを設定 ○ → → ○ → →
- 16. 設定してみる：ベースカラーだけ 結果：周りの光源に依らずベースカラーをそのまま出力 通常光源赤 (#FF0000) 光源 光源なし (GIのみ)
- 17. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 19. 設定してみる：輪郭線をつける ● → → を に変更 ● → → で輪郭線幅を変更 ● → → を に変更 ● → → で輪郭線色を変更
- 20. 設定してみる：輪郭線をつける 輪郭線なし 輪郭線あり (FixedColor) 輪郭線あり (MixedLighting)
- 21. 設定してみる：輪郭線をつける と の違い ● は設定した輪郭線色をそのまま出力 ● は本体の色と される FixedColor MixedLighting
- 22. 設定してみる：輪郭線をつける 問題：目や口の輪郭線が太い 太すぎる輪郭線の例 解決：輪郭線の幅を制御する テクスチャを作成?設定 ● → → ● 白色：そのままの幅 ● 黒色：輪郭線を出さない 輪郭線幅のテクスチャ 設定箇所
- 24. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 25. 設定してみる：陰影をつける 目的：周辺ライティングにあわせて 陰影が表現できる ● まずは 灯で調整 ○ 「初期設定」の項目を要再確認 ○ は や複数光源に対応済みだが ライト設定はセンスの塊なのでまずはシンプルに 周りの暗い光源環境に合っていない様子
- 26. 設定してみる：陰影をつける １影色を設定する ● → ● １影色の 明るさ ○ でも良い ○ ベース色の 以下にする ● テクスチャによる指定の場合 ○ ベース色とは異なる を使用 ○ でも部位によって異なる 多彩な１影色を指定可能
- 29. 設定してみる：陰影をつける 問題：光の入射角度に対して 顔の陰影がキツい 解決： を用いて 陰影境界値をズラす Shading Shift 0.0 Shading Shift -0.633
- 31. 設定してみる：陰影をつける 問題：肌の陰影境界はクッキリ して欲しくない 解決： を用いて 陰影境界を滑らかにする Shading Toony 0.9 Shading Toony 0.1
- 33. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 35. 設定してみる：リムライトをつける 目的：ハイライト成分を付与 ● では または などで 知られるテクスチャマッピングを使用 ○ モデルの法線方向に応じてマッピングされる MatCap テクスチャMatCap テクスチャを適用
- 36. 設定してみる：リムライトをつける 目的：ハイライト成分を付与 ● では または などで 知られるテクスチャマッピングを使用 ○ モデルの法線方向に応じてマッピングされる MatCap テクスチャMatCap テクスチャを適用
- 39. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
- 40. さいごに ● とは ○ アニメ的表現を目的とした 標準のトゥーンシェーダ ○ スライダパラメータによって陰影を簡易に設定できる ● は みなさんの をお待ちしています！ ○ https://github.com/Santarh/MToon/issues ベースカラーのみ MToon で調整
- 41. 质疑応答
- 42. 陰影制御のパラメータ ● 陰影境界をズラす度合い ● 阴影境界のクッキリ度合い
- 43. 陰影制御のパラメータ ● 落ち影を付与する度合い ● 阴になりやすくなる度合い
- 44. 陰影制御のパラメータ ● 光源色の彩度の反映度合い ● 环境光の影响度合い
- 45. の導入 ● の を ページからダウンロード ○