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.3k
フランスに展示しに行ったと思ったら溺れかけた話/france-Travel
shop_0761
0
110
まだ間に合う!東雲めぐを見よう/Lets-Megu-Shinonome
shop_0761
0
130
動画教材を作ってみた話 /UE4Udemy
shop_0761
0
1.1k
UE4 + VR から Unity + HoloLensに移植した話 / UE4VRtoUnityHolo
shop_0761
0
3.4k
最近作ったものとか
shop_0761
0
170
主観と偏見混じりのTwitterから見るUE4コミュニティ
shop_0761
0
1.3k
Other Decks in Programming
See All in Programming
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
410
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
580
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
Ruby Parser progress report 2024
yui_knk
2
230
Google Sign-inの移行から始めるCredential Manager活用
clockvoid
0
310
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
watsonx.ai Dojo #2 生成AIを使ったアプリ開発入門編
oniak3ibm
PRO
0
180
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
390
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
220
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
220
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
89
16k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Building Adaptive Systems
keathley
36
2.1k
The Language of Interfaces
destraynor
153
23k
A Tale of Four Properties
chriscoyier
155
22k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Debugging Ruby Performance
tmm1
72
12k
Design by the Numbers
sachag
277
19k
Gamification - CAS2011
davidbonilla
79
5k
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