AmplifyShaderEditorのPostProcessであそぶ

#はじめに
　ある日「カメラエフェクト作りたいな・・・」と思いAmplifyShaderEditor(以下ASE)でPostProcessが作れると知り、ASE自体ぺろぺろした程度しか知識はありませんが、調べたことをメモしていきます。
#動作環境
Windows10
Unity 2019.2.17f1
AmplifyShaderEditor 1.7.5
#準備
###①新規でシェーダーを作る
　ASEポスプロ用シェーダーはCreate→AmplifyShader→Legacy→PostProcessの順で新規作成できます。ここでは仮に「pp_01」と名付けました
![2101fe13784550616066d9a1a1b341cbd0.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/c61a4377-4f1a-7f00-3374-015b77b05642.png)

　あと、マテリアルも作成しシェーダーをpp_01に設定しておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/2db5d55a-08c6-5c35-c7e2-035edd15f52a.png)
###②Cameraにマテリアルをつけたい！
![44a8e44c127c17ac209501ba42c57ef7_600.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/2078c968-002e-fe8f-09a3-9ef4485e6a43.jpeg)
　とりあえずカメラにシェーダーをかけないとプレビューできないので、ASEが丁寧に用意してくれたPostProcessExampleをカメラにAddComponentします。
![2101fe13784550616066d9a1a1b34cbd0.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/aca5c7eb-7bfa-1ecc-7bf2-1181c8029232.png)
　そして先ほど作ったマテリアルをPostProcessMatに設定しましょう。スクリプトをアクティブにして準備完了です！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/8ac94230-53ea-4429-93ff-9a4b4c4fa1d4.png)
#シェーダーを作る
　今は画面が真っ白なので、ここから画面を映していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/fddd64e1-4c82-5f63-544a-de9d41c46881.png)
ダランディさんが制作したキョンシー娘の女の子を使わせていただきました！ダランディさんありがとうございます！！！！
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">モデリングした<a href="https://t.co/78qmjZ0RZQ">https://t.co/78qmjZ0RZQ</a> <a href="https://t.co/LJL6GmcTXi">pic.twitter.com/LJL6GmcTXi</a></p>&mdash; ダランディ (@darandy) <a href="https://twitter.com/darandy/status/1208687507652481024?ref_src=twsrc%5Etfw">December 22, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

###とりあえず画面を映す
　Template parameterを用意しましょう、そこからTextureSampleをつなぎ描画させます。
![2101fe13784550616066d9a1a1b3411cbd0.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/fd672aba-a31a-b021-1072-16b26582fd4c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/3536a863-b707-7c6a-3f8f-b4fe65f5bf59.png)

#あそぶ
###PixelateUVでモザイクっぽさをだす
Texture CoordinatesからPixelateUVをつなぎ、モザイク化させてみました、PixelateUVのPixel XとYにfloatノードをつなげば解像度を変えれます。
にしても、これはなかなか遊べそう・・・。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/9429d7c9-9127-10a1-fe6b-4ceabe8f89d8.png)
###階調化させる
TextureSampleからPosterizeをつなぎ階調化させました、PowerにFloatを繋ぎ階調化数を変えれます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/dae8a573-9668-67a9-54eb-b2d6792c6dfa.png)
###ここまできたらアレしかない
PosterizeからGlayScale(白黒化)ノードを繋ぎ、HSV to RGBで「Hue」「Saturation」をいじり緑色にします、ゲームボーイっぽさが出ました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/c32c2520-d333-c0a9-23e9-a86a7babf77b.png)
###まわす
まわしました（？）TextureCoordinatesからRotator（回転）を繋いでRotatorノードのAnchorにVector2を繋ぎ中心点をX0.5、Y0.5に設定します。
TimeParameterとFloatをMultipyして速度を調節します。
![7bd2a8c0dd44732ee71c06234e52de04.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/209198/973c8c5b-e7ad-a7db-fff6-961ba6a12685.gif)
#おわりに
ぎこちない文章で申し訳なかったのですが、参考にしてもらえればと思います。
みんなもポスプロで遊ぼう！