【Unity】ド素人からShaderを使えるようにまでに重宝したリンク集まとめ

「Shaderって何それ？」ってレベルから、Shaderを雰囲気で理解できるレベルになりました(多分)

ここまで到達できたのは、”間違いなく”先人たちの最強すぎる情報のお陰様です。

そんな役立った有用すぎるShader学習リンクを紹介していきます！

**2019/3/19 追記**
[まんてらさん](https://twitter.com/manntera)によるシェーダーの解説スライドを追加しました！

シェーダーについて無知であっても、噛み砕いて解説してくださっております。シェーダー学びたい初心者は必見です！

## 対象レベル

- Vertex/Fragment Shader(頂点/フラグメントシェーダー)を一から学ぶ予定の方
- Shaderやろうとして、何度も挫折した方
- Shaderを雰囲気で理解してみたい方

※注意
Geometry ShaderやCompute Shaderは含まれていません。理由は私がまだ使えないからです(^p^)

こちら扱えるようになったら、またQiitaにまとめたいと思います。

また数学（高校レベル・行列も出たりする）も関係してくるので、苦手な方は数式とかググりながらやることをオススメします！

## [7日間でマスターするUnityシェーダ入門](http://nn-hokuson.hatenablog.com/entry/2018/02/15/140037)
![スクリーンショット 2019-03-02 16.41.59.png](https://qiita-image-store.s3.amazonaws.com/0/314351/007e5e6b-2985-20ad-f63d-26d97016eed7.png)



控えめにいって神。Shaderを実際に書きながら学習できるので、超オススメです。モチベも維持できます！

Shaderの取っ掛かりには打って付けなので、Shader何からやったら良いの？という方は、ぜひお試しください！

## [【はじめてのUnityShader】君の手でキャラクターの見た目を彩ろう！](https://www.dropbox.com/s/owjd4hfqua4nutg/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AE%E3%82%B7%E3%82%A7%E3%83%BC%E3%83%80%E3%83%BC%E8%AC%9B%E5%BA%A7.pdf)
<img width="1073" alt="スクリーンショット 2019-03-19 22.01.20.png" src="https://qiita-image-store.s3.amazonaws.com/0/314351/edf086c0-89fd-01c3-a6e8-456371e43011.png">
shaderのイロハをめちゃくちゃ噛み砕いて解説してくれています。なので初心者に超オススメです！

シェーダーの全体像(特にプログラムの中身)を理解するのに、必ず役立つはずです。

ぜひ初学者の方は一度目を通してみると良いでしょう。

・関連リンク：[まんてらスタジオ【ゲーム作り系Vtuber】](https://www.youtube.com/channel/UCdLEVc_V9v20pKvW380dGDg)

## Shaderの基本的な原理を学べるリンク集
Shaderについて原理を深めたくなるお年頃になるときが、いつか訪れるでしょう。

しかし、Shaderの原理に手を出そうとすると、難しさのあまり、気がおかしくなるかもしれません。私はおかしくなりました。

そんな自分でも、”これならわかる！(号泣)”と心から思えるリンクがありました。そちらを紹介します。


### [Unity Shader Programming Vol.01](https://xjine.booth.pm/items/931290)
![スクリーンショット 2019-03-02 16.42.35.png](https://qiita-image-store.s3.amazonaws.com/0/314351/99b9f30e-8e07-3ecb-7592-50e028c8693c.png)

サンプルソースを添え、丁寧に一からShaderの原理を教えてくれます。

”わかりやすさ”はもちろん、サンプルソースも超簡単なモノを使用してくれているので、挫折しなくて済むのが最高です。

500円(2019/3/1現在)と有料ではございますが、安すぎて価格が崩壊しています。本当にわかりやすいので、購入することをオススメします！

### [Unity Shader 勉強会@mao_ さん](https://docs.google.com/presentation/d/1F7HAdPVSmZ159egi4RBpUVtLZ0_9s_NcwUAcXBIY0cM/edit#slide=id.g45a9342bcf_0_48)
![スクリーンショット 2019-03-02 16.42.20.png](https://qiita-image-store.s3.amazonaws.com/0/314351/0698e6b5-34e9-518f-7d58-e01f2143fbcd.png)
2018年11月8日に「Unity Shader 勉強会」があったようです(羨ましい)

その時、まおさん@mao_ が公開してくださったスライドが超わかりやすかったです。

頂点シェーダを動かす方法について、原理に触れながら丁寧に解説しています。

頂点シェーダー動かした人は必見です！

### [Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた](http://tips.hecomi.com/entry/2014/03/16/233943)
![スクリーンショット 2019-03-02 16.58.45.png](https://qiita-image-store.s3.amazonaws.com/0/314351/0bfdec74-e00e-a9b5-ed50-cdc65aff39cd.png)

みんなお世話になっているだろう凹みさんのブログ！

サーフェイスシェーダ（Surface Shader）を理解できて大満足した記事になります。

サンプルソースもあって、本当に有益すぎる記事でした。

### [Unity道場 2月~シェーダを書けるプログラマになろう~](https://www.twitch.tv/videos/386454533)
![スクリーンショット 2019-03-02 16.41.11.png](https://qiita-image-store.s3.amazonaws.com/0/314351/bb394d4a-ebeb-9e73-fcb2-3d3b19ca0197.png)

2019年2月に行われたUnity道場のアーカイブです。

タイトルの通り、シェーダを書けるプログラマになるための原理を解説してくださっています。

細かいところまで親切に教えてくれる神動画。本当にいつもありがとうございます(ジャンピング土下座)

## Shaderサンプル集

ある程度、Shaderの原理がわかってくると、自分で実装したくなると思います。

とはいえ、まだShaderのインプットが少なく、色んなShaderをみてみたい！と思うときがくるかもしれません。

そんな時にオススメしたいリンクをご紹介します。

### [楽しい！Unityシェーダー お絵描き入門！ ](https://docs.google.com/presentation/d/1NMhx4HWuNZsjNRRlaFOu2ysjo04NgcpFlEhzodE8Rlg/edit#slide=id.g36c6570f40_0_81)
![スクリーンショット 2019-03-02 17.14.26.png](https://qiita-image-store.s3.amazonaws.com/0/314351/bc802478-9a7c-6709-82a1-8b8875ad1448.png)

[setchi] (https://twitter.com/setchi)さんが公開してくださったスライドです。

2Dではありますが、フラグメントシェーダーの考え方やテクニックが載っており、めちゃくちゃ勉強させていただきました。

多数のサンプルもGitHubに上がっております！
### [Shaders Laboratory](http://www.shaderslab.com/shaders.html)
![スクリーンショット 2019-03-02 16.59.29.png](https://qiita-image-store.s3.amazonaws.com/0/314351/769971ef-3219-4072-d504-a3670a7ef6e2.png)

海外のサイトです。Shaderのサンプルが大量に載っています。

タダなのが信じられません。

ぜひチェックしてみてください！

### [Unity 2018 Shaders and Effects Cookbook](https://www.amazon.co.jp/Unity-2018-Shaders-Effects-Cookbook/dp/1788396235)
![スクリーンショット 2019-03-02 16.58.34.png](https://qiita-image-store.s3.amazonaws.com/0/314351/3a7eb2a7-8e32-268a-cdde-0c043be84934.png)

こちらは海外製のShaderに関する本。Shaderのサンプルが70こ載ってます。

英語で書かれていますが、なんとなく理解できるレベルです笑 

レベルも適切(難しすぎず、優しすぎず)なので、こちらもよかったら、参考にしてみてください！

## 紹介したリンク集まとめ
- [7日間でマスターするUnityシェーダ入門](http://nn-hokuson.hatenablog.com/entry/2018/02/15/140037)
- [【はじめてのUnityShader】君の手でキャラクターの見た目を彩ろう！](https://www.dropbox.com/s/owjd4hfqua4nutg/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AE%E3%82%B7%E3%82%A7%E3%83%BC%E3%83%80%E3%83%BC%E8%AC%9B%E5%BA%A7.pdf)
- [Unity Shader Programming Vol.01](https://xjine.booth.pm/items/931290)
- [Unity Shader 勉強会@mao_ さん](https://docs.google.com/presentation/d/1F7HAdPVSmZ159egi4RBpUVtLZ0_9s_NcwUAcXBIY0cM/edit#slide=id.g45a9342bcf_0_48)
- [Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた](http://tips.hecomi.com/entry/2014/03/16/233943)
- [Unity道場 2月~シェーダを書けるプログラマになろう~](https://www.twitch.tv/videos/386454533)
- [楽しい！Unityシェーダー お絵描き入門！ ](https://docs.google.com/presentation/d/1NMhx4HWuNZsjNRRlaFOu2ysjo04NgcpFlEhzodE8Rlg/edit#slide=id.g36c6570f40_0_81)
- [Shaders Laboratory](http://www.shaderslab.com/shaders.html)
- [Unity 2018 Shaders and Effects Cookbook](https://www.amazon.co.jp/Unity-2018-Shaders-Effects-Cookbook/dp/1788396235)