【Unity】初めて『シェーダーグラフ』でシェーダーを学んでみる まとめ

f:id:Effect-Lab:20180429223440j:plain

 

こんにちは。

 

シェーダーを一度も触った事のないデザイナーが、Unityの「シェーダーグラフ」を使ってシェーダーを学んでみるシリーズ。

 

このページでは、これまで書いてきた同シリーズのブログ記事をまとめています。
これからシェーダーグラフでシェーダーを作れるようになりたいという方は、ここでまとめている記事を順番に読んでいただけると理解しやすいかなと思います。

 

僕自身、まだ「シェーダーグラフを覚えた!」とは程遠いレベルなので、間違いや分かり難いところがあるかもしれませんが、僕みたいに「シェーダー作った事ないけど作れるようになりたいなー」と思ってるデザイナーの方の学ぶきっかけにでもなれたらうれしいなと思っています。

 

それでは、いっしょにシェーダーグラフでシェーダーを学んでいきましょう!

 

 

 ①まず初めに、シェーダーグラフを始めるための準備   

とにもかくにもシェーダーグラフを触れる環境を整えましょう。



 ②シェーダーグラフの使い方 

シェーダーグラフの基本的な使い方を実例を交えて解説しています。


 

 ③基礎編

この基礎編では、全45個の公式のサンプルシェーダーを元に、基本となるノードの機能や組み方などを解説しています。

画像をクリックすると解説ページに飛びますので、気になるシェーダーを選んでみて下さい。

左上から順番に徐々にステップアップしていきますので、初めての方は順番通りに見ていく事をオススメします。 

f:id:Effect-Lab:20180413011639j:plain f:id:Effect-Lab:20180414184511j:plain f:id:Effect-Lab:20180415013302j:plain f:id:Effect-Lab:20180415030803j:plain f:id:Effect-Lab:20180415184308j:plain f:id:Effect-Lab:20180415193726j:plain f:id:Effect-Lab:20180416001044j:plain f:id:Effect-Lab:20180416083109j:plain f:id:Effect-Lab:20180416230122j:plain
f:id:Effect-Lab:20180426005517g:plain f:id:Effect-Lab:20180426073552g:plain f:id:Effect-Lab:20180425083742g:plain f:id:Effect-Lab:20180426074438g:plain f:id:Effect-Lab:20180426225024j:plain f:id:Effect-Lab:20180429154027g:plain f:id:Effect-Lab:20180429163551g:plain f:id:Effect-Lab:20180429182150g:plain f:id:Effect-Lab:20180429195551g:plainf:id:Effect-Lab:20180501220107g:plain f:id:Effect-Lab:20180503091751g:plain f:id:Effect-Lab:20180503135227j:plain f:id:Effect-Lab:20180503170839j:plain f:id:Effect-Lab:20180503183000j:plain f:id:Effect-Lab:20180503201829g:plain f:id:Effect-Lab:20180503205103j:plain f:id:Effect-Lab:20180504170215g:plain f:id:Effect-Lab:20180504174522j:plainf:id:Effect-Lab:20180504181514j:plain f:id:Effect-Lab:20180504213319j:plain f:id:Effect-Lab:20180504221823j:plain f:id:Effect-Lab:20180505090206g:plain f:id:Effect-Lab:20180505101258j:plain f:id:Effect-Lab:20180505104721g:plain f:id:Effect-Lab:20180505155942j:plain f:id:Effect-Lab:20180506011733g:plain f:id:Effect-Lab:20180506102813g:plainf:id:Effect-Lab:20180506132430j:plain f:id:Effect-Lab:20180506141742g:plain f:id:Effect-Lab:20180506160355j:plain f:id:Effect-Lab:20180506163632g:plain f:id:Effect-Lab:20180506181417g:plain f:id:Effect-Lab:20180506232829j:plain f:id:Effect-Lab:20180507015132g:plain f:id:Effect-Lab:20180507214823j:plain f:id:Effect-Lab:20180507235526g:plain



 ④応用編

基礎編が終わった方はこちらをどうぞ。

基礎編よりも複雑な公式のサンプルシェーダーで僕が学んだものを解説しています。

(※すでに基礎編で解説している事に関しては軽い説明に留めていますので、解らないところがあればブログ内検索をお試しください。) 

f:id:Effect-Lab:20180509211646g:plain

 

 

 ⑤実践編

僕が自作したシェーダーを公開しています。

実際にノードを組み立てながら、どのように作っているかを思考の流れと合わせて解説しています。
GitHubで解説に使っているデータを配布しているものもあります。

(※すでに基礎編などで解説している事に関しては軽い説明に留めていますので、解らないところがあればブログ内検索をお試しください。) 

f:id:Effect-Lab:20180521233554g:plain f:id:Effect-Lab:20180618002549j:plain f:id:Effect-Lab:20180618221816j:plain f:id:Effect-Lab:20180630213349j:plain

 

引き続き絶賛制作中~