Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
toonshader4U
Search
shop_0761
May 25, 2019
Programming
2
10k
toonshader4U
これの資料です
https://ue4allstudy.connpass.com/event/129917/
shop_0761
May 25, 2019
Tweet
Share
More Decks by shop_0761
See All by shop_0761
UE4でOculus Go してみる / OculusGo-For-UE4-And-VTuber-Intro
shop_0761
1
2.4k
フランスに展示しに行ったと思ったら溺れかけた話/france-Travel
shop_0761
0
110
まだ間に合う!東雲めぐを見よう/Lets-Megu-Shinonome
shop_0761
0
130
動画教材を作ってみた話 /UE4Udemy
shop_0761
0
1.2k
UE4 + VR から Unity + HoloLensに移植した話 / UE4VRtoUnityHolo
shop_0761
0
3.4k
最近作ったものとか
shop_0761
0
190
主観と偏見混じりのTwitterから見るUE4コミュニティ
shop_0761
0
1.4k
Other Decks in Programming
See All in Programming
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
260
QA環境で誰でも自由自在に現在時刻を操って検証できるようにした話
kalibora
1
120
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
370
Androidアプリの One Experience リリース
nein37
0
850
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
テストコード書いてみませんか?
onopon
2
300
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.1k
shadcn/uiを使ってReactでの開発を加速させよう!
lef237
0
260
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
370
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
870
Flatt Security XSS Challenge 解答・解説
flatt_security
0
630
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
410
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Visualization
eitanlees
146
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Code Reviewing Like a Champion
maltzj
521
39k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
950
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
Site-Speed That Sticks
csswizardry
2
230
It's Worth the Effort
3n
183
28k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
340
Six Lessons from altMBA
skipperchong
27
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Transcript
ぼくがかんがえた さいきょうの とぅーんしぇーだー てんちょー/筑野えり(@shop_0761)
注)スライドが100枚くらいあります 1枚 3秒ペース
スライドは公開するので 写真を撮るのを諦めましょう
自己紹介 てんちょー/筑野えり(@shop_0761) バ美肉系絵ンジニア 最近はShader書いたり、Vなモデルをセットアップしたり 3Dの身体がほしい 声がいい感じになってきてるので楽しくなってきた Luppetのお手伝いとかをしてたり
https://www.udemy.com/unrealengine-4-archviz-vr/?couponCode=TENCHO_435970
https://shop-0761.booth.pm/
http://shop-0761.hatenablog.com/entry/2016/12/08/000026
このとき以来のMaterialネタ!
おしながき 1. きっかけ 2. 機能のせつめい 3. 作例
きっかけ
UE4やろうよー
いいけど キャラクターが可愛くなる Shaderある?
U◦◦◦◦の◦◦Sみたいなやつ
………
ない!!!
ということで作りました UE4.22 Deferred想定
今回はニアちゃんをお借りして 調整しています ねぎぽよ ❣/ニアちゃん https://twitter.com/CST_negi
できたものがこちら
None
機能のせつめい
基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap
- Outline - Sphericalize - Fake Custom Stencil など
基本的な機能 - Default Lit - ベース/1影 - RimLight - Matcap
- Outline - Sphericalize - Fake Custom Stencil など
Default Lit のいいところ
Default Litのいいところ - 影が落ちる - Lightの影響を受けられる - 複数光源対応が何も考えずにできる - 必要とあらばUnlitにできる
実際に違いを見てみましょう
Unlit
Default Lit
板をおいた
Lightの色を変える
None
None
None
よりみち
RenderView.Hogehoge
light Colorや向きを取得したい
BluePrintは使いたくない!
見つけました
https://gist.github.com/shop-0761/f83064b332bb038e1d8f96e1d2149f04 めっちゃある!
Directional Light Direction
Directional Light Color
Sky Light Color
Translated World To View
意外といっぱい情報が取れる
いつ変わるかわからないので 各自…自己責任で…
Fake Custom Stencil 勝手に名前つけた
眉だけアニメみたいに 前に描画したい!
うーーーーーん
U◦◦◦◦ではstencilでやってるよ
UE4にもあるけど PostProcessになっちゃう
Material単体で完結させたい
エンジン改造もしたくない!
ので思いつきました
結果から先に
Before
After
Before
After
意外とわるくないのでは?
これは眉だけ カメラ方向に押し出しています 押し出したい箇所(今回は眉)が 別マテリアルのほうが安全
None
ので後頭部から見ても 眉が見えない! さすがに頭がペラペラだと無理
None
Outline
Materialだけで完結させ(2回目
他のShaderでも複数回の メッシュをレンダリングしてる
しゃーないか!
None
Materialで済ませるメリット
Material で済ませるいいところ - 調整箇所がMaterial だけで済む - モデル/Material ごとに太さが調整できる - Outline
Mask が使える
OutlineMaskなし
OutlineMaskあり
Sphericalize と勝手に呼んでる
モデルが持ってるNormalを 無理やり球状にする
http://historia.co.jp/archives/11921/
これよんで!おわり! これの簡易版を使ってる
Alpha 0 髪
Alpha 1 髪
よりみち 2
Half Lambert
None
なんか白すぎない??
None
Pow 2.2 をするとそれっぽい http://compojigoku.blog.fc2.com/blog-entry-23.html これと同じ話かも
作例
ここまでに作ったMaterialで 実際に調整してみた
Default Lit の Textureだけ
Unlit の Textureだけ
今回作ったやつ
Texture塗り直し
目にHigh Light追加
Outlineを調整
Texture描き足し
Directional Lightの調整
(時間がなかったので)気 合でポーズを つくります
None
PostProcess Off
PostProcess ON
PostProcess Off
PostProcess ON
整理したらMaterialは 公開予定です
None
おわり! なにかあれば Twitter: @ shop_0761 https://twitter.com/shop_0761