[UE5] 不透明マスクでテクスチャを透過させる

2022年11月18日 22:27

▶オパシティ(不透明)について

真ん中にある入力値です。

Opacityは0~1の値をとり 0は透明１は不透明です。
ここでは1をとる場合カラーが完全に出力され
0に近づくにつれ無色=透明になるわけです。

こんな画像を用意↓(真ん中はグレーに見えますが本来真っ黒です)

そして↓のノードを組んでマテリアルを作成しました。

するとこんな感じになります↓

ここでわかるのが Opacity=1の部分は黄色に変化し
Opacity=0の部分は透明色になって後ろの背景が透過しています。

先ほどのノードに OneMinus を追加します。
これは入力されてきたXを元に 1-Xをして出力します。
つまり0~1が入力されてきた場合数値が反転するわけです
( 1-(1)= 0 1-(0)=1 1-(0.3)=0.7 etc…)

出力結果として本来Opacity=0の部分が Opacity=1になり
黄色が出力されました。逆も然りです。

シンプルにMultplyで掛け合わせてみます。

結果 ↓のように白が黄色に変わりました。

白:RGB=(1,1,1)のため黄色を掛け合わせたら (1,1,0)になります。
黒:RGB=(0,0,0)は何を掛け合わせても (0,0,0)です。

OneMinusで反転してもできます。

ここまでやってきたものを掛け合わせてみましょう。

一瞬見るとちょっとわからなくなったりしますが、
ベースカラー、オパシティと一つずつ個別に見ていくとよいです。

カラーの代わりにエミッシブカラーに出力してみます。
スカラーparamsを掛け合わせて 1を越えますとネオンのように光ります。

白と有色を掛け合わせて色を作る
Opacityは白だと１黒じゃ０だ