toonshader4U

これの資料です
https://ue4allstudy.connpass.com/event/129917/

Transcript

1. ぼくがかんがえた さいきょうの とぅーんしぇーだー てんちょー/筑野えり(@shop_0761)
2. 注)スライドが100枚くらいあります 1枚 3秒ペース
3. スライドは公開するので 写真を撮るのを諦めましょう
4. 自己紹介 てんちょー/筑野えり(@shop_0761) バ美肉系絵ンジニア 最近はShader書いたり、Vなモデルをセットアップしたり 3Dの身体がほしい 声がいい感じになってきてるので楽しくなってきた Luppetのお手伝いとかをしてたり
5. https://www.udemy.com/unrealengine-4-archviz-vr/?couponCode=TENCHO_435970
6. https://shop-0761.booth.pm/
7. http://shop-0761.hatenablog.com/entry/2016/12/08/000026
8. このとき以来のMaterialネタ！
9. おしながき 1. きっかけ 2. 機能のせつめい 3. 作例
10. きっかけ
11. UE4やろうよー
12. いいけど キャラクターが可愛くなる Shaderある？
13. U◦◦◦◦の◦◦Sみたいなやつ
14. ………
15. ない！！！
16. ということで作りました UE4.22 Deferred想定
17. 今回はニアちゃんをお借りして 調整しています ねぎぽよ ❣／ニアちゃん https://twitter.com/CST_negi
18. できたものがこちら
20. 機能のせつめい
21. 基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap - Outline - Sphericalize - Fake Custom Stencil など
22. 基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap - Outline - Sphericalize - Fake Custom Stencil など
23. Default Lit のいいところ
24. Default Litのいいところ - 影が落ちる - Lightの影響を受けられる - 複数光源対応が何も考えずにできる - 必要とあらばUnlitにできる
25. 実際に違いを見てみましょう
26. Unlit
27. Default Lit
28. 板をおいた
29. Lightの色を変える
33. よりみち
34. RenderView.Hogehoge
35. light Colorや向きを取得したい
36. BluePrintは使いたくない！
37. 見つけました
38. https://gist.github.com/shop-0761/f83064b332bb038e1d8f96e1d2149f04 めっちゃある！
39. Directional Light Direction
40. Directional Light Color
41. Sky Light Color
42. Translated World To View
43. 意外といっぱい情報が取れる
44. いつ変わるかわからないので 各自…自己責任で…
45. Fake Custom Stencil 勝手に名前つけた
46. 眉だけアニメみたいに 前に描画したい！
47. うーーーーーん
48. U◦◦◦◦ではstencilでやってるよ
49. UE4にもあるけど PostProcessになっちゃう
50. Material単体で完結させたい
51. エンジン改造もしたくない！
52. ので思いつきました
53. 結果から先に
54. Before
55. After
56. Before
57. After
58. 意外とわるくないのでは？
59. これは眉だけ カメラ方向に押し出しています 押し出したい箇所(今回は眉)が 別マテリアルのほうが安全
61. ので後頭部から見ても 眉が見えない！ さすがに頭がペラペラだと無理
63. Outline
64. Materialだけで完結させ(2回目
65. 他のShaderでも複数回の メッシュをレンダリングしてる
66. しゃーないか！
68. Materialで済ませるメリット
69. Material で済ませるいいところ - 調整箇所がMaterial だけで済む - モデル/Material ごとに太さが調整できる - Outline Mask が使える
70. OutlineMaskなし
71. OutlineMaskあり
72. Sphericalize と勝手に呼んでる
73. モデルが持ってるNormalを 無理やり球状にする
74. http://historia.co.jp/archives/11921/
75. これよんで！おわり！ これの簡易版を使ってる
76. Alpha 0 髪
77. Alpha 1 髪
78. よりみち 2
79. Half Lambert
81. なんか白すぎない？？
83. Pow 2.2 をするとそれっぽい http://compojigoku.blog.fc2.com/blog-entry-23.html これと同じ話かも
84. 作例
85. ここまでに作ったMaterialで 実際に調整してみた
86. Default Lit の Textureだけ
87. Unlit の Textureだけ
88. 今回作ったやつ
89. Texture塗り直し
90. 目にHigh Light追加
91. Outlineを調整
92. Texture描き足し
93. Directional Lightの調整
94. (時間がなかったので)気 合でポーズを つくります
96. PostProcess Off
97. PostProcess ON
98. PostProcess Off
99. PostProcess ON
100. 整理したらMaterialは 公開予定です
102. おわり！ なにかあれば Twitter: @ shop_0761 https://twitter.com/shop_0761