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
11k
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.6k
フランスに展示しに行ったと思ったら溺れかけた話/france-Travel
shop_0761
0
140
まだ間に合う!東雲めぐを見よう/Lets-Megu-Shinonome
shop_0761
0
140
動画教材を作ってみた話 /UE4Udemy
shop_0761
0
1.3k
UE4 + VR から Unity + HoloLensに移植した話 / UE4VRtoUnityHolo
shop_0761
0
3.6k
最近作ったものとか
shop_0761
0
230
主観と偏見混じりのTwitterから見るUE4コミュニティ
shop_0761
0
1.5k
Other Decks in Programming
See All in Programming
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6.4k
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
490
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
5
2.9k
Six and a half ridiculous things to do with Quarkus
hollycummins
0
180
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
470
Devoxx BE - Local Development in the AI Era
kdubois
0
130
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
170
Cursorハンズオン実践!
eltociear
2
1.1k
CSC509 Lecture 06
javiergs
PRO
0
260
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
350
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
33k
CSC305 Lecture 06
javiergs
PRO
0
250
Featured
See All Featured
Facilitating Awesome Meetings
lara
56
6.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Cult of Friendly URLs
andyhume
79
6.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How GitHub (no longer) Works
holman
315
140k
GitHub's CSS Performance
jonrohan
1032
470k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
BBQ
matthewcrist
89
9.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
980
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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