Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Toon ShaderでShader入門してみた
Search
NameChung
September 26, 2020
Programming
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Toon ShaderでShader入門してみた
NameChung
September 26, 2020
More Decks by NameChung
See All by NameChung
Unreal Engine VR template 解体新書
namerou7716
0
93
Easy make AR with UnityMARS
namerou7716
0
71
Other Decks in Programming
See All in Programming
Next.js: The final boss of Web Performance
guaca
0
290
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
dske104
0
190
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
kishida
2
180
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
yub0n
2
1.6k
残高管理から台帳サービスへの進化
artoy
1
210
contenteditable と日本語入力に向き合う
colorful12
0
200
sbt 2.0: takeoff
eed3si9n
0
160
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
marcoroth
0
220
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
neuecc
5
5.2k
R8 の設定見直しでアプリサイズ削減
andpad
0
220
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
rkaga
8
2.3k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The Curious Case for Waylosing
cassininazir
1
570
Game over? The fight for quality and originality in the time of robots
wayneb77
1
310
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
20k
Balancing Empowerment & Direction
lara
6
1.3k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
480
Scaling GitHub
holman
464
140k
Product Roadmaps are Hard
iamctodd
55
13k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
410
WENDY [Excerpt]
tessaabrams
14
40k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
630
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
870
Transcript
Toon Shaderで Shader入門 してみた。
自己紹介 • 名前 Namerou, NameChung(ナメロウ,ナメちゃん) • やってること Unity • 気になっていること
Shader、Pythonを使ったTTS,STT • Twitter @sketch_namerou
今回は
やってみた系LT
まずToon Shaderって何?
引用 https://www.nintendo.co.jp/zelda/index.html
引用 https://store.steampowered.com/app/1307550/Craftopia/?l=japanese
引用 https://roystan.net/articles/toon-shader.html
登壇者ステータス • Shader経験ほぼ無し • Shader Graphは少し経験あり • CG論を一応取れた これでShader作れるんだろうか。
結果
None
なんかできた。
今回のワークフロー 1. 適当なToonShaderを作る動画を探す 2. まずはShader Graphで作る動画を見る 3. まねて作る 4. 修正
5. スクラッチ形式の動画を見る 6. まねて作る 7. 修正 8. 二つを比べていろいろ変える
Shader Graph
仕様 • Custom Functionを使用している • メインカラー、環境光のカラー、反射光のカラー • リムライトを実装している。
修正部分 • リムライトの部分がバグッていたので適当にパラメータを置き換えて修正 • 影の付き加減を追加 (from スクラッチ) • 影の強弱を追加
みてみよう
Shaderlab
仕様 • テクスチャ対応 • 光度の強弱 • 全体の彩度の強弱 • メインカラー •
影の付き加減
修正部分 • 環境光の色と反射光の色の追加 (from ShaderGraph) • 反射光の分離 (from ShaderGraph)
みてみよう
感想
• Shaderの知識がなくともしっかりToonShaderを作れた • スクラッチのほうがブラックボックス感がない • 作りたいシェーダーを作っていく方が勉強になりそう
参考 Toon Shader From Scratch - Explained! https://youtu.be/owwnUcmO3Lw Zelda’s Toon
Shader in Unity https://youtu.be/dyiLJ1PFhM0
御清聴 ありがとうございました。