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.5k
フランスに展示しに行ったと思ったら溺れかけた話/france-Travel
shop_0761
0
120
まだ間に合う!東雲めぐを見よう/Lets-Megu-Shinonome
shop_0761
0
140
動画教材を作ってみた話 /UE4Udemy
shop_0761
0
1.3k
UE4 + VR から Unity + HoloLensに移植した話 / UE4VRtoUnityHolo
shop_0761
0
3.5k
最近作ったものとか
shop_0761
0
220
主観と偏見混じりのTwitterから見るUE4コミュニティ
shop_0761
0
1.5k
Other Decks in Programming
See All in Programming
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
270
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
980
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
310
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
630
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
23
9k
VS Code Update for GitHub Copilot
74th
2
670
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
180
型で語るカタ
irof
0
550
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
910
すべてのコンテキストを、 ユーザー価値に変える
applism118
4
1.4k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.8k
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
420
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
How to train your dragon (web standard)
notwaldorf
96
6.1k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Become a Pro
speakerdeck
PRO
29
5.4k
Automating Front-end Workflow
addyosmani
1370
200k
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