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
120
まだ間に合う!東雲めぐを見よう/Lets-Megu-Shinonome
shop_0761
0
130
動画教材を作ってみた話 /UE4Udemy
shop_0761
0
1.2k
UE4 + VR から Unity + HoloLensに移植した話 / UE4VRtoUnityHolo
shop_0761
0
3.5k
最近作ったものとか
shop_0761
0
190
主観と偏見混じりのTwitterから見るUE4コミュニティ
shop_0761
0
1.4k
Other Decks in Programming
See All in Programming
Introduction to kotlinx.rpc
arawn
0
630
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
ARA Ansible for the teams
kksat
0
150
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.6k
最近のVS Codeで気になるニュース 2025/01
74th
1
250
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
チームリードになって変わったこと
isaka1022
0
190
WebDriver BiDiとは何なのか
yotahada3
1
140
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Featured
See All Featured
Building Adaptive Systems
keathley
40
2.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Facilitating Awesome Meetings
lara
51
6.2k
Thoughts on Productivity
jonyablonski
69
4.5k
Rails Girls Zürich Keynote
gr2m
94
13k
A designer walks into a library…
pauljervisheath
205
24k
Gamification - CAS2011
davidbonilla
80
5.1k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Applications with DynamoDB
mza
93
6.2k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
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