Recommandé
Contenu connexe
Tendances
Tendances (20)
Plus de KLab Inc. / Tech
Plus de KLab Inc. / Tech (20)
RenderTextureの正しいα値は？
- 7. ところが 7
- 10. RenderTextureの問題 なぜこんな問題が？ 画面に直接描画した場合 背景画像 + オブジェクト のαブレンド RenderTextureを経由して描画した場合 背景画像 + (ClearColor + オブジェクト) のαブレンド 10
- 11. αブレンドのおさらい αブレンドとは二つの色X, Yを、合計が1になるような係数で線形和を取ること 例 0.3 * X + 0.7 * Y 0.5 * X + 0.5 * Y など 色の重み付き平均と言ってもよい 0.7とか0.5といった係数をα値という 11
- 12. αブレンドのおさらい Q. 画面に描く場合は？ A. すでに書かれている色と、これから描こうとする色のαブレンド DstColorの上にSrcColorを重ねようとした場合には↓の式になる (1 - α) * DstColor + α * SrcColor 12
- 13. αブレンドのおさらい (1 - α) * DstColor + α * SrcColor 実はこの式の(1 - α)やαの部分はある程度好きな係数にカスタマイズ可能 アルファブレンドのシェーダーではこうなっているというだけ ・1 ・0 ・α ・1 - α ・書き込み先のα値 などから好きな係数にカスタマイズ可能 13
- 14. αブレンドのおさらい 例 1 * DstColor + α * SrcColor : α付き加算合成 1 * DstColor + 1 * SrcColor : αなし加算合成 0 * DstColor + 1 * SrcColor : 一方的な上書き (1 - α) * DstColor + (1 - α) * SrcColor : 謎合成 14
- 15. RenderTextureの問題 なぜこんな問題が？ 画面に直接描画した場合 背景画像 + オブジェクトのαブレンド RenderTextureを経由して描画した場合 背景画像 + (ClearColor + オブジェクト) のαブレンド 問題1: ClearColorの色が混ざってしまっている 問題2: RenderTextureのα値が正しく制御されていない 15
- 18. 方針 1. ClearColorをなかったことにする 2. ClearColorにかかっている係数は本来背景にかかるはずのものなので、それ をRenderTextureのα値に書き込んでおく 3. RenderTextureのRGBは「α反映済みのRGB」として扱う P-MAPに近い これで、背景のような顔をして居座っているClearColorを追い出せる 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 18
- 20. 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 ClearColorにかかっている係数は本来背景にかかるはずのものなので、それを RenderTextureのαとして残す ClearColorにかかっている係数とは？ (1 - A.A) * (1 - B.A) * … の形になっているはず * (1 - A.A) * (1 - B.A) 方針 20
- 21. 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 Unityではα値のブレンド係数を次のように変更することで実現 (1 - α) * DstColor + 0 * SrcColor 併せて、ClearColorのα値を1にしておくことで … * (1 - B.A) * (1 - A.A) * 1 = (1 - A.A) * (1 - B.A) * … の形にすることができる * (1 - A.A) * (1 - B.A) 方針 21
- 22. 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 RenderTextureのRGBは「α反映済みのRGB」として扱う 背景の上に描画する際のブレンド設定を次のようにすればよい α * DstColor + 1 * SrcColor * (1 - A.A) * (1 - B.A)* (1 - A.A) * (1 - B.A) 方針 22
- 23. α * DstColor + 1 * SrcColor DstColorは背景色でαはRenderTextureのα値のこと RenderTextureのα値には(1 - A.A) * (1 - B.A)が入っているはず SrcColorはRenderTextureのRGBで、こちらも0.25 * A + 0.5 * Bが入っているはず なので、係数は1でよい 方針 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 * (1 - A.A) * (1 - B.A)* (1 - A.A) * (1 - B.A) 23
- 24. 背景 0.25倍 パーツA 0.25倍 パーツB 0.5倍 背景 ClearColor 0.25倍 パーツA 0.25倍 パーツB 0.5倍 * (1 - A.A) * (1 - B.A)* (1 - A.A) * (1 - B.A) 方針 24
- 25. RenderTextureに描画する際のClearColorを(0, 0, 0, 1)にする RenderTextureに描画する際のα値のブレンド設定を下のようにする (1 - α) * DstColor + 0 * SrcColor RenderTextureを画面に描画する際のRGBのブレンド設定を下のようにする α * DstColor + 1 * SrcColor 手順まとめ 25
- 26. RenderTextureに描画する際のClearColorを(0, 0, 0, 1)にする Unity上での手順 26
- 27. RenderTextureに描画する際のα値のブレンド設定を下のようにする (1 - α) * DstColor + 0 * SrcColor RenderTextureを画面に描画する際のRGBのブレンド設定を下のようにする α * DstColor + 1 * SrcColor Unity上での手順 27
- 28. 結果 同じになった！！ 28
- 32. 今回紹介した方法は、RenderTextureのα値として正しい値なのではなく、このロ ジックを成立させるためのピースでしかないように見えるかもしれない ところが、実はそこそこ正しい値で、正確にいうと今回の (1 - A.A) * (1 - B.A) * … は(1 - α)に相当する値である そのまま背景色に乗算している点とも辻褄が合っている 補足 32
- 33. α値というのは、自然現象に置き換えると遮光率と言える (α値が0.9だったら、後ろの光を0.1だけ通している) つまり(1 - α)は透過率で、複数枚重ねた時の透過率はそれぞれの積で求まる、と いうのが直感的に正しそう つまり、透過率は次の式 (1 - α1) * (1 - α2) * (1 - α3) * … 補足 33
- 34. 透過率 + 遮光率 = 1 となるのがアルファブレンドなので、透過率が (1 - α1) * (1 - α2) * (1 - α3) * … なら遮光率(つまりα値)は 1 - ((1 - α1) * (1 - α2) * (1 - α3) * …) の形になる 補足 34
- 35. 今回の (1 - A.A) * (1 - B.A) * … は(1 - α)に相当する値であると書いたが、つまり遮光率ではなく透過率の方を保 存していることになる(だから、背景色にそのまま係数として掛けてよい) 本質的には遮光率を残そうが透過率を残そうが大した違いはないが、厳密には正 しいα値が残っているとは言えない 補足 35