0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Unity ShaderGraph レシピ #12 グレースケールフィルタ

Posted at

#グレースケールフィルタ
gif_animation_017.gif

#作り方
RGBそれぞれの色味に係数を掛けるだけです。
こちらの記事によくまとまっているので詳しく知りたい方は併せて読むと理解が深まります。

今回はBT.601方式の計算を使います。

1.カラー値に係数を掛ける

0.299 * R + 0.587 * G + 0.114 * B = グレースケール

上記が計算式です。
「各色に係数を掛けた結果を足す」ことでグレースケール値を算出します。
つまり内積で一発で求められます。
スクリーンショット 2020-12-29 0.05.00.png

2.元の色からじょじょに変化させる

Leapを使って、元画像とグレースケール画像を補完できるように作っておきます。
パッと切り替わるだけだと使いづらいですからね。

スクリーンショット 2020-12-29 0.05.53.png

LeapノードのTの値に0〜1の係数を入れることでスムーズに変化する演出がつくれます。

###完成!
gif_animation_017.gif


その他のレシピはShaderGraphレシピ一覧にまとまっています

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?