toonshader4U

Transcript

1. 1.

   ぼくがかんがえた さいきょうの とぅーんしぇーだー てんちょー/筑野えり(@shop_0761)

2. 2.

   注)スライドが100枚くらいあります 1枚 3秒ペース

3. 3.

   スライドは公開するので 写真を撮るのを諦めましょう

4. 4.

   自己紹介 てんちょー/筑野えり(@shop_0761) バ美肉系絵ンジニア 最近はShader書いたり、Vなモデルをセットアップしたり 3Dの身体がほしい 声がいい感じになってきてるので楽しくなってきた Luppetのお手伝いとかをしてたり

5. 5.

   https://www.udemy.com/unrealengine-4-archviz-vr/?couponCode=TENCHO_435970

6. 6.

   https://shop-0761.booth.pm/

7. 7.

   http://shop-0761.hatenablog.com/entry/2016/12/08/000026

8. 8.

   このとき以来のMaterialネタ！

9. 9.

   おしながき 1. きっかけ 2. 機能のせつめい 3. 作例

10. 10.

    きっかけ

11. 11.

    UE4やろうよー

12. 12.

    いいけど キャラクターが可愛くなる Shaderある？

13. 13.

    U◦◦◦◦の◦◦Sみたいなやつ

14. 14.

    ………

15. 15.

    ない！！！

16. 16.

    ということで作りました UE4.22 Deferred想定

17. 17.

    今回はニアちゃんをお借りして 調整しています ねぎぽよ ❣／ニアちゃん https://twitter.com/CST_negi

18. 18.

    できたものがこちら

19. 19.

    None
20. 20.

    機能のせつめい

21. 21.

    基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap

    - Outline - Sphericalize - Fake Custom Stencil など
22. 22.

    基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap

    - Outline - Sphericalize - Fake Custom Stencil など
23. 23.

    Default Lit のいいところ

24. 24.

    Default Litのいいところ - 影が落ちる - Lightの影響を受けられる - 複数光源対応が何も考えずにできる - 必要とあらばUnlitにできる

25. 25.

    実際に違いを見てみましょう

26. 26.

    Unlit

27. 27.

    Default Lit

28. 28.

    板をおいた

29. 29.

    Lightの色を変える

30. 30.

    None
31. 31.

    None
32. 32.

    None
33. 33.

    よりみち

34. 34.

    RenderView.Hogehoge

35. 35.

    light Colorや向きを取得したい

36. 36.

    BluePrintは使いたくない！

37. 37.

    見つけました

38. 38.

    https://gist.github.com/shop-0761/f83064b332bb038e1d8f96e1d2149f04 めっちゃある！

39. 39.

    Directional Light Direction

40. 40.

    Directional Light Color

41. 41.

    Sky Light Color

42. 42.

    Translated World To View

43. 43.

    意外といっぱい情報が取れる

44. 44.

    いつ変わるかわからないので 各自…自己責任で…

45. 45.

    Fake Custom Stencil 勝手に名前つけた

46. 46.

    眉だけアニメみたいに 前に描画したい！

47. 47.

    うーーーーーん

48. 48.

    U◦◦◦◦ではstencilでやってるよ

49. 49.

    UE4にもあるけど PostProcessになっちゃう

50. 50.

    Material単体で完結させたい

51. 51.

    エンジン改造もしたくない！

52. 52.

    ので思いつきました

53. 53.

    結果から先に

54. 54.

    Before

55. 55.

    After

56. 56.

    Before

57. 57.

    After

58. 58.

    意外とわるくないのでは？

59. 59.

    これは眉だけ カメラ方向に押し出しています 押し出したい箇所(今回は眉)が 別マテリアルのほうが安全

60. 60.

    None
61. 61.

    ので後頭部から見ても 眉が見えない！ さすがに頭がペラペラだと無理

62. 62.

    None
63. 63.

    Outline

64. 64.

    Materialだけで完結させ(2回目

65. 65.

    他のShaderでも複数回の メッシュをレンダリングしてる

66. 66.

    しゃーないか！

67. 67.

    None
68. 68.

    Materialで済ませるメリット

69. 69.

    Material で済ませるいいところ - 調整箇所がMaterial だけで済む - モデル/Material ごとに太さが調整できる - Outline

    Mask が使える
70. 70.

    OutlineMaskなし

71. 71.

    OutlineMaskあり

72. 72.

    Sphericalize と勝手に呼んでる

73. 73.

    モデルが持ってるNormalを 無理やり球状にする

74. 74.

    http://historia.co.jp/archives/11921/

75. 75.

    これよんで！おわり！ これの簡易版を使ってる

76. 76.

    Alpha 0 髪

77. 77.

    Alpha 1 髪

78. 78.

    よりみち 2

79. 79.

    Half Lambert

80. 80.

    None
81. 81.

    なんか白すぎない？？

82. 82.

    None
83. 83.

    Pow 2.2 をするとそれっぽい http://compojigoku.blog.fc2.com/blog-entry-23.html これと同じ話かも

84. 84.

    作例

85. 85.

    ここまでに作ったMaterialで 実際に調整してみた

86. 86.

    Default Lit の Textureだけ

87. 87.

    Unlit の Textureだけ

88. 88.

    今回作ったやつ

89. 89.

    Texture塗り直し

90. 90.

    目にHigh Light追加

91. 91.

    Outlineを調整

92. 92.

    Texture描き足し

93. 93.

    Directional Lightの調整

94. 94.

    (時間がなかったので)気 合でポーズを つくります

95. 95.

    None
96. 96.

    PostProcess Off

97. 97.

    PostProcess ON

98. 98.

    PostProcess Off

99. 99.

    PostProcess ON

100. 100.

     整理したらMaterialは 公開予定です

101. 101.

     None
102. 102.

     おわり！ なにかあれば Twitter: @ shop_0761 https://twitter.com/shop_0761